@vanillabp/bc-shared 0.0.3

package/dist/components/index.d.ts

@@ -0,0 +1,20 @@
+export { LoadingIndicator, ShowLoadingIndicatorFunction } from './LoadingIndicator.js';
+export { EventMessage, EventSourceMessage, GuiSseHook, OnMessageFunction, SseContextInterface, SseProvider, WakeupSseCallback, useSse } from './SseProvider.js';
+export { MessageToast, Toast, ToastAction, ToastFunction } from './Toast.js';
+export { Badge } from './Badge.js';
+export { CircleButton } from './CircleButton.js';
+export { Link } from './Link.js';
+export { Modal } from './ModalDialog.js';
+export { UserTaskAppLayout } from './UserTaskAppLayout.js';
+export { WarningListCell } from './WarningListCell.js';
+export { Alignment, DefaultListCell, DefaultListCellAwareProps, DefaultListCellProps, ENDED_FONT_COLOR, ENDED_FONT_COLOR_ODD, ListCell, TextListCell, colorForEndedItemsOrUndefined, colorRowAccordingToUpdateStatus } from './DefaultListCell.js';
+export { DefaultListHeader, DefaultListHeaderAwareProps, DefaultListHeaderProps } from './DefaultListHeader.js';
+export { CopyClipboard, CopyClipboardButton } from './CopyClipboard.js';
+import '@microsoft/fetch-event-source';
+import 'react';
+import 'grommet';
+import 'grommet/utils';
+import 'i18next';
+import 'grommet/utils/index.js';
+import '../types/ListCell.js';
+import '../types/translate.js';

package/dist/components/index.js

@@ -0,0 +1,12 @@
+export * from "./LoadingIndicator.js";
+export * from "./SseProvider.js";
+export * from "./Toast.js";
+export * from "./Badge.js";
+export * from "./CircleButton.js";
+export * from "./Link.js";
+export * from "./ModalDialog.js";
+export * from "./UserTaskAppLayout.js";
+export * from "./WarningListCell.js";
+export * from "./DefaultListCell.js";
+export * from "./DefaultListHeader.js";
+export * from "./CopyClipboard.js";

package/dist/index.d.ts

@@ -0,0 +1,36 @@
+export { LoadingIndicator, ShowLoadingIndicatorFunction } from './components/LoadingIndicator.js';
+export { EventMessage, EventSourceMessage, GuiSseHook, OnMessageFunction, SseContextInterface, SseProvider, WakeupSseCallback, useSse } from './components/SseProvider.js';
+export { MessageToast, Toast, ToastAction, ToastFunction } from './components/Toast.js';
+export { Badge } from './components/Badge.js';
+export { CircleButton } from './components/CircleButton.js';
+export { Link } from './components/Link.js';
+export { Modal } from './components/ModalDialog.js';
+export { UserTaskAppLayout } from './components/UserTaskAppLayout.js';
+export { WarningListCell } from './components/WarningListCell.js';
+export { Alignment, DefaultListCell, DefaultListCellAwareProps, DefaultListCellProps, ENDED_FONT_COLOR, ENDED_FONT_COLOR_ODD, ListCell, TextListCell, colorForEndedItemsOrUndefined, colorRowAccordingToUpdateStatus } from './components/DefaultListCell.js';
+export { DefaultListHeader, DefaultListHeaderAwareProps, DefaultListHeaderProps } from './components/DefaultListHeader.js';
+export { CopyClipboard, CopyClipboardButton } from './components/CopyClipboard.js';
+export { useOnClickOutside } from './utils/clickOutside.js';
+export { debounce, debounceByKey } from './utils/debounce.js';
+export { REFRESH_TOKEN_HEADER, buildFetchApi } from './utils/fetchApi.js';
+export { now, registerEachSecondHook, unregisterEachSecondHook, useKeepNowUpToDate } from './utils/now-hook.js';
+export { useResponsiveScreen } from './utils/responsiveUtils.js';
+export { currentHour, hoursBetween, isValidLocalDate, nextHours, numberOfHoursBetween, parseLocalDate, parseLocalDateToIsoString, timeAsString, toLocalDateString, toLocaleDateString, toLocaleStringWithoutSeconds, toLocaleTimeStringWithoutSeconds } from './utils/timeUtils.js';
+export { getObjectProperty, keepOldItemsInArray, mergeTwoSortedArrays } from './utils/objectUtils.js';
+export { i18n } from './utils/i18n.js';
+export { theme } from './theme/index.js';
+export { UserTaskForm } from './types/UserTaskForm.js';
+export { ColumnsOfUserTaskFunction, UserTaskListCell } from './types/UserTaskListCell.js';
+export { Column, ListItem, ListItemStatus } from './types/ListCell.js';
+export { WorkflowPage } from './types/WorkflowPage.js';
+export { ColumnsOfWorkflowFunction, WorkflowListCell } from './types/WorkflowListCell.js';
+export { BcWorkflow, GetUserTasksFunction, NavigateToWorkflowFunction } from './types/BcWorkflow.js';
+export { BcUserTask, OpenUserTaskFunction, OpenWorkflowFunction, UnassignFunction } from './types/BcUserTask.js';
+export { TranslationFunction } from './types/translate.js';
+import '@microsoft/fetch-event-source';
+import 'react';
+import 'grommet';
+import 'grommet/utils';
+import 'i18next';
+import 'grommet/utils/index.js';
+import '@vanillabp/bc-official-gui-client';

package/dist/index.js

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

package/dist/stories/LoadingIndicator.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { LoadingIndicator } from '../components/LoadingIndicator.js';
+
+declare const meta: Meta<typeof LoadingIndicator>;
+
+declare type Story = StoryObj<typeof LoadingIndicator>;
+declare const Primary: Story;
+
+export { Primary, meta as default };

package/dist/stories/LoadingIndicator.stories.js

@@ -0,0 +1,18 @@
+import "../chunk-YH4NJHER.js";
+import { LoadingIndicator } from "../components/LoadingIndicator";
+const meta = {
+  title: "components/LoadingIndicator",
+  component: LoadingIndicator,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: ["autodocs"],
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+  argTypes: {
+    backgroundColor: { control: "color" }
+  }
+};
+var LoadingIndicator_stories_default = meta;
+const Primary = {};
+export {
+  Primary,
+  LoadingIndicator_stories_default as default
+};

package/dist/theme/index.d.ts

@@ -0,0 +1,5 @@
+import { ThemeType } from 'grommet';
+
+declare const theme: ThemeType;
+
+export { theme };

package/dist/theme/index.js

@@ -0,0 +1,168 @@
+import "../chunk-YH4NJHER.js";
+import { css } from "styled-components";
+const theme = {
+  global: {
+    colors: {
+      brand: "#e2e2e2",
+      "accent-1": "#ffe699",
+      "accent-2": "#bf9000",
+      "accent-3": "#663300",
+      "accent-4": "#333333",
+      "placeholder": "#bbbbbb",
+      "light-5": "#c7c7c7",
+      "light-6": "#b4b4b4"
+    },
+    font: {
+      family: "Roboto",
+      size: "18px",
+      height: "20px"
+    },
+    focus: {
+      border: {
+        color: "#e0a244"
+      },
+      outline: {
+        color: "#e0a244"
+      }
+    }
+  },
+  table: {
+    header: {
+      border: void 0
+    },
+    body: {
+      border: void 0,
+      extend: css`
+        overflow: visible;
+      `
+    }
+  },
+  heading: {
+    color: "#444444",
+    extend: css`
+      margin-top: 0;
+    `
+  },
+  formField: {
+    label: {
+      requiredIndicator: true
+    }
+  },
+  textArea: {
+    extend: css`
+      font-weight: normal;
+      ::placeholder {
+        font-weight: normal;
+        color: ${(props) => props.theme.global.colors.placeholder};
+      }
+    `
+  },
+  maskedInput: {
+    extend: css`
+      ::placeholder {
+        font-weight: normal;
+        color: ${(props) => props.theme.global.colors.placeholder};
+      }
+    `
+  },
+  textInput: {
+    extend: css`
+      ::placeholder {
+        font-weight: normal;
+        color: ${(props) => props.theme.global.colors.placeholder};
+      }
+    `,
+    placeholder: {
+      extend: css`
+          font-weight: normal;
+          color: ${(props) => props.theme.global.colors.placeholder};
+        `
+    }
+  },
+  button: {
+    default: {
+      background: "#ffffff",
+      border: { color: "accent-1", width: "3px" },
+      color: "accent-3"
+    },
+    primary: {
+      background: "accent-1",
+      border: { color: "accent-2", width: "3px" },
+      color: "accent-3"
+    },
+    secondary: {
+      background: "accent-2",
+      border: { color: "accent-3", width: "3px" },
+      color: "accent-1"
+    },
+    hover: {
+      default: {
+        background: "accent-1",
+        color: "accent-3"
+      },
+      primary: {
+        background: "accent-2",
+        color: "accent-1"
+      },
+      secondary: {
+        background: "accent-3",
+        color: "accent-1"
+      }
+    },
+    disabled: {
+      opacity: 1,
+      color: "dark-4",
+      background: "light-2",
+      border: { color: "light-4" }
+    }
+  },
+  accordion: {
+    heading: {
+      margin: "small"
+    },
+    icons: {
+      color: "accent-3"
+    }
+  },
+  dataTable: {
+    pinned: {
+      header: {
+        background: {
+          color: "accent-2",
+          opacity: "strong"
+        },
+        extend: css`
+          z-index: 19;
+        `
+      }
+    }
+  },
+  page: {
+    wide: {
+      width: {
+        min: "small",
+        max: "xlarge"
+      }
+    }
+  },
+  paragraph: {
+    extend: css`
+      margin-top: 0;
+    `
+  },
+  checkBox: {
+    size: "20px",
+    color: "black"
+  },
+  tip: {
+    content: {
+      background: "white"
+    }
+  },
+  layer: {
+    zIndex: "100"
+  }
+};
+export {
+  theme
+};

package/dist/types/BcUserTask.d.ts

@@ -0,0 +1,12 @@
+import { UserTask } from '@vanillabp/bc-official-gui-client';
+
+declare type OpenUserTaskFunction = () => void;
+declare type OpenWorkflowFunction = () => void;
+declare type UnassignFunction = (userId: string) => void;
+interface BcUserTask extends UserTask {
+    open: OpenUserTaskFunction;
+    navigateToWorkflow: OpenWorkflowFunction;
+    unassign: UnassignFunction;
+}
+
+export { BcUserTask, OpenUserTaskFunction, OpenWorkflowFunction, UnassignFunction };

package/dist/types/BcUserTask.js

@@ -0,0 +1 @@
+;

package/dist/types/BcWorkflow.d.ts

@@ -0,0 +1,11 @@
+import { Workflow } from '@vanillabp/bc-official-gui-client';
+import { BcUserTask } from './BcUserTask.js';
+
+declare type GetUserTasksFunction = (activeOnly: boolean, limitListAccordingToCurrentUsersPermissions: boolean) => Promise<Array<BcUserTask>>;
+declare type NavigateToWorkflowFunction = () => void;
+interface BcWorkflow extends Workflow {
+    navigateToWorkflow: NavigateToWorkflowFunction;
+    getUserTasks: GetUserTasksFunction;
+}
+
+export { BcWorkflow, GetUserTasksFunction, NavigateToWorkflowFunction };

package/dist/types/BcWorkflow.js

@@ -0,0 +1 @@
+;

package/dist/types/ListCell.d.ts

@@ -0,0 +1,30 @@
+interface Title {
+    [key: string]: string;
+}
+interface Column {
+    title: Title;
+    path: string;
+    priority: number;
+    width: string;
+    show: boolean;
+    sortable: boolean;
+    filterable: boolean;
+    resizeable: boolean;
+}
+declare enum ListItemStatus {
+    INITIAL = 0,
+    NEW = 1,
+    UPDATED = 2,
+    ENDED = 3,
+    REMOVED_FROM_LIST = 4
+}
+interface ListItem<D> {
+    id: string;
+    number: number;
+    data: D;
+    status: ListItemStatus;
+    selected: boolean;
+    read?: Date;
+}
+
+export { Column, ListItem, ListItemStatus };

package/dist/types/ListCell.js

@@ -0,0 +1,15 @@
+import "../chunk-YH4NJHER.js";
+;
+var ListItemStatus = /* @__PURE__ */ ((ListItemStatus2) => {
+  ListItemStatus2[ListItemStatus2["INITIAL"] = 0] = "INITIAL";
+  ListItemStatus2[ListItemStatus2["NEW"] = 1] = "NEW";
+  ListItemStatus2[ListItemStatus2["UPDATED"] = 2] = "UPDATED";
+  ListItemStatus2[ListItemStatus2["ENDED"] = 3] = "ENDED";
+  ListItemStatus2[ListItemStatus2["REMOVED_FROM_LIST"] = 4] = "REMOVED_FROM_LIST";
+  return ListItemStatus2;
+})(ListItemStatus || {});
+;
+;
+export {
+  ListItemStatus
+};

package/dist/types/UserTaskForm.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { BcUserTask } from './BcUserTask.js';
+import '@vanillabp/bc-official-gui-client';
+
+interface UserTaskFormProps {
+    userTask: BcUserTask;
+}
+declare type UserTaskForm = FC<UserTaskFormProps>;
+
+export { UserTaskForm };

package/dist/types/UserTaskListCell.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { UserTask } from '@vanillabp/bc-official-gui-client';
+import { BcUserTask } from './BcUserTask.js';
+import { Column } from './ListCell.js';
+import { DefaultListCellAwareProps } from '../components/DefaultListCell.js';
+import 'grommet';
+import 'grommet/utils/index.js';
+import 'grommet/utils';
+import './translate.js';
+
+interface UserTaskListCellProps extends DefaultListCellAwareProps<BcUserTask> {
+}
+declare type UserTaskListCell = FC<UserTaskListCellProps>;
+declare type ColumnsOfUserTaskFunction = (userTask: UserTask) => Column[] | undefined;
+
+export { ColumnsOfUserTaskFunction, UserTaskListCell };

package/dist/types/WorkflowListCell.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { Workflow } from '@vanillabp/bc-official-gui-client';
+import { DefaultListCellAwareProps } from '../components/DefaultListCell.js';
+import { Column } from './ListCell.js';
+import { BcWorkflow } from './BcWorkflow.js';
+import 'grommet';
+import 'grommet/utils/index.js';
+import 'grommet/utils';
+import './translate.js';
+import './BcUserTask.js';
+
+interface WorkflowCellProps extends DefaultListCellAwareProps<BcWorkflow> {
+}
+declare type WorkflowListCell = FC<WorkflowCellProps>;
+declare type ColumnsOfWorkflowFunction = (workflow: Workflow) => Column[] | undefined;
+
+export { ColumnsOfWorkflowFunction, WorkflowListCell };

package/dist/types/WorkflowPage.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { BcWorkflow } from './BcWorkflow.js';
+import '@vanillabp/bc-official-gui-client';
+import './BcUserTask.js';
+
+interface WorkflowPageProps {
+    workflow: BcWorkflow;
+}
+declare type WorkflowPage = FC<WorkflowPageProps>;
+
+export { WorkflowPage };

package/dist/types/index.d.ts

@@ -0,0 +1,14 @@
+export { UserTaskForm } from './UserTaskForm.js';
+export { ColumnsOfUserTaskFunction, UserTaskListCell } from './UserTaskListCell.js';
+export { Column, ListItem, ListItemStatus } from './ListCell.js';
+export { WorkflowPage } from './WorkflowPage.js';
+export { ColumnsOfWorkflowFunction, WorkflowListCell } from './WorkflowListCell.js';
+export { BcWorkflow, GetUserTasksFunction, NavigateToWorkflowFunction } from './BcWorkflow.js';
+export { BcUserTask, OpenUserTaskFunction, OpenWorkflowFunction, UnassignFunction } from './BcUserTask.js';
+export { TranslationFunction } from './translate.js';
+import 'react';
+import '@vanillabp/bc-official-gui-client';
+import '../components/DefaultListCell.js';
+import 'grommet';
+import 'grommet/utils/index.js';
+import 'grommet/utils';

package/dist/types/index.js

@@ -0,0 +1,8 @@
+export * from "./UserTaskForm.js";
+export * from "./UserTaskListCell.js";
+export * from "./ListCell.js";
+export * from "./WorkflowPage.js";
+export * from "./WorkflowListCell.js";
+export * from "./BcWorkflow.js";
+export * from "./BcUserTask.js";
+export * from "./translate.js";

package/dist/types/translate.d.ts

@@ -0,0 +1,3 @@
+declare type TranslationFunction = (key: string) => string;
+
+export { TranslationFunction };

package/dist/utils/clickOutside.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+
+declare type Handler = (event: MouseEvent) => void;
+declare function useOnClickOutside<T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: Handler, mouseEvent?: 'mousedown' | 'mouseup'): void;
+
+export { useOnClickOutside };

package/dist/utils/clickOutside.js

@@ -0,0 +1,20 @@
+import "../chunk-YH4NJHER.js";
+import { useEventListener } from "usehooks-ts";
+function useOnClickOutside(ref, handler, mouseEvent = "mousedown") {
+  useEventListener(
+    mouseEvent,
+    (event) => {
+      const el = ref == null ? void 0 : ref.current;
+      if (!el || el.contains(event.target)) {
+        return;
+      }
+      handler(event);
+    },
+    void 0,
+    // window
+    { capture: true }
+  );
+}
+export {
+  useOnClickOutside
+};

package/dist/utils/debounce.d.ts

@@ -0,0 +1,9 @@
+declare type Params = any[];
+declare type Func = (...args: Params) => void;
+declare type Debounce = (func: Func, timeout?: number) => Func;
+declare const debounce: Debounce;
+declare type FuncForKey = () => void;
+declare type DebounceByKey = (key: string, func?: FuncForKey, timeout?: number) => void;
+declare const debounceByKey: DebounceByKey;
+
+export { debounce, debounceByKey };

package/dist/utils/debounce.js

@@ -0,0 +1,27 @@
+import "../chunk-YH4NJHER.js";
+const debounce = (func, timeout = 300) => {
+  let timer;
+  return (...args) => {
+    window.clearTimeout(timer);
+    timer = window.setTimeout(() => {
+      func(...args);
+    }, timeout);
+  };
+};
+const timers = {};
+const debounceByKey = (key, func, timeout = 300) => {
+  const prevTimer = timers[key];
+  if (prevTimer) {
+    window.clearTimeout(prevTimer);
+    delete timers[key];
+  }
+  if (func) {
+    timers[key] = window.setTimeout(() => {
+      func();
+    }, timeout);
+  }
+};
+export {
+  debounce,
+  debounceByKey
+};

package/dist/utils/fetchApi.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch } from 'react';
+import { WakeupSseCallback } from '../components/SseProvider.js';
+import { ToastAction } from '../components/Toast.js';
+import '@microsoft/fetch-event-source';
+import 'grommet';
+
+declare const REFRESH_TOKEN_HEADER = "x-refresh-token";
+declare const buildFetchApi: (dispatch: Dispatch<ToastAction>, wakeupSeeCallback?: WakeupSseCallback) => WindowOrWorkerGlobalScope['fetch'];
+
+export { REFRESH_TOKEN_HEADER, buildFetchApi };

package/dist/utils/fetchApi.js

@@ -0,0 +1,76 @@
+import {
+  __async,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-YH4NJHER.js";
+const REFRESH_TOKEN_HEADER = "x-refresh-token";
+const doRequest = (dispatch, resolve, reject, input, init, refreshToken) => {
+  navigator.locks.request(
+    "bc-webapp",
+    {
+      mode: Boolean(refreshToken) ? "exclusive" : "shared"
+    },
+    (_lock) => __async(void 0, null, function* () {
+      try {
+        const storedRefreshToken = window.localStorage.getItem(REFRESH_TOKEN_HEADER);
+        const isRefresh = Boolean(storedRefreshToken) && storedRefreshToken === refreshToken;
+        const initWithRefreshToken = !isRefresh ? init : __spreadProps(__spreadValues({}, init), {
+          headers: __spreadProps(__spreadValues({}, init == null ? void 0 : init.headers), {
+            [REFRESH_TOKEN_HEADER]: storedRefreshToken
+          })
+        });
+        const response = yield fetch(input, initWithRefreshToken);
+        const responseRefreshToken = response.headers.get(REFRESH_TOKEN_HEADER);
+        if (responseRefreshToken) {
+          window.localStorage.setItem(REFRESH_TOKEN_HEADER, responseRefreshToken);
+        }
+        if (response.redirected) {
+          document.location.href = response.url;
+          return;
+        }
+        if (response.status === 401) {
+          if (isRefresh && !Boolean(responseRefreshToken)) {
+            window.localStorage.removeItem(REFRESH_TOKEN_HEADER);
+          } else if (Boolean(storedRefreshToken)) {
+            doRequest(dispatch, resolve, reject, input, init, storedRefreshToken);
+            return;
+          }
+        } else if (response.status >= 500) {
+          dispatch({ type: "toast", toast: {
+            namespace: "app",
+            title: "error",
+            message: "unexpected"
+          } });
+        } else if (response.status === 403) {
+          dispatch({ type: "toast", toast: {
+            namespace: "app",
+            title: "error",
+            message: "forbidden"
+          } });
+        }
+        resolve(response);
+      } catch (error) {
+        dispatch({ type: "toast", toast: {
+          namespace: "app",
+          title: "error",
+          message: "unexpected"
+        } });
+        reject(error);
+      }
+    })
+  );
+};
+const buildFetchApi = (dispatch, wakeupSeeCallback) => {
+  return (input, init) => {
+    return new Promise((resolve, reject) => {
+      if (wakeupSeeCallback !== void 0) {
+        wakeupSeeCallback();
+      }
+      doRequest(dispatch, resolve, reject, input, init);
+    });
+  };
+};
+export {
+  REFRESH_TOKEN_HEADER,
+  buildFetchApi
+};

package/dist/utils/i18n.d.ts

@@ -0,0 +1,3 @@
+declare const i18n: any;
+
+export { i18n };

package/dist/utils/i18n.js

@@ -0,0 +1,5 @@
+import "../chunk-YH4NJHER.js";
+const i18n = window.i18n;
+export {
+  i18n
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,13 @@
+export { useOnClickOutside } from './clickOutside.js';
+export { debounce, debounceByKey } from './debounce.js';
+export { REFRESH_TOKEN_HEADER, buildFetchApi } from './fetchApi.js';
+export { now, registerEachSecondHook, unregisterEachSecondHook, useKeepNowUpToDate } from './now-hook.js';
+export { useResponsiveScreen } from './responsiveUtils.js';
+export { currentHour, hoursBetween, isValidLocalDate, nextHours, numberOfHoursBetween, parseLocalDate, parseLocalDateToIsoString, timeAsString, toLocalDateString, toLocaleDateString, toLocaleStringWithoutSeconds, toLocaleTimeStringWithoutSeconds } from './timeUtils.js';
+export { getObjectProperty, keepOldItemsInArray, mergeTwoSortedArrays } from './objectUtils.js';
+export { i18n } from './i18n.js';
+import 'react';
+import '../components/SseProvider.js';
+import '@microsoft/fetch-event-source';
+import '../components/Toast.js';
+import 'grommet';

package/dist/utils/index.js

@@ -0,0 +1,8 @@
+export * from "./clickOutside.js";
+export * from "./debounce.js";
+export * from "./fetchApi.js";
+export * from "./now-hook.js";
+export * from "./responsiveUtils.js";
+export * from "./timeUtils.js";
+export * from "./objectUtils.js";
+export * from "./i18n.js";