@gisce/react-ooui 2.0.0-rc.8 → 2.0.0

package/src/context/FormContext.tsx

@@ -1,79 +0,0 @@
-import React, { useRef, useState } from "react";
-
-export type FormContextType = {
-  activeId?: number;
-  activeModel: string;
-  setFieldValue: (field: string, value?: string) => void;
-  getFieldValue: (field: string) => string;
-  executeButtonAction: ({
-    type,
-    action,
-    context,
-  }: {
-    type: string;
-    action: string;
-    context?: any;
-  }) => Promise<void>;
-  getContext: () => Promise<any>;
-  getValues: () => Promise<any>;
-  getPlainValues: () => { [key: string]: any };
-  getFields: () => Promise<any>;
-  domain: any[];
-  submitForm?: (options?: {
-    callOnSubmitSucceed?: boolean;
-  }) => Promise<{ succeed: boolean; id: number }>;
-  fetchValues?: () => void;
-  formHasChanges?: () => boolean;
-  elementHasLostFocus?: () => void;
-};
-
-export const FormContext = React.createContext<FormContextType | null>(null);
-
-type FormProviderProps = FormContextType & {
-  children: React.ReactNode;
-};
-
-const FormProvider = (props: FormProviderProps): any => {
-  const {
-    children,
-    activeId,
-    activeModel,
-    setFieldValue,
-    getFieldValue,
-    executeButtonAction,
-    getContext,
-    getValues,
-    getPlainValues,
-    domain,
-    submitForm,
-    fetchValues,
-    formHasChanges,
-    elementHasLostFocus,
-    getFields,
-  } = props;
-
-  return (
-    <FormContext.Provider
-      value={{
-        domain,
-        getValues,
-        getPlainValues,
-        getFields,
-        activeId,
-        activeModel,
-        setFieldValue,
-        getFieldValue,
-        executeButtonAction,
-        getContext,
-        submitForm,
-        fetchValues,
-        formHasChanges,
-        elementHasLostFocus,
-      }}
-    >
-      {children}
-    </FormContext.Provider>
-  );
-};
-
-export default FormProvider;

package/src/context/FormModalContext.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-
-export type FormModalContextType = {
-  setTitle?: (title: string) => void;
-};
-
-export const FormModalContext = React.createContext<FormModalContextType | null>(
-  null
-);
-
-type FormModalProviderProps = FormModalContextType & {
-  children: React.ReactNode;
-};
-
-const FormModalProvider = (props: FormModalProviderProps): any => {
-  const { children, setTitle } = props;
-
-  return (
-    <FormModalContext.Provider
-      value={{
-        setTitle,
-      }}
-    >
-      {children}
-    </FormModalContext.Provider>
-  );
-};
-
-export default FormModalProvider;

package/src/context/LocaleContext.tsx

@@ -1,50 +0,0 @@
-import React from "react";
-import ca_ES from "@/locales/ca_ES";
-import en_US from "@/locales/en_US";
-import es_ES from "@/locales/es_ES";
-
-const localeStrings: any = {
-  ca_ES,
-  en_US,
-  es_ES,
-};
-
-export type LocaleContextType = {
-  lang: string;
-  t: (key: string) => string;
-};
-
-export const LocaleContext = React.createContext<LocaleContextType | null>(
-  null
-);
-
-type LocaleContextProps = {
-  children: React.ReactNode;
-  lang: string;
-};
-
-const LocaleContextProvider = (props: LocaleContextProps): any => {
-  const { children, lang } = props;
-
-  function t(key: string): string {
-    return tForLang(key, lang);
-  }
-
-  return (
-    <LocaleContext.Provider
-      value={{
-        lang,
-        t,
-      }}
-    >
-      {children}
-    </LocaleContext.Provider>
-  );
-};
-
-export const tForLang = (key: string, lang: string) => {
-  const translated = localeStrings[lang]?.[key];
-  return translated || key;
-};
-
-export default LocaleContextProvider;

package/src/context/One2manyContext.tsx

@@ -1,46 +0,0 @@
-import { ViewType } from "@/types";
-import React, { useState } from "react";
-
-export type One2manyContextType = {
-  currentView: ViewType;
-  setCurrentView: (view: ViewType) => void;
-  itemIndex: number;
-  setItemIndex: (value: number) => void;
-  manualTriggerChange: boolean;
-  setManualTriggerChange: (value: boolean) => void;
-};
-
-export const One2manyContext = React.createContext<One2manyContextType | null>(
-  null
-);
-
-const One2manyProvider = ({
-  children,
-  initialView,
-}: {
-  children: React.ReactNode;
-  initialView: ViewType;
-}): any => {
-  const [currentView, setCurrentView] = useState<ViewType>(initialView);
-  const [itemIndex, setItemIndex] = useState<number>(0);
-  const [manualTriggerChange, setManualTriggerChange] = useState<boolean>(
-    false
-  );
-
-  return (
-    <One2manyContext.Provider
-      value={{
-        currentView,
-        setCurrentView,
-        itemIndex,
-        setItemIndex,
-        manualTriggerChange,
-        setManualTriggerChange,
-      }}
-    >
-      {children}
-    </One2manyContext.Provider>
-  );
-};
-
-export default One2manyProvider;

package/src/context/TabManagerContext.tsx

@@ -1,118 +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: Array<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/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) {
-  var byteCharacters = atob(data);
-  var byteNumbers = new Array(byteCharacters.length);
-  for (var i = 0; i < byteCharacters.length; i++) {
-    byteNumbers[i] = byteCharacters.charCodeAt(i);
-  }
-  var byteArray = new Uint8Array(byteNumbers);
-  var file = new Blob([byteArray], { type: mimeType + ";base64" });
-  var fileURL = URL.createObjectURL(file);
-  window.open(fileURL);
-}