@gisce/react-ooui 1.1.3 → 1.2.0-rc.1

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,sBA6MlC;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,sBA6MlC;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,gBAiDhD,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/SearchTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AA0SF,wBAAsC"}
+{"version":3,"file":"SearchTree.d.ts","sourceRoot":"","sources":["SearchTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAgBnD,aAAK,gBAAgB,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,KAAK,IAAI,CAAC;CAC1D,CAAC;;AA4SF,wBAAsC"}

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;CAC5B,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,eAmHjC;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;CAC5B,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,eAmHjC;AAED,eAAe,YAAY,CAAC"}

package/package.json

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

package/src/actionbar/TreeActionBar.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React, { useContext, useState } from "react";
 import { Space } from "antd";
 import ChangeViewButton from "./ChangeViewButton";
 import {
@@ -15,6 +15,7 @@ import {
   ReloadOutlined,
   InfoCircleOutlined,
   FilterOutlined,
+  ExportOutlined,
 } from "@ant-design/icons";
 import { LocaleContext, LocaleContextType } from "@/context/LocaleContext";
 import showConfirmDialog from "@/ui/ConfirmDialog";
@@ -28,6 +29,8 @@ import {
 import ButtonWithBadge from "./ButtonWithBadge";
 import { showLogInfo } from "@/helpers/logInfoHelper";
 import SearchBar from "./SearchBar";
+import { ExportModal } from "..";
+import { mergeParams } from "@/helpers/searchHelper";
 
 type Props = {
   parentContext?: any;
@@ -57,6 +60,9 @@ function TreeActionBar(props: Props) {
     treeIsLoading,
     setPreviousView,
     previousView,
+    results,
+    limit,
+    totalItems,
   } = useContext(ActionViewContext) as ActionViewContextType;
 
   const { parentContext = {}, treeExpandable, toolbar } = props;
@@ -66,6 +72,7 @@ function TreeActionBar(props: Props) {
     ContentRootContext
   ) as ContentRootContextType;
   const { processAction } = contentRootContext || {};
+  const [exportModalVisible, setExportModalVisible] = useState(false);
 
   function tryDelete() {
     showConfirmDialog({
@@ -233,6 +240,16 @@ function TreeActionBar(props: Props) {
         </>
       )}
       {separator()}
+      <ActionButton
+        icon={<ExportOutlined />}
+        tooltip={t("export")}
+        disabled={duplicatingItem || removingItem || treeIsLoading}
+        loading={false}
+        onClick={() => {
+          setExportModalVisible(true);
+        }}
+      />
+      {separator()}
       <DropdownButton
         icon={<ThunderboltOutlined />}
         disabled={
@@ -269,6 +286,25 @@ function TreeActionBar(props: Props) {
           });
         }}
       />
+      <ExportModal
+        visible={exportModalVisible}
+        locale={lang}
+        onClose={() => setExportModalVisible(false)}
+        model={currentModel!}
+        treeFields={searchTreeRef?.current?.getFields()}
+        domain={mergeParams(
+          searchTreeRef?.current?.getDomain() || [],
+          searchParams || []
+        )}
+        limit={limit}
+        totalRegisters={totalItems}
+        selectedRegistersToExport={
+          results && results.length && results.length > 0
+            ? results.length
+            : undefined
+        }
+        context={parentContext}
+      />
     </Space>
   );
 }

package/src/index.ts

@@ -19,6 +19,7 @@ import { Separator } from "@/widgets/base/Separator";
 import SearchFilter from "@/widgets/views/searchFilter/SearchFilter";
 import SearchTree from "@/widgets/views/SearchTree";
 import { FormModal } from "@/widgets/modals/FormModal";
+import { ExportModal } from "@/widgets/modals/ExportModal";
 import { SearchModal } from "@/widgets/modals/SearchModal";
 import Date from "@/widgets/base/Date";
 import DateTime from "@/widgets/base/DateTime";
@@ -149,4 +150,5 @@ export {
   Switch,
   Steps,
   CodeEditor,
+  ExportModal,
 };

package/src/locales/ca_ES.tsx

@@ -84,4 +84,6 @@ export default {
   openAttachmentLink: "Obrir enllaç de l'adjunt",
   uninformed: "Sense informar",
   totalRegisters: "Registres totals:",
+  export: "Exportar",
+  selectAtLeastOneField: "Selecciona almenys un camp per a l'exportació",
 };

package/src/locales/en_US.tsx

@@ -81,4 +81,6 @@ export default {
   openAttachmentLink: "Open attachment link",
   uninformed: "Uninformed",
   totalRegisters: "Total registers:",
+  export: "Export",
+  selectAtLeastOneField: "Select at least one field for the export",
 };

package/src/locales/es_ES.tsx

@@ -85,4 +85,6 @@ export default {
   openAttachmentLink: "Abrir enlace del adjunto",
   uninformed: "Sin informar",
   totalRegisters: "Registros totales:",
+  export: "Exportar",
+  selectAtLeastOneField: "Selecciona al menos un campo para la exportación",
 };

package/src/widgets/base/Label.tsx

@@ -38,7 +38,7 @@ const Label = (props: Props) => {
     >
       {tooltip && (
         <Tooltip title={tooltip}>
-          <QuestionCircleOutlined className="text-xs text-blue-400 pr-1" />
+          <QuestionCircleOutlined className="pr-1 text-xs text-blue-400" />
         </Tooltip>
       )}
       <span className="pr-2">

package/src/widgets/modals/ExportModal.tsx

@@ -0,0 +1,134 @@
+import ConnectionProvider from "@/ConnectionProvider";
+import {
+  ExportModal as ExportModalFmg,
+  Locale,
+} from "@gisce/react-formiga-components";
+import { ExportOptions } from "@gisce/react-formiga-components/dist/components/other/ExportModal/ExportModal.types";
+import React, { useRef } from "react";
+import showInfo from "@/ui/InfoDialog";
+import { tForLang } from "@/context/LocaleContext";
+
+export type ExportModalProps = {
+  visible: boolean;
+  locale: string;
+  onClose: () => void;
+  selectedRegistersToExport?: number;
+  totalRegisters: number;
+  model: string;
+  domain: any[];
+  limit?: number;
+  treeFields?: any;
+  context?: any;
+};
+
+export const ExportModal = (props: ExportModalProps) => {
+  const {
+    visible,
+    locale,
+    onClose,
+    model,
+    context,
+    treeFields,
+    selectedRegistersToExport,
+    totalRegisters,
+    domain,
+    limit,
+  } = props;
+  const fields = useRef<any>({});
+
+  return (
+    <ExportModalFmg
+      visible={visible}
+      locale={locale as Locale}
+      onSucceed={async (options: ExportOptions) => {
+        if (options.selectedKeys.length === 0) {
+          showInfo(tForLang("selectAtLeastOneField", locale));
+          return;
+        }
+        onClose();
+      }}
+      onCancel={onClose}
+      selectedRegistersToExport={selectedRegistersToExport}
+      totalRegisters={totalRegisters}
+      onGetFieldChilds={async ({ key, title }: any) => {
+        let fieldDefinition;
+
+        if (key.indexOf("/") === -1) {
+          fieldDefinition = fields.current["/"];
+        } else {
+          fieldDefinition = fields.current[getParentKey(key)];
+        }
+
+        const optsForField = fieldDefinition[getChildKey(key)];
+        const relation = optsForField.relation;
+        const viewData = await ConnectionProvider.getHandler().getFields({
+          model: relation,
+          context,
+          fields: [],
+        });
+
+        fields.current[key] = viewData;
+
+        return convertToExportField({
+          fields: viewData,
+          parentTitle: title,
+          parentKey: key,
+        });
+      }}
+      onGetFields={async () => {
+        const viewData = await ConnectionProvider.getHandler().getFields({
+          model,
+          context,
+          fields: [],
+        });
+        fields.current["/"] = viewData;
+        return convertToExportField({ fields: viewData });
+      }}
+      selectedKeys={treeFields ? Object.keys(treeFields) : undefined}
+    />
+  );
+};
+
+const convertToExportField = ({
+  fields,
+  parentKey,
+  parentTitle,
+}: {
+  fields: any;
+  parentTitle?: string;
+  parentKey?: string;
+}) => {
+  const exportFields = [];
+
+  for (const key of Object.keys(fields)) {
+    const valuesForField = fields[key];
+    const relationField =
+      valuesForField.type === "many2one" ||
+      valuesForField.type === "one2many" ||
+      valuesForField.type === "many2many";
+
+    exportFields.push({
+      key: `${parentKey ? parentKey + "/" : ""}${key}`,
+      title: `${parentTitle ? parentTitle + "/" : ""}${valuesForField.string}`,
+      tooltip: valuesForField.help,
+      isLeaf: !relationField,
+    });
+  }
+  return exportFields;
+};
+
+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];
+};

package/src/widgets/views/SearchTree.tsx

@@ -155,6 +155,8 @@ function SearchTree(props: Props, ref: any) {
       searchNameGetDoneRef.current = false;
       fetchResults();
     },
+    getFields: () => treeView?.fields,
+    getDomain: () => domain,
   }));
 
   useEffect(() => {