@gisce/react-ooui 2.0.0-alpha.61 → 2.0.0-alpha.63

package/src/context/TabManagerContext.tsx

@@ -1,117 +0,0 @@
-import { InitialViewData, View, ViewType } from "@/types";
-import { ShortcutApi } from "@/ui/FavouriteButton";
-import React, { useState } from "react";
-
-export type TabManagerContextType = {
-  openAction: ({
-    domain,
-    context,
-    model,
-    views,
-    title,
-    target,
-    initialView,
-    action_id,
-    action_type,
-    res_id,
-    values,
-    forced_values,
-  }: {
-    domain: any;
-    context: any;
-    model: string;
-    views: any[];
-    title: string;
-    target: string;
-    initialView: InitialViewData;
-    action_id: number;
-    action_type: string;
-    res_id?: number | boolean;
-    values?: any;
-    forced_values?: any;
-  }) => void;
-  openRelate: ({
-    relateData,
-    fields,
-    values,
-    action_id,
-    action_type,
-  }: {
-    relateData: any;
-    fields: any;
-    values: any;
-    action_id: number;
-    action_type: string;
-  }) => void;
-  openDefaultActionForModel: ({
-    model,
-    values,
-    forced_values,
-    initialViewType,
-    res_id,
-    domain,
-  }: {
-    model: string;
-    values?: any;
-    forced_values?: any;
-    initialViewType?: ViewType;
-    res_id?: number;
-    domain?: any;
-  }) => void;
-  activeKey: string;
-  onChangeTab: (key: string) => void;
-  onRemoveTab: (key: string) => void;
-  openShortcut: (shortcut: ShortcutApi) => void;
-  tabs: any[];
-  currentView?: View;
-  setCurrentView?: (view?: View) => void;
-  currentId?: number;
-  setCurrentId?: (id?: number) => void;
-};
-
-export const TabManagerContext =
-  React.createContext<TabManagerContextType | null>(null);
-
-type TabManagerProviderProps = TabManagerContextType & {
-  children: React.ReactNode;
-};
-
-const TabManagerProvider = (props: TabManagerProviderProps): any => {
-  const {
-    children,
-    openAction,
-    openRelate,
-    openDefaultActionForModel,
-    openShortcut,
-    activeKey,
-    onChangeTab,
-    onRemoveTab,
-    tabs,
-  } = props;
-
-  const [currentView, setCurrentView] = useState<View>();
-  const [currentId, setCurrentId] = useState<number>();
-
-  return (
-    <TabManagerContext.Provider
-      value={{
-        openAction,
-        openRelate,
-        openDefaultActionForModel,
-        activeKey,
-        openShortcut,
-        onChangeTab,
-        onRemoveTab,
-        tabs,
-        currentId,
-        currentView,
-        setCurrentId,
-        setCurrentView,
-      }}
-    >
-      {children}
-    </TabManagerContext.Provider>
-  );
-};
-
-export default TabManagerProvider;

package/src/helpers/containerHelper.ts

@@ -1,145 +0,0 @@
-import { Widget, Label, Field, Container } from "@gisce/ooui";
-
-const getSpanStyleForItem = ({
-  item,
-  responsiveBehaviour,
-}: {
-  item: Widget;
-  responsiveBehaviour: boolean;
-}) => {
-  return {
-    gridColumnStart: "span " + (responsiveBehaviour ? 1 : item.colspan),
-  };
-};
-
-const fillRowWithEmptiesToFit = ({
-  row,
-  mustFillWithEmpties,
-  numberOfColumns,
-}: {
-  row: any;
-  mustFillWithEmpties: boolean;
-  numberOfColumns: number;
-}) => {
-  const rowWithEmptiesToFit: any = [];
-  let totalColSpan = 0;
-
-  const isLastItemAndMustFit = (columnIndex: number) => {
-    return (
-      columnIndex + 1 === row.length &&
-      totalColSpan < numberOfColumns &&
-      !mustFillWithEmpties
-    );
-  };
-
-  row.map((item: Widget, columnIndex: number) => {
-    totalColSpan += item.colspan;
-
-    if (isLastItemAndMustFit(columnIndex)) {
-      const gapsToAdjust = numberOfColumns - totalColSpan;
-      item.colspan = item.colspan + gapsToAdjust;
-      totalColSpan += gapsToAdjust;
-    }
-
-    rowWithEmptiesToFit.push(item);
-
-    if (isLastItemAndMustFit(columnIndex)) {
-      const gapsToFill = numberOfColumns - totalColSpan;
-      for (let i = 0; i < gapsToFill; i += 1) {
-        rowWithEmptiesToFit.push(new Label({ string: "" }));
-      }
-    }
-  });
-
-  return rowWithEmptiesToFit;
-};
-
-const expandWidgetsIfNeeded = ({
-  row,
-  numberOfColumns,
-}: {
-  row: any;
-  numberOfColumns: number;
-}) => {
-  return row.map((item: Widget) => {
-    if ((item as any)._mustExpand) {
-      (item as any).colspan = numberOfColumns;
-      return item;
-    }
-    return item;
-  });
-};
-
-const getSingleRowTemplateColumns = (
-  row: Widget[],
-  numberOfColumns: number,
-) => {
-  const gridOptions = row.map((item: Widget) => {
-    if (item instanceof Label && (item as Label).fieldForLabel) {
-      return "auto";
-    }
-    if (item instanceof Container) {
-      return "auto";
-    }
-    return "1fr";
-  });
-
-  if (gridOptions.length < numberOfColumns) {
-    const columnsToAdd = numberOfColumns - gridOptions.length;
-    for (let i = 0; i < columnsToAdd; i++) {
-      gridOptions.push("1fr");
-    }
-  }
-  return gridOptions.join(" ");
-};
-
-const getTemplateColumns = (columns: number, fieldInRows: boolean) => {
-  // We check if we have any label+field inside (fieldInRows) the container.
-  // In this scenario, we must format the grid accordingly
-  // Otherwise, the grid will divide uniformly (auto)
-  const odd = fieldInRows ? "1fr" : "auto";
-  const even = "auto";
-  let templateColumns = "";
-  for (let i = 0; i < columns; i++) {
-    templateColumns += i % 2 ? odd : even;
-    if (i + 1 < columns) {
-      templateColumns += " ";
-    }
-  }
-  return templateColumns;
-};
-
-const getMaxColspanForRows = (rows: Widget[][]) => {
-  const maxColspan = rows.map((row: Widget[]) => {
-    return row.reduce((prev, current) => {
-      return prev + current.colspan;
-    }, 0);
-  });
-  return maxColspan.reduce((a, b) => {
-    return Math.max(a, b);
-  });
-};
-
-const rowsHaveAnyField = (rows: Widget[][]) => {
-  let found = false;
-
-  rows.map((row: Widget[]) => {
-    row.map((item: Widget) => {
-      if (item instanceof Field) {
-        found = true;
-      }
-    });
-  });
-
-  return found;
-};
-
-export {
-  fillRowWithEmptiesToFit,
-  getSpanStyleForItem,
-  expandWidgetsIfNeeded,
-  getMaxColspanForRows,
-  rowsHaveAnyField,
-  getSingleRowTemplateColumns,
-  getTemplateColumns,
-};

package/src/helpers/dayjs.ts

@@ -1,21 +0,0 @@
-import dayjs from "dayjs";
-
-import advancedFormat from "dayjs/plugin/advancedFormat";
-import customParseFormat from "dayjs/plugin/customParseFormat";
-import isoWeek from "dayjs/plugin/isoWeek";
-import timezone from "dayjs/plugin/timezone";
-import duration from "dayjs/plugin/duration";
-import relativeTime from "dayjs/plugin/relativeTime";
-import weekday from "dayjs/plugin/weekday";
-import localeData from "dayjs/plugin/localeData";
-
-dayjs.extend(advancedFormat);
-dayjs.extend(customParseFormat);
-dayjs.extend(isoWeek);
-dayjs.extend(timezone);
-dayjs.extend(duration);
-dayjs.extend(relativeTime);
-dayjs.extend(weekday);
-dayjs.extend(localeData);
-
-export default dayjs;

package/src/helpers/dynamicColumnsHelper.ts

@@ -1,73 +0,0 @@
-/**
- * This function calculate the width of a string based on its length
- * @param {String} text
- * @param {String} font
- */
-const getTextWidth = (text: string, font = "14px -apple-system") => {
-  const canvas = document.createElement("canvas");
-  const context = canvas.getContext("2d");
-  context!.font = font;
-  const metrics = context!.measureText(text);
-  return Math.round((metrics.width + 80) * 1.5);
-};
-
-/**
- * This function calculates the width of each column based in all CELL VALUES
- * @param {Array} columns
- * @param {Array} source
- * @param {Number} maxWidthPerCell
- */
-export const calculateColumnsWidth = (
-  columns: any,
-  source: any,
-  maxWidthPerCell = 500,
-) => {
-  if (columns.length === 0) {
-    return { columns };
-  }
-
-  // First we calculate the width for each column
-  // The column width is based on its string length
-
-  const columnsWithWidth = columns.map((column: any) =>
-    Object.assign(column, {
-      width: getTextWidth(column.title),
-    }),
-  );
-
-  // Since we have a minimum width (column's width already calculated),
-  // now we are going to verify if the cell value is bigger
-  // than the column width which is already set
-
-  source.map((entry: any) => {
-    columnsWithWidth.map((column: any, indexColumn: number) => {
-      const columnWidth = column.width;
-      const cellValue = (entry[column.key] as string) || "";
-
-      // Get the string width based on chars length
-      let cellWidth = getTextWidth(cellValue);
-
-      // Verify if the cell value is smaller than column's width
-      if (cellWidth < columnWidth) cellWidth = columnWidth;
-
-      // Verify if the cell value width is bigger than our max width flag
-      if (cellWidth > maxWidthPerCell) cellWidth = maxWidthPerCell;
-
-      // Update the column width
-      columnsWithWidth[indexColumn].width = cellWidth;
-    });
-  });
-
-  // Sum of all columns width to determine the table max width
-  const tableWidth = columnsWithWidth
-    .map((column: any) => column.width)
-    .reduce((a: any, b: any) => {
-      return a + b;
-    });
-
-  return {
-    columns: columnsWithWidth,
-    source,
-    tableWidth,
-  };
-};

package/src/helpers/errorHelper.ts

@@ -1,27 +0,0 @@
-export const parseError = (errorResponse: string) => {
-  let message;
-  let type;
-  let title;
-
-  if (
-    typeof errorResponse === "string" &&
-    errorResponse.indexOf(" -- ") !== -1 &&
-    errorResponse.indexOf("\n\n") !== -1
-  ) {
-    const splitted = errorResponse.split("\n\n");
-    message = splitted[1].replace(/\n/g, "<br />");
-    const args = splitted[0].split(" -- ");
-    type = args[0];
-    title = args[1];
-  } else {
-    message = errorResponse;
-    type = "error";
-    title = "Error";
-  }
-
-  return {
-    type,
-    message,
-    title,
-  };
-};

package/src/helpers/filesHelper.ts

@@ -1,41 +0,0 @@
-import { fileTypeFromBuffer } from "file-type-buffer-browser";
-
-export function getFilesize(base64string: string) {
-  const buffer = Buffer.from(base64string, "base64");
-  const inKbs = buffer.length / 1e3;
-  return `${Math.round((inKbs + Number.EPSILON) * 100) / 100} KB`;
-}
-
-export async function getMimeType(base64string: string) {
-  const mimeInfo = await fileTypeFromBuffer(
-    Buffer.from(base64string, "base64"),
-  );
-  if (!mimeInfo) {
-    return {
-      mime: "text/plain",
-      ext: "txt",
-    };
-  }
-
-  return mimeInfo;
-}
-
-export const toBase64 = (file: File): Promise<string> =>
-  new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    reader.onload = (e: any) => resolve(e.target.result.split(",")[1]);
-    reader.onerror = (error) => reject(error);
-  });
-
-export function openBase64InNewTab(data: string, mimeType: string) {
-  const byteCharacters = atob(data);
-  const byteNumbers = new Array(byteCharacters.length);
-  for (let i = 0; i < byteCharacters.length; i++) {
-    byteNumbers[i] = byteCharacters.charCodeAt(i);
-  }
-  const byteArray = new Uint8Array(byteNumbers);
-  const file = new Blob([byteArray], { type: mimeType + ";base64" });
-  const fileURL = URL.createObjectURL(file);
-  window.open(fileURL);
-}