@gisce/react-ooui 1.2.0-rc.45 → 1.2.0-rc.47

package/dist/widgets/views/Dashboard/DashboardForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardForm.d.ts","sourceRoot":"","sources":["DashboardForm.tsx"],"names":[],"mappings":";AAEA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,aAAa,UAAW,SAAS,gBAyB7C,CAAC"}
+{"version":3,"file":"DashboardForm.d.ts","sourceRoot":"","sources":["DashboardForm.tsx"],"names":[],"mappings":"AAEA,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,aAAa,UAAW,SAAS,gBAyB7C,CAAC"}

package/dist/widgets/views/Dashboard/DashboardTree.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TreeView } from '../../../types/index';
 declare type OnRowClickedData = {
     id: number;

package/dist/widgets/views/Dashboard/DashboardTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardTree.d.ts","sourceRoot":"","sources":["DashboardTree.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,sBA8MlC;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DashboardTree.d.ts","sourceRoot":"","sources":["DashboardTree.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,sBA8MlC;AAED,eAAe,aAAa,CAAC"}

package/dist/widgets/views/DashboardGrid/DashboardGrid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DashboardGridProps } from "./DashboardGrid.types";
 export declare const DashboardGrid: (props: DashboardGridProps) => JSX.Element;
 //# sourceMappingURL=DashboardGrid.d.ts.map

package/dist/widgets/views/DashboardGrid/DashboardGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardGrid.d.ts","sourceRoot":"","sources":["DashboardGrid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,gCAAgC,CAAC;AACxC,OAAO,kCAAkC,CAAC;AAI1C,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBA4CtD,CAAC"}
+{"version":3,"file":"DashboardGrid.d.ts","sourceRoot":"","sources":["DashboardGrid.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,gCAAgC,CAAC;AACxC,OAAO,kCAAkC,CAAC;AAI1C,eAAO,MAAM,aAAa,UAAW,kBAAkB,gBA4CtD,CAAC"}

package/dist/widgets/views/DashboardGrid/DashboardGridItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DashboardGridItemProps } from "./DashboardGridItem.types";
 export declare const DashboardGridItem: (props: DashboardGridItemProps) => JSX.Element;
 //# sourceMappingURL=DashboardGridItem.d.ts.map

package/dist/widgets/views/DashboardGrid/DashboardGridItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardGridItem.d.ts","sourceRoot":"","sources":["DashboardGridItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAOnE,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,gBAiD9D,CAAC"}
+{"version":3,"file":"DashboardGridItem.d.ts","sourceRoot":"","sources":["DashboardGridItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAOnE,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,gBAiD9D,CAAC"}

package/dist/widgets/views/Graph/GraphChart.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type GraphChartProps = {
     model: string;
     domain: any;

package/dist/widgets/views/Graph/GraphChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphChart.d.ts","sourceRoot":"","sources":["GraphChart.tsx"],"names":[],"mappings":";AAaA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,gBAiDhD,CAAC"}
+{"version":3,"file":"GraphChart.d.ts","sourceRoot":"","sources":["GraphChart.tsx"],"names":[],"mappings":"AAaA,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,eAAe,gBAsDhD,CAAC"}

package/dist/widgets/views/Graph/GraphDefaults.d.ts

@@ -4,6 +4,11 @@ declare const DefaultGraphOptions: {
         xAxis: {
             tickCount: number;
         };
+        yAxis: {
+            label: {
+                formatter: (value: number) => string;
+            };
+        };
         legend: {
             maxWidthRatio: number;
             maxItemWidth: number;
@@ -53,6 +58,11 @@ declare const DefaultGraphOptions: {
                 value: any;
             };
         };
+        yAxis: {
+            label: {
+                formatter: (value: number) => string;
+            };
+        };
         label: {
             position: string;
             layout: {

package/dist/widgets/views/Graph/GraphDefaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphDefaults.d.ts","sourceRoot":"","sources":["GraphDefaults.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,mBAAmB;;;;;;;;;;;gCATP,GAAG;;;;;;;;;;;;mCA6BQ,GAAG;;;;;;;;;;;gCA7Bd,GAAG;;;;;;;;;;;;;;;;gCAAH,GAAG;;;;;;;;;;;;CAwEpB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"GraphDefaults.d.ts","sourceRoot":"","sources":["GraphDefaults.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,mBAAmB;;;;;;;;mCAQE,MAAM;;;;;;;;gCAjBf,GAAG;;;;;;;;;;;;mCAsCQ,GAAG;;;;;;;;;;;gCAtCd,GAAG;;;;;;;;;;;;;;;;gCAAH,GAAG;;;;;;;mCAoEM,MAAM;;;;;;;;;;CAsBhC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/widgets/views/Graph/GraphIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Operator } from "@gisce/ooui";
 export declare type GraphInidicatorProps = {
     model: string;

package/dist/widgets/views/Graph/GraphIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GraphIndicator.d.ts","sourceRoot":"","sources":["GraphIndicator.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,oBAAoB,gBAoNzD,CAAC"}
+{"version":3,"file":"GraphIndicator.d.ts","sourceRoot":"","sources":["GraphIndicator.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAQvC,oBAAY,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,GAAG,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,oBAAoB,gBAoNzD,CAAC"}

package/dist/widgets/views/searchFilter/DateRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WidgetProps } from '../../../types';
 export declare const DateRangePicker: (props: WidgetProps) => JSX.Element;
 //# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/widgets/views/searchFilter/DateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["DateRangePicker.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe,UAAW,WAAW,gBASjD,CAAC"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["DateRangePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,eAAe,UAAW,WAAW,gBASjD,CAAC"}

package/dist/widgets/views/searchFilter/DateTimeRangePicker.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WidgetProps } from '../../../types';
 export declare const DateTimeRangePicker: (props: WidgetProps) => JSX.Element;
 //# sourceMappingURL=DateTimeRangePicker.d.ts.map

package/dist/widgets/views/searchFilter/DateTimeRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["DateTimeRangePicker.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,mBAAmB,UAAW,WAAW,gBAoDrD,CAAC"}
+{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["DateTimeRangePicker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,mBAAmB,UAAW,WAAW,gBAoDrD,CAAC"}

package/dist/widgets/views/searchFilter/SearchField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Field } from "@gisce/ooui";
 declare type Props = {
     field: Field;

package/dist/widgets/views/searchFilter/SearchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["SearchField.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,KAAK,EAA8B,MAAM,aAAa,CAAC;AAGhE,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAgBF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,eAyCvC"}
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["SearchField.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,EAA8B,MAAM,aAAa,CAAC;AAGhE,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAgBF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,eAyCvC"}

package/dist/widgets/views/searchFilter/SearchFilter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SearchFields } from '../../../types';
 declare type Props = {
     fields: any;

package/dist/widgets/views/searchFilter/SearchFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["SearchFilter.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,eAwHjC;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["SearchFilter.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,eAwHjC;AAED,eAAe,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.2.0-rc.45",
+  "version": "1.2.0-rc.47",
   "files": [
     "dist",
     "src",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
     "@gisce/ooui": "^0.17.14-rc.1",
-    "@gisce/react-formiga-components": "^1.0.9-rc.14",
+    "@gisce/react-formiga-components": "^1.0.9-rc.17",
     "@gisce/react-formiga-table": "^0.5.0",
     "@monaco-editor/react": "^4.4.5",
     "@tabler/icons-react": "^2.11.0",

package/src/hooks/useExport.ts

@@ -0,0 +1,400 @@
+import {
+  ExportField,
+  ExportOptions,
+  PredefinedExport,
+  PredefinedExportField,
+} from "@/../../react-formiga-components/dist/components/other/ExportModal/ExportModal.types";
+import { useCallback, useRef } from "react";
+import { ConnectionProvider } from "..";
+import showInfo from "@/ui/InfoDialog";
+import { tForLang } from "@/context/LocaleContext";
+import { getMimeType, openBase64InNewTab } from "@/helpers/filesHelper";
+
+export const useExport = ({
+  model,
+  context,
+  locale,
+  selectedRegistersToExport,
+  domain,
+  limit,
+  onClose,
+}: {
+  model: string;
+  context: any;
+  locale: string;
+  selectedRegistersToExport?: any[];
+  domain: any[];
+  limit?: number;
+  onClose: () => void;
+}) => {
+  const fields = useRef<any>({});
+  const exportModelFields = useRef<Map<string, any>>(new Map<string, any>());
+
+  const onExport = useCallback(
+    async (options: ExportOptions) => {
+      if (
+        options.selectedKeys === undefined ||
+        options.selectedKeys.length === 0
+      ) {
+        showInfo(tForLang("selectAtLeastOneField", locale));
+        return;
+      }
+
+      let exportDomain = domain;
+
+      if (
+        options.registersAmount === "selected" &&
+        selectedRegistersToExport?.length !== 0
+      ) {
+        exportDomain = [
+          ["id", "in", selectedRegistersToExport?.map((r) => r.id)],
+        ];
+      }
+
+      const { datas } = await ConnectionProvider.getHandler().exportData({
+        model,
+        fields: addIdToRelationFields({
+          keys: options.selectedKeys,
+          fields: fields.current,
+        }),
+        domain: exportDomain,
+        limit: options.registersAmount === "all" ? 0 : limit,
+        context,
+        format: options.exportType,
+      });
+
+      onClose();
+
+      await new Promise((resolve) => setTimeout(resolve, 200));
+
+      const fileType: any = await getMimeType(datas);
+      openBase64InNewTab(datas, fileType.mime);
+    },
+    [locale, model, domain, limit, context, onClose]
+  );
+
+  const onGetFields = useCallback(async () => {
+    const viewData = await ConnectionProvider.getHandler().getFields({
+      model,
+      context,
+      fields: [],
+    });
+    fields.current["/"] = viewData;
+    return convertToExportFields({ fields: viewData });
+  }, [model, context, fields]);
+
+  const onGetFieldChilds = useCallback(
+    async (key: string) => {
+      const fieldDefinition = getFieldDefinition(key, fields.current);
+      const optsForField = fieldDefinition[getChildKey(key)];
+      const relation = optsForField.relation;
+      const viewData = await ConnectionProvider.getHandler().getFields({
+        model: relation,
+        context,
+        fields: [],
+      });
+
+      // We must iterate over each key of viewData in order to replace the string value
+      for (const [key, value] of Object.entries(viewData)) {
+        viewData[key].string = getTitle({
+          parentTitle: optsForField.string,
+          title: (value as any).string,
+        });
+      }
+
+      fields.current[key] = viewData;
+
+      return convertToExportFields({
+        fields: viewData,
+        parentKey: key,
+      });
+    },
+    [fields.current, model, context]
+  );
+
+  const onGetPredefinedExports = useCallback(async () => {
+    const predefinedExports = await listPredefinedExports({ model, context });
+
+    const keysWithChilds = await retrieveKeyFieldsForPredefinedExports({
+      predefinedExports,
+      fields: fields.current,
+      onGetFieldChilds,
+    });
+
+    // Then we reformat predefined exports to get the title
+    const predefinedExportsAdjusted = predefinedExports.map((pExport) => {
+      return {
+        ...pExport,
+        fields: pExport.fields.map((field: PredefinedExportField) => {
+          const childKey = getChildKey(field.key);
+          const fieldDefinition = getFieldDefinition(field.key, fields.current);
+          const optsForField = fieldDefinition[childKey];
+          return {
+            key: field.key,
+            title: optsForField.string,
+          };
+        }),
+      };
+    });
+
+    return {
+      predefinedExports: predefinedExportsAdjusted,
+      keysWithChilds,
+    };
+  }, [fields.current]);
+
+  const onSavePredefinedExport = useCallback(
+    async (pExport: PredefinedExport) => {
+      const fieldsForExport = await getModelFields("ir.exports");
+      const fieldsForExportLine = await getModelFields("ir.exports.line");
+
+      // First we must create the parent object
+      const exportId = await ConnectionProvider.getHandler().create({
+        model: "ir.exports",
+        values: {
+          name: pExport.name,
+          resource: model,
+        },
+        fields: fieldsForExport,
+        context,
+      });
+
+      // We create the lines
+      await Promise.all(
+        pExport.fields.map(async (field) => {
+          return await ConnectionProvider.getHandler().create({
+            model: "ir.exports.line",
+            values: {
+              name: field.key,
+              export_id: exportId,
+            },
+            fields: fieldsForExportLine,
+            context,
+          });
+        })
+      );
+
+      return { ...pExport, id: exportId };
+    },
+    []
+  );
+
+  const onRemovePredefinedExport = useCallback(
+    async (pExport: PredefinedExport) => {
+      await ConnectionProvider.getHandler().delete({
+        model: "ir.exports",
+        ids: [pExport.id!],
+      });
+    },
+    []
+  );
+
+  const getModelFields = useCallback(
+    async (model: string) => {
+      if (exportModelFields.current.has(model)) {
+        return exportModelFields.current.get(model);
+      }
+
+      const fieldsForModel = ConnectionProvider.getHandler().getFields({
+        model,
+        context,
+        fields: [],
+      });
+
+      exportModelFields.current.set(model, fieldsForModel);
+    },
+    [exportModelFields, context]
+  );
+
+  return {
+    onGetFields,
+    onGetFieldChilds,
+    onExport,
+    onGetPredefinedExports,
+    onSavePredefinedExport,
+    onRemovePredefinedExport,
+  };
+};
+
+const convertToExportFields = ({
+  fields,
+  parentKey,
+}: {
+  fields: any;
+  parentKey?: string;
+}) => {
+  const exportFields = [];
+
+  for (const key of Object.keys(fields)) {
+    const valuesForField = fields[key];
+
+    if (valuesForField.relation && valuesForField.is_function === true) {
+      continue;
+    }
+
+    const relationField = isRelationField(valuesForField);
+
+    exportFields.push({
+      key: compoundId({ key, parentKey }),
+      title: valuesForField.string,
+      tooltip: valuesForField.help,
+      required: valuesForField.required,
+      isLeaf: !relationField,
+    });
+  }
+  return exportFields;
+};
+
+const isRelationField = (fieldDefinition: any) => {
+  return (
+    fieldDefinition.type === "many2one" ||
+    fieldDefinition.type === "one2many" ||
+    fieldDefinition.type === "many2many"
+  );
+};
+
+const compoundId = ({
+  parentKey,
+  key,
+}: {
+  parentKey?: string;
+  key: string;
+}) => {
+  return `${parentKey ? parentKey + "/" : ""}${key}`;
+};
+
+const getParentKey = (key: string) => {
+  if (key.indexOf("/") === -1) {
+    return key;
+  }
+  const items = key.split("/");
+  return items.slice(0, -1).join("/");
+};
+
+const getChildKey = (key: string) => {
+  if (key.indexOf("/") === -1) {
+    return key;
+  }
+  const items = key.split("/");
+  return items[items.length - 1];
+};
+
+const getFieldDefinition = (key: string, fields: any) => {
+  if (key.indexOf("/") === -1) {
+    return fields["/"];
+  } else {
+    return fields[getParentKey(key)];
+  }
+};
+
+const getTitle = ({
+  title,
+  parentTitle,
+}: {
+  title: string;
+  parentTitle?: string;
+}) => {
+  return `${parentTitle ? parentTitle + " → " : ""}${title}`;
+};
+
+const listPredefinedExports = async ({
+  model,
+  context,
+}: {
+  model: string;
+  context: any;
+}) => {
+  const pExports = await ConnectionProvider.getHandler().search({
+    model: "ir.exports",
+    params: [["resource", "=", model]],
+    context,
+  });
+
+  const exportLinesIds = pExports.flatMap((exp: any) => exp.export_fields);
+
+  // Now we must read each id of the export lines
+  const exportLinesObjects = await ConnectionProvider.getHandler().readObjects({
+    model: "ir.exports.line",
+    ids: exportLinesIds,
+    context,
+  });
+
+  return pExports.map((pExport) => ({
+    id: pExport.id,
+    name: pExport.name,
+    fields: pExport.export_fields.map((id: number) => {
+      const exportLine = exportLinesObjects.find((e: any) => e.id === id);
+      return {
+        key: exportLine.name,
+      };
+    }),
+  }));
+};
+
+const getKeysWithoutChildsInFields = ({
+  fields,
+  keys,
+}: {
+  fields: any;
+  keys: string[];
+}) => {
+  return [
+    ...new Set(
+      keys
+        .filter((key) => {
+          if (key.indexOf("/") === -1) {
+            return !fields["/"][key];
+          } else {
+            return !fields[getParentKey(key)];
+          }
+        })
+        .map((key) => getParentKey(key))
+        .sort((a, b) => {
+          return a.split("/").length - b.split("/").length;
+        })
+    ),
+  ];
+};
+
+const retrieveKeyFieldsForPredefinedExports = async ({
+  predefinedExports,
+  fields,
+  onGetFieldChilds,
+}: {
+  predefinedExports: PredefinedExport[];
+  fields: any;
+  onGetFieldChilds: (key: string) => Promise<ExportField[]>;
+}) => {
+  const allPredefinedExportKeys = predefinedExports.flatMap(
+    (exp: PredefinedExport) => exp.fields.map((field) => field.key)
+  );
+
+  const keysWithoutChildsInFields = getKeysWithoutChildsInFields({
+    fields,
+    keys: allPredefinedExportKeys,
+  });
+
+  const keysWithChilds = [];
+
+  // We must load the fields info for each key if not loaded yet in fields and store them in an array to pass them to the formiga component
+  for (const key of keysWithoutChildsInFields) {
+    keysWithChilds.push({ key, childs: await onGetFieldChilds(key) });
+  }
+
+  return keysWithChilds;
+};
+
+const addIdToRelationFields = ({
+  keys,
+  fields,
+}: {
+  keys: string[];
+  fields: any;
+}) =>
+  keys.map((key) => {
+    const childKey = getChildKey(key);
+    const fieldDefinition = getFieldDefinition(key, fields);
+    const optsForField = fieldDefinition[childKey];
+    const relationField = isRelationField(optsForField);
+    return relationField ? `${key}/id` : key;
+  });

package/src/ui/FavouriteButton.tsx

@@ -55,7 +55,7 @@ const FavouriteButton = (props: Props) => {
   const [shortcuts, setShortcuts] = useState<ShortcutApi[]>([]);
   const [loading, setLoading] = useState(true);
   const [currentShortcutId, setCurrentShortcutId] = useState<number>();
-  const { t } = useContext(LocaleContext) as LocaleContextType;
+  const { t } = (useContext(LocaleContext) as LocaleContextType) || {};
 
   const tabManagerContext = useContext(
     TabManagerContext
@@ -150,10 +150,10 @@ const FavouriteButton = (props: Props) => {
     <Menu onClick={handleMenuClick}>
       <div style={{ width: 300, padding: 5, display: "flex" }}>
         <div style={{ paddingLeft: 15, color: "#ccc" }}>
-          {t("favorites").toUpperCase()}
+          {t?.("favorites").toUpperCase()}
         </div>
         <div style={{ flexGrow: 1, paddingLeft: 10 }}>
-          <Tooltip title={t("edit_favorites")}>
+          <Tooltip title={t?.("edit_favorites")}>
             <EditOutlined
               style={{ color: "#1890FF", cursor: "pointer" }}
               onClick={editFavourites}
@@ -177,7 +177,7 @@ const FavouriteButton = (props: Props) => {
         </>
       ) : (
         <div style={{ width: 300, padding: 5, paddingLeft: 15 }}>
-          {t("no_favorites")}
+          {t?.("no_favorites")}
         </div>
       )}
     </Menu>