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

package/src/helpers/formHelper.ts

@@ -1,302 +0,0 @@
-import { One2manyItem } from "@/widgets/base/one2many/One2manyInput";
-import { Form as FormOoui } from "@gisce/ooui";
-
-const filteredValues = (values: any, fields: any) => {
-  if (!fields) {
-    return values;
-  }
-  const filteredValues: any = {};
-  Object.keys(values).forEach((key) => {
-    if (fields[key] === undefined) {
-      // console.log(`${key} is not in fields`);
-      filteredValues[key] = values[key];
-    } else if (values[key] === false && fields[key].type !== "boolean") {
-      // Do nothing - filter the field.
-    } else if (fields[key].type === "boolean") {
-      const boolValue = values[key];
-      if (boolValue === 0) {
-        filteredValues[key] = false;
-      } else if (boolValue === 1) {
-        filteredValues[key] = true;
-      } else {
-        filteredValues[key] = values[key];
-      }
-    } else {
-      filteredValues[key] = values[key];
-    }
-  });
-  return filteredValues;
-};
-
-export const processValues = (values: any, fields: any) => {
-  const filterBooleans = filteredValues(values, fields);
-  return filterBooleans;
-};
-
-export const getTouchedValues = ({
-  source,
-  target,
-  fields,
-}: {
-  source: any;
-  target: any;
-  fields: any;
-}) => {
-  const differences: any = {};
-  Object.keys(target).forEach((key) => {
-    const is2Many = fields[key]
-      ? fields[key].type === "one2many" || fields[key].type === "many2many"
-      : false;
-
-    if (is2Many) {
-      const sourceValue = JSON.stringify(source[key]);
-      const targetValue = JSON.stringify(target[key]);
-      if (sourceValue === targetValue) {
-        return;
-      }
-
-      const nonOriginalItems =
-        target[key]?.items?.filter(
-          (item: One2manyItem) => item.operation !== "original"
-        ) || [];
-
-      if (nonOriginalItems.length > 0) {
-        differences[key] = target[key];
-      }
-    } else if (Array.isArray(target[key])) {
-      if (source[key] === undefined) {
-        differences[key] = target[key];
-      } else if (fields[key].type === "many2one") {
-        if (!Array.isArray(source[key])) {
-          // This will mean the source many2one value is a numeric id
-          const numericId = source[key];
-          const [targetNumericId] = target[key];
-          if (numericId !== targetNumericId) {
-            differences[key] = target[key];
-          }
-        } else {
-          const sourceValue = JSON.stringify(source[key]);
-          const targetValue = JSON.stringify(target[key]);
-          if (sourceValue !== targetValue) {
-            differences[key] = target[key];
-          }
-        }
-      } else {
-        const sourceValue = JSON.stringify(source[key]);
-        const targetValue = JSON.stringify(target[key]);
-        if (sourceValue !== targetValue) {
-          differences[key] = target[key];
-        }
-      }
-    } else if (source[key] !== target[key]) {
-      if (target[key] === undefined) {
-        differences[key] = null;
-      } else {
-        differences[key] = target[key];
-      }
-    }
-  });
-  return differences;
-};
-
-export const checkFieldsType = ({
-  changedFields,
-  formOoui,
-  types,
-}: {
-  changedFields: string[];
-  formOoui: FormOoui;
-  types: string[];
-}) => {
-  const valuesChecked = changedFields.map((key) => {
-    const fieldType = formOoui?.findById(key)?.type!;
-    return types.includes(fieldType);
-  });
-  return valuesChecked.some((i) => i === true);
-};
-
-export const mergeFieldsDomain = ({
-  fieldsDomain,
-  fields,
-}: {
-  fieldsDomain: any;
-  fields: any;
-}) => {
-  const output: any = {};
-
-  Object.keys(fields).forEach((key) => {
-    output[key] = fields[key];
-
-    if (fieldsDomain[key]) {
-      output[key].domain = fieldsDomain[key];
-    }
-  });
-
-  return output;
-};
-
-export const getValuesForDomain = (domain: any[]) => {
-  const values: any = {};
-
-  if (!domain || !Array.isArray(domain) || domain?.length === 0) {
-    return {};
-  }
-
-  domain.forEach((entry) => {
-    if (entry?.[1] === "=") {
-      values[entry[0]] = entry[2];
-    }
-  });
-
-  return values;
-};
-
-export const getOnChangePayload = ({
-  onChangeFieldActionArgs,
-  values,
-  parentValues = {},
-}: {
-  onChangeFieldActionArgs: any[];
-  values: any;
-  parentValues?: any;
-}) => {
-  const payload: any = {};
-  onChangeFieldActionArgs.forEach((arg: string) => {
-    const splittedArg = arg.split("");
-
-    if (arg === "True") {
-      payload[arg] = true;
-    } else if (arg === "False") {
-      payload[arg] = false;
-    } else if (values[arg]) {
-      payload[arg] = values[arg];
-    } else if (
-      splittedArg[0] === "'" &&
-      splittedArg[splittedArg.length - 1] === "'" &&
-      splittedArg.filter((i: string) => i === "'").length === 2
-    ) {
-      payload[arg] = arg.replace(/'/g, "");
-    } else if (splittedArg.includes("'")) {
-      // This is a string with a variable in it.
-      // TODO: pending implement.
-      payload[arg] = arg;
-    } else if (arg.indexOf("parent.") !== -1) {
-      const parentKey = arg.replace("parent.", "");
-      payload[arg] = parentValues[parentKey] || false;
-    } else {
-      payload[arg] = false;
-    }
-  });
-  return payload;
-};
-
-export const mergeSearchFields = (searchFields: any[]) => {
-  const mergedSearchFields = {
-    primary: [],
-    secondary: [],
-  };
-
-  searchFields.forEach((sf) => {
-    if (!sf) {
-      return;
-    }
-
-    mergedSearchFields.primary = mergedSearchFields.primary.concat(sf.primary);
-    mergedSearchFields.secondary = mergedSearchFields.secondary.concat(
-      sf.secondary
-    );
-  });
-
-  return {
-    primary: mergedSearchFields.primary.filter(onlyUnique),
-    secondary: mergedSearchFields.secondary.filter(onlyUnique),
-  };
-};
-
-function onlyUnique(value: any, index: number, self: any) {
-  return self.indexOf(value) === index;
-}
-
-export const transformPlainMany2Ones = ({
-  values,
-  fields,
-}: {
-  values: any;
-  fields: any;
-}) => {
-  let reformattedValues: { [key: string]: any } = {};
-
-  Object.keys(values).forEach((key) => {
-    const value = values[key];
-
-    if (
-      fields[key] &&
-      fields[key].type === "many2one" &&
-      value &&
-      Array.isArray(value) &&
-      value.length === 2
-    ) {
-      reformattedValues[key] = value[0];
-    } else {
-      reformattedValues[key] = value;
-    }
-  });
-
-  return reformattedValues;
-};
-
-
-export const colorFromString = (text: string) => {
-  let hash = 0;
-  text = text.toString().padEnd(10, '0');
-  for (let i = 0; i < text.length; i++) {
-    hash = text.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  let hexColour = '#';
-  for (let i = 0; i < 3; i++) {
-    var value = (hash >> (i * 8)) & 0xFF;
-    hexColour += ('00' + value.toString(16)).slice(-2);
-  }
-  return hexColour;
-}
-
-export const colorTextFromBackground = (color: string) => {
-  function getRGB(c: string): number {
-    return parseInt(c, 16) || parseInt(c)
-  }
-
-  function getsRGB(c: string ) {
-    return getRGB(c) / 255 <= 0.03928
-      ? getRGB(c) / 255 / 12.92
-      : Math.pow((getRGB(c) / 255 + 0.055) / 1.055, 2.4)
-  }
-
-  function getLuminance(hexColor: string) {
-    return (
-      0.2126 * getsRGB(hexColor.substr(1, 2)) +
-      0.7152 * getsRGB(hexColor.substr(3, 2)) +
-      0.0722 * getsRGB(hexColor.substr(-2))
-    )
-  }
-
-  function getContrast(f: string, b: string) {
-    const L1 = getLuminance(f)
-    const L2 = getLuminance(b)
-    return (Math.max(L1, L2) + 0.05) / (Math.min(L1, L2) + 0.05)
-  }
-
-  function getTextColor(bgColor: string) {
-    const whiteContrast = getContrast(bgColor, '#ffffff')
-    const blackContrast = getContrast(bgColor, '#000000')
-
-    return whiteContrast > blackContrast ? '#ffffff' : '#000000'
-  }
-
-  return getTextColor(color);
-
-}
-
-
-export const stringFormat = (text: string, values: any): string => {
-  return text.replace(/\{([^}]+)\}/g, (match, key)  => values[key] !== undefined ? values[key] : match);
-}

package/src/helpers/iconMapper.ts

@@ -1,164 +0,0 @@
-import React, { CSSProperties } from "react";
-import * as AntIcons from "@ant-design/icons";
-import * as TablerIcons from "@tabler/icons-react";
-import Icon from "@ant-design/icons";
-
-type TablerKey = keyof typeof TablerIcons;
-type AntKey = keyof typeof AntIcons;
-
-const iconMapping: { [key: string]: string } = {
-  "terp-purchase": "ShoppingCart",
-  "terp-graph": "PieChart",
-  "terp-crm": "Contacts",
-  "terp-hr": "Friends",
-  "terp-account": "BuildingBank",
-  "terp-project": "Checklist",
-  "terp-administration": "Adjustments",
-  "terp-partner": "Team",
-  "terp-mrp": "Build",
-  "terp-product": "Shopping",
-  STOCK_JUSTIFY_FILL: "UnorderedList",
-  STOCK_INDENT: "IndentIncrease",
-  STOCK_HELP: "Question",
-  STOCK_GO_UP: "ArrowUp",
-  STOCK_SORT_DESCENDING: "SortDescending",
-  STOCK_ADD: "Plus",
-  STOCK_GOTO_LAST: "FastForward",
-  STOCK_FIND: "Search",
-  STOCK_PROPERTIES: "Control",
-  STOCK_DIALOG_INFO: "Info",
-  STOCK_FLOPPY: "Usb",
-  STOCK_JUSTIFY_CENTER: "AlignCenter",
-  STOCK_GO_BACK: "ArrowLeft",
-  STOCK_UNDERLINE: "Underline",
-  STOCK_BOLD: "Bold",
-  STOCK_APPLY: "Check",
-  STOCK_ZOOM_OUT: "ZoomOut",
-  STOCK_STRIKETHROUGH: "Strikethrough",
-  STOCK_MEDIA_REWIND: "Backward",
-  STOCK_PRINT: "Printer",
-  STOCK_NO: "Close",
-  STOCK_GOTO_FIRST: "FastBackward",
-  STOCK_CLOSE: "Close",
-  STOCK_REMOVE: "Minus",
-  STOCK_CUT: "Scissor",
-  STOCK_DIALOG_AUTHENTICATION: "Safety",
-  STOCK_ZOOM_FIT: "Expand",
-  STOCK_JUMP_TO: "Select",
-  STOCK_HARDDISK: "Hdd",
-  STOCK_SAVE_AS: "Save",
-  STOCK_UNDO: "Undo",
-  STOCK_JUSTIFY_RIGHT: "AlignRight",
-  STOCK_DIALOG_ERROR: "CloseCircle",
-  STOCK_INDEX: "Profile",
-  STOCK_GOTO_BOTTOM: "VerticalAlignBottom",
-  STOCK_MEDIA_NEXT: "StepForward",
-  STOCK_REDO: "Redo",
-  STOCK_COPY: "Copy",
-  STOCK_MEDIA_PAUSE: "Pause",
-  STOCK_GO_FORWARD: "ArrowRight",
-  STOCK_UNDELETE: "Undo",
-  STOCK_EXECUTE: "Setting",
-  STOCK_SAVE: "Save",
-  STOCK_DIALOG_QUESTION: "QuestionCircle",
-  STOCK_SORT_ASCENDING: "SortAscending",
-  STOCK_REFRESH: "Reload",
-  STOCK_MEDIA_FORWARD: "Forward",
-  STOCK_STOP: "Border",
-  STOCK_PRINT_PREVIEW: "Printer",
-  STOCK_HOME: "Home",
-  STOCK_PASTE: "CarryOut",
-  STOCK_ZOOM_100: "ZoomIn",
-  STOCK_FIND_AND_REPLACE: "FileSearch",
-  STOCK_DIALOG_WARNING: "Warning",
-  STOCK_ZOOM_IN: "ZoomIn",
-  STOCK_CONVERT: "Export",
-  STOCK_ITALIC: "Italic",
-  STOCK_YES: "Check",
-  STOCK_MEDIA_PLAY: "PlayCircle",
-  STOCK_MEDIA_RECORD: "VideoCamera",
-  STOCK_MEDIA_PREVIOUS: "StepBackward",
-  STOCK_NEW: "FileAdd",
-  STOCK_CANCEL: "Close",
-  STOCK_DISCONNECT: "Api",
-  STOCK_JUSTIFY_LEFT: "AlignLeft",
-  STOCK_FILE: "File",
-  STOCK_QUIT: "Logout",
-  STOCK_EDIT: "Edit",
-  STOCK_CONNECT: "Api",
-  STOCK_GO_DOWN: "CaretDown",
-  STOCK_NETWORK: "Apartment",
-  STOCK_OK: "Check",
-  STOCK_GOTO_TOP: "VerticalAlignTop",
-  STOCK_ABOUT: "Star",
-  STOCK_COLOR_PICKER: "Aim",
-  STOCK_SELECT_FONT: "FontSize",
-  STOCK_DELETE: "Delete",
-  STOCK_DND: "FileText",
-  STOCK_CLEAR: "CloseSquare",
-  STOCK_UNINDENT: "AlignLeft",
-  STOCK_PREFERENCES: "Setting",
-};
-
-export default (
-  key: string,
-  props?: { className?: any; style: CSSProperties }
-) => {
-  if (key.indexOf("gtk-") !== -1) {
-    const rootIcon = key.replace("gtk-", "").replace(/\-/g, "_");
-    key = `STOCK_${rootIcon.toUpperCase()}`;
-  }
-
-  if (iconMapping.hasOwnProperty(key)) {
-    return getIconForKey(iconMapping[key], props);
-  }
-
-  return getIconForKey(key, props);
-};
-
-function toCamelCase(key: string): string {
-  return `${key
-    .split("-")
-    .map((word) =>
-      word.replace(
-        /\w\S*/g,
-        (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
-      )
-    )
-    .join("")}`;
-}
-
-function getIconForKey(
-  key: string,
-  props?: { className?: any; style: CSSProperties }
-) {
-  let IconCamelCase = key.charAt(0).toUpperCase() + key.slice(1); // Capitalize first letter
-  if (IconCamelCase.indexOf("-") !== -1) {
-    IconCamelCase = toCamelCase(IconCamelCase);
-  }
-
-  const antKey: AntKey = `${IconCamelCase}Outlined` as any;
-  if (AntIcons[antKey]) {
-    return () =>
-      React.createElement(AntIcons[antKey] as any, {
-        ...props,
-      });
-  }
-
-  const tablerKey: TablerKey = `Icon${IconCamelCase}` as any;
-  if (TablerIcons[tablerKey]) {
-    const TablerIcon = () =>
-      React.createElement(TablerIcons[tablerKey] as any, {
-        fill: "transparent",
-        size: props?.style?.fontSize || 17
-      });
-    const CustomIcon = () =>
-      React.createElement(Icon, {
-        component: TablerIcon,
-        ...props,
-      });
-    return CustomIcon;
-  }
-
-  return undefined;
-}

package/src/helpers/logInfoHelper.tsx

@@ -1,28 +0,0 @@
-import ConnectionProvider from "@/ConnectionProvider";
-import React from "react";
-import showInfo from "@/ui/InfoDialog";
-
-async function showLogInfo(
-  model: string,
-  currentId: number,
-  translateFn: Function
-) {
-  const logInfo = ((await ConnectionProvider.getHandler().getLogInfo({
-    model,
-    ids: [currentId],
-  })) as any)[0];
-
-  const { create_date, create_uid, id, write_date, write_uid } = logInfo;
-
-  showInfo(
-    <div>
-      {"ID: " + id} <br />
-      {translateFn("createdBy") + ": " + create_uid[1]} <br />
-      {translateFn("creationDate") + ": " + create_date} <br />
-      {translateFn("lastUpdatedBy") + ": " + write_uid[1]} <br />
-      {translateFn("lastUpdatedDate") + ": " + write_date}
-    </div>
-  );
-}
-
-export { showLogInfo };

package/src/helpers/one2manyHelper.ts

@@ -1,194 +0,0 @@
-import { One2manyItem } from "@/widgets/base/one2many/One2manyInput";
-import ConnectionProvider from "@/ConnectionProvider";
-import { TreeView, View, ViewType } from "@/types";
-import { getColorMap, getTree } from "./treeHelper";
-
-type ReadObjectValuesOptions = {
-  items: One2manyItem[];
-  model: string;
-  context?: any;
-  currentView: ViewType;
-  formView: {
-    fields: any;
-  };
-  treeView: {
-    arch?: string;
-    fields: any;
-  };
-};
-
-const readObjectValues = async (
-  options: ReadObjectValuesOptions
-): Promise<[One2manyItem[], any]> => {
-  const {
-    items,
-    model,
-    formView,
-    treeView,
-    context,
-    currentView = {},
-  } = options;
-
-  const temporalItems: One2manyItem = items.filter(
-    (item) => item.operation !== "original"
-  );
-
-  // We get a number array of id's
-  const idsToFetch = items
-    .filter((item) => item.operation === "original")
-    .map((item) => item.id) as number[];
-
-  const fieldsToRetrieve: { [key: string]: any } = {
-    form: formView.fields,
-    tree: treeView.fields,
-  };
-
-  let values = [],
-    evaluatedColorsForTree;
-
-  if (currentView === "tree" && treeView?.arch) {
-    const colors = getTree(treeView as TreeView)?.colors;
-    const results = await ConnectionProvider.getHandler().readEvalUiObjects({
-      model,
-      ids: idsToFetch,
-      arch: treeView?.arch!,
-      fields: treeView!.fields,
-      context,
-      attrs: colors && {
-        colors,
-      },
-    });
-    values = results[0];
-    evaluatedColorsForTree = getColorMap(results[1]);
-  } else {
-    values = await ConnectionProvider.getHandler().readObjects({
-      model,
-      ids: idsToFetch,
-      fields: fieldsToRetrieve[currentView as string],
-      context,
-    });
-  }
-
-  const filteredValues = values.map((result: any) => {
-    const resultFormValues: any = {};
-    Object.keys(result).forEach((key) => {
-      if (
-        fieldsToRetrieve[currentView as string].hasOwnProperty(key) ||
-        key === "id"
-      ) {
-        resultFormValues[key] = result[key];
-      }
-    });
-    return resultFormValues;
-  });
-
-  // We fill the values property of the One2manyItem with the retrieved values from the API
-  const originalItemsWithFetchedValues: One2manyItem[] = items.map((item) => {
-    const fetchedItemValues = filteredValues.find(
-      (itemValues: any) => itemValues.id === item.id
-    );
-
-    const itemWithFetchedValues = {
-      ...item,
-    };
-
-    if (currentView === "form") {
-      itemWithFetchedValues["values"] = fetchedItemValues;
-    } else if (currentView === "tree") {
-      itemWithFetchedValues["treeValues"] = fetchedItemValues;
-    }
-    return itemWithFetchedValues;
-  });
-
-  return [
-    originalItemsWithFetchedValues.concat(temporalItems),
-    evaluatedColorsForTree,
-  ];
-};
-
-type RemoveItemOptions = {
-  model: string;
-  activeId: number;
-  fieldName: string;
-  idsToRemove: number[];
-  fields: any;
-  isMany2many: boolean;
-};
-
-const removeItems = async (options: RemoveItemOptions) => {
-  const { model, activeId, fieldName, idsToRemove, fields, isMany2many } =
-    options;
-
-  const values: any = {};
-  values[fieldName] = [];
-
-  for (const idToRemove of idsToRemove) {
-    values[fieldName].push([isMany2many ? 3 : 2, idToRemove]);
-  }
-
-  await ConnectionProvider.getHandler().update({
-    model,
-    id: activeId,
-    values,
-    fields,
-  });
-};
-
-type LinkItemOptions = {
-  model: string;
-  activeId: number;
-  fieldName: string;
-  id: number;
-  fields: any;
-};
-
-const linkItem = async (options: LinkItemOptions) => {
-  const { model, activeId, fieldName, id, fields } = options;
-
-  const values: any = {};
-  values[fieldName] = [[4, id]];
-
-  await ConnectionProvider.getHandler().update({
-    model,
-    id: activeId,
-    values,
-    fields,
-  });
-};
-
-const getNextPendingId = (items: One2manyItem[]) => {
-  const negativeIds: number[] = items
-    .filter((item) => item.id && item.id < 0)
-    .map((item) => item.id!);
-  if (negativeIds.length === 0) {
-    return -1;
-  } else {
-    return Math.min(...negativeIds) - 1;
-  }
-};
-
-const convertToPlain2ManyValues = (values: any, fields: any) => {
-  const result: any = {};
-  Object.keys(values).forEach((key) => {
-    if (
-      fields.hasOwnProperty(key) &&
-      (fields[key].type === "one2many" || fields[key].type === "many2many") &&
-      values[key] &&
-      values[key]?.items
-    ) {
-      result[key] = values[key].items.filter(
-        (item: One2manyItem) => item.operation !== "pendingRemove"
-      );
-    } else {
-      result[key] = values[key];
-    }
-  });
-  return result;
-};
-export {
-  readObjectValues,
-  removeItems,
-  linkItem,
-  getNextPendingId,
-  convertToPlain2ManyValues,
-};