@gisce/react-ooui 2.0.0-alpha.4 → 2.0.0-alpha.41

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBottomBar.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/SearchBottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAY1C,KAAK,KAAK,GAAG;IACX,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAkChE"}

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

@@ -0,0 +1,7 @@
+import { Field } from "@gisce/ooui";
+type Props = {
+    field: Field;
+};
+export declare function SearchField(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/SearchField.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,KAAK,EAGN,MAAM,aAAa,CAAC;AAGrB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,2CAyCvC"}

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

@@ -0,0 +1,19 @@
+import { SearchFields } from '../../../*/types';
+type Props = {
+    fields: any;
+    searchFields: SearchFields;
+    onClear: () => void;
+    onSubmit: (values: any) => void;
+    isSearching: boolean;
+    limit: number;
+    offset: number;
+    onLimitChange?: (limit: number) => void;
+    searchVisible?: boolean;
+    setSearchFilterHeight?: (height: number) => void;
+    searchError?: string;
+    searchValues?: any;
+    showLimitOptions?: boolean;
+};
+declare function SearchFilter(props: Props): import("react/jsx-runtime").JSX.Element;
+export default SearchFilter;
+//# sourceMappingURL=SearchFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/SearchFilter.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,KAAK,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,2CAyHjC;AAED,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,7 @@
+import React from "react";
+type SearchParamsProps = {
+    onLimitChange?: (limit: number) => void;
+};
+export declare function SearchParams(props: SearchParamsProps): React.ReactElement;
+export {};
+//# sourceMappingURL=SearchParams.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchParams.d.ts","sourceRoot":"","sources":["../../../../src/widgets/views/searchFilter/SearchParams.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,KAAK,iBAAiB,GAAG;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAsBzE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.41",
   "engines": {
     "node": "20.5.0"
   },
@@ -20,19 +20,21 @@
     }
   },
   "scripts": {
-    "preinstall": "npx only-allow npm",
     "build": "tsc --noEmit && vite build",
     "preview": "npm run build && vite preview",
-    "dev:vite": "while :; do tsc && vite build --watch --force; done",
+    "dev:vite": "vite build --watch --force",
     "dev:tsc": "tsc --noEmit --watch",
     "prepare": "husky install",
     "start": "concurrently npm:dev:*",
-    "check": "lint-staged"
+    "check": "lint-staged",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "analyze": "npx vite-bundle-visualizer"
   },
   "dependencies": {
     "@ant-design/plots": "^1.0.9",
     "@gisce/fiber-diagram": "^1.1.0-rc.3",
-    "@gisce/ooui": "^0.22.3",
+    "@gisce/ooui": "1.0.0-alpha.15",
     "@gisce/react-formiga-components": "^1.0.9-rc.21",
     "@gisce/react-formiga-table": "^0.8.6",
     "@monaco-editor/react": "^4.4.5",
@@ -42,25 +44,35 @@
     "file-type-buffer-browser": "git+ssh://git@github.com/mguellsegarra/file-type-buffer-browser.git",
     "interweave": "^13.0.0",
     "md5": "^2.3.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-grid-layout": "^1.3.4",
     "react-hotkeys-hook": "^3.4.4",
-    "react-markdown": "^8.0.7",
+    "react-markdown": "^9.0.0",
     "react-measure": "^2.5.2",
+    "remark-gfm": "^4.0.0",
     "styled-components": "5.3.5",
     "use-deep-compare-effect": "^1.8.1",
-    "uuid": "^3.4.0",
+    "uuid": "^9.0.1",
     "validator": "^13.6.0"
   },
   "devDependencies": {
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
     "@semantic-release/npm": "10.0.4",
+    "@storybook/addon-essentials": "^7.4.6",
+    "@storybook/addon-interactions": "^7.4.6",
+    "@storybook/addon-knobs": "^7.0.2",
+    "@storybook/addon-links": "^7.4.6",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/blocks": "^7.4.6",
+    "@storybook/react": "^7.4.6",
+    "@storybook/react-vite": "^7.4.6",
+    "@storybook/testing-library": "^0.2.2",
     "@types/lodash": "^4.14.170",
     "@types/md5": "^2.3.2",
-    "@types/react": "^17.0.1",
-    "@types/react-dom": "^17.0.1",
+    "@types/react": "18.2.18",
+    "@types/react-dom": "18.2.7",
     "@types/react-grid-layout": "^1.3.2",
     "@types/react-measure": "^2.0.7",
     "@types/react-responsive": "^8.0.2",
@@ -83,19 +95,20 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "husky": "8.0.3",
     "lint-staged": "13.2.3",
-    "only-allow": "1.1.1",
     "prettier": "3.0.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "21.0.7",
+    "storybook": "^7.4.6",
     "typescript": "^5.0.4",
     "vite": "4.4.8",
+    "vite-bundle-visualizer": "^0.10.0",
     "vite-plugin-dts": "^3.6.0",
     "vite-plugin-package-version": "1.0.2",
     "vite-tsconfig-paths": "3.5.0"
   },
   "peerDependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "styled-components": "5.3.5"
   },
   "lint-staged": {
@@ -117,6 +130,12 @@
     "plugins": [
       "@semantic-release/commit-analyzer",
       "@semantic-release/release-notes-generator",
+      [
+        "@semantic-release/exec",
+        {
+          "prepareCmd": "npm run build"
+        }
+      ],
       [
         "@semantic-release/npm",
         {
@@ -126,5 +145,10 @@
       "@semantic-release/github",
       "@semantic-release/git"
     ]
+  },
+  "overrides": {
+    "rc-dropdown": "3.2.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   }
 }

package/src/ConnectionProvider.ts

@@ -9,7 +9,7 @@ export default class ConnectionProvider {
 
   public static getHandler(): ConnectionProviderType {
     if (!ConnectionProvider.handler) {
-      throw 'Must call init() first with a valid ConnectionProvider instance';
+      throw "Must call init() first with a valid ConnectionProvider instance";
     }
     return ConnectionProvider.handler;
   }

package/src/__tests__/iconMapper.test.ts

@@ -15,16 +15,16 @@ describe("A IconMapper instance", () => {
     const findAndReplaceIcon = Icons.FileSearchOutlined;
     const icon = iconMapper("gtk-find-and-replace");
     expect(icon).toBe(findAndReplaceIcon);
-  })
+  });
   test("should return gtk-go", () => {
     const findAndReplaceIcon = Icons.FileSearchOutlined;
     const icon = iconMapper("gtk-find-and-replace");
     expect(icon).toBe(findAndReplaceIcon);
-  })
+  });
   describe("If key doesn't exist in iconMapper", () => {
     test("should return undefined", () => {
       const icon = iconMapper("gtk-foo-bar");
       expect(icon).toBe(undefined);
-    })
-  })
+    });
+  });
 });

package/src/actionbar/AttachmentsButton.tsx

@@ -52,7 +52,7 @@ function AttachmentsButton(props: AttachmentsButtonProps) {
           name: r.name,
           datas_fname: r.datas_fname,
           link: r.link,
-        }))
+        })),
       );
     } catch (error) {
       showErrorDialog(error as any);
@@ -103,28 +103,30 @@ function AttachmentsButton(props: AttachmentsButtonProps) {
     preloadAttachments();
   }, [preloadAttachments]);
 
-  return (<>
-    <AttachmentsButtonWrapper
-      numberOfAttachments={attachments.length}
-      attachments={preloadedAttachments}
-      disabled={disabled}
-      loading={preloading}
-      onAddNewAttachment={onAddNewAttachment}
-      onListAllAttachments={onListAllAttachments}
-      onopenAttachmentLink={openAttachmentLink}
-      onOpenAttachmentDetail={openAttachmentDetail}
-    />
-    <Modal
-      title={t("downloadingAttachment")}
-      open={downloading}
-      footer={null}
-      closable={false}
-      centered
-      maskClosable={false}
-    >
-      <Spin />
-    </Modal>
-  </>);
+  return (
+    <>
+      <AttachmentsButtonWrapper
+        numberOfAttachments={attachments.length}
+        attachments={preloadedAttachments}
+        disabled={disabled}
+        loading={preloading}
+        onAddNewAttachment={onAddNewAttachment}
+        onListAllAttachments={onListAllAttachments}
+        onopenAttachmentLink={openAttachmentLink}
+        onOpenAttachmentDetail={openAttachmentDetail}
+      />
+      <Modal
+        title={t("downloadingAttachment")}
+        open={downloading}
+        footer={null}
+        closable={false}
+        centered
+        maskClosable={false}
+      >
+        <Spin />
+      </Modal>
+    </>
+  );
 }
 
 export default AttachmentsButton;

package/src/actionbar/AttachmentsButtonWrapper.tsx

@@ -33,7 +33,7 @@ export type AttachmentsButtonWrapperProps = {
 };
 
 export const AttachmentsButtonWrapper = (
-  props: AttachmentsButtonWrapperProps
+  props: AttachmentsButtonWrapperProps,
 ) => {
   const { numberOfAttachments, disabled } = props;
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
@@ -68,7 +68,7 @@ export const AttachmentsButtonWrapper = (
 const Content = (
   props: AttachmentsButtonWrapperProps,
   setPopoverVisible: (visible: boolean) => void,
-  locale: string
+  locale: string,
 ) => {
   const {
     attachments = [],

package/src/actionbar/ButtonWithBadge.tsx

@@ -1,6 +1,8 @@
 import React from "react";
-import ButtonWithTooltip, {Props as ButtonWithTooltipProps } from "@/common/ButtonWithTooltip";
-import { theme } from 'antd';
+import ButtonWithTooltip, {
+  Props as ButtonWithTooltipProps,
+} from "@/common/ButtonWithTooltip";
+import { theme } from "antd";
 const { useToken } = theme;
 
 type Props = ButtonWithTooltipProps & {

package/src/actionbar/ChangeViewButton.tsx

@@ -95,7 +95,7 @@ function ChangeViewButton(props: Props) {
   function handleMenuClick(event: any) {
     tryNavigate(() => {
       const selectedView = availableViews.find(
-        (view) => view.view_id === parseInt(event.key)
+        (view) => view.view_id === parseInt(event.key),
       );
       onChangeView(selectedView!);
     });

package/src/actionbar/DashboardActionBar.tsx

@@ -13,12 +13,8 @@ import {
 import { LocaleContext, LocaleContextType } from "@/context/LocaleContext";
 
 function DashboardActionBar() {
-  const {
-    isLoading,
-    dashboardRef,
-    moveItemsEnabled,
-    setMoveItemsEnabled,
-  } = useContext(DashboardActionContext) as DashboardActionContextType;
+  const { isLoading, dashboardRef, moveItemsEnabled, setMoveItemsEnabled } =
+    useContext(DashboardActionContext) as DashboardActionContextType;
   const { t } = useContext(LocaleContext) as LocaleContextType;
 
   return (

package/src/actionbar/DropdownButton.tsx

@@ -1,7 +1,9 @@
-import React from "react";
-import { Menu, Dropdown, Button } from "antd";
+import React, { useState } from "react";
+import { Menu, Dropdown, Button, Input } from "antd";
 import { DownOutlined } from "@ant-design/icons";
 
+const { Search } = Input;
+
 type Props = {
   onItemClick: (event: any) => void;
   items: any[];
@@ -9,6 +11,7 @@ type Props = {
   icon: any;
   label?: string;
   disabled?: boolean;
+  searchable?: true | false | "auto";
 };
 
 function DropdownButton(props: Props) {
@@ -19,18 +22,56 @@ function DropdownButton(props: Props) {
     onItemClick,
     label,
     disabled = false,
+    searchable = "auto",
   } = props;
+  const [searchValue, setSearchValue] = useState<string>();
+
+  const onSearch = (value?: string) => {
+    if (!value) {
+      setSearchValue(undefined);
+      return;
+    }
+
+    const sanitizedValue = value.trim();
+
+    if (sanitizedValue.length === 0) {
+      setSearchValue(undefined);
+      return;
+    }
+
+    setSearchValue(sanitizedValue);
+  };
 
   function getMenu() {
-    const menuItems = items?.map((item, idx) => {
+    let itemsData = [];
+    if (searchValue) {
+      itemsData = items.filter((item) => {
+        return item.name.toLowerCase().includes(searchValue.toLowerCase());
+      });
+    } else {
+      itemsData = items;
+    }
+
+    const menuItems = itemsData.map((item, idx) => {
       if (item.name === "divider") {
         return <Menu.Divider key={"divider" + idx} />;
       }
       return <Menu.Item key={item.id}>{item.name}</Menu.Item>;
     });
 
+    const mustShowSearch =
+      searchable === true || (searchable === "auto" && items.length > 3);
+
     return (
       <Menu onClick={handleMenuClick}>
+        {mustShowSearch && (
+          <Search
+            onChange={(e: any) => onSearch(e.target.value)}
+            onSearch={onSearch}
+            allowClear
+            style={{ padding: 5 }}
+          />
+        )}
         <Menu.ItemGroup title={tooltip}>{menuItems}</Menu.ItemGroup>
       </Menu>
     );

package/src/actionbar/FormActionBar.tsx

@@ -70,12 +70,12 @@ function FormActionBar({ toolbar }: { toolbar: any }) {
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
 
   const contentRootContext = useContext(
-    ContentRootContext
+    ContentRootContext,
   ) as ContentRootContextType;
   const { processAction } = contentRootContext || {};
 
   const tabManagerContext = useContext(
-    TabManagerContext
+    TabManagerContext,
   ) as TabManagerContextType;
   const { openRelate, openDefaultActionForModel } = tabManagerContext || {};
 
@@ -144,6 +144,7 @@ function FormActionBar({ toolbar }: { toolbar: any }) {
       await ConnectionProvider.getHandler().deleteObjects({
         model: currentModel!,
         ids: [currentId!],
+        context: (formRef.current as any).getContext(),
       });
 
       const filteredResults = results?.filter((item: any) => {
@@ -182,7 +183,7 @@ function FormActionBar({ toolbar }: { toolbar: any }) {
       });
 
       if (newId) {
-        await goToResourceId?.(newId);
+        await goToResourceId?.([newId]);
       }
     } catch (e) {
       showErrorDialog(JSON.stringify(e));

package/src/actionbar/NewButton.tsx

@@ -16,7 +16,7 @@ function NewButton(props: Props) {
   const { disabled = false } = props;
 
   const { formHasChanges, onNewClicked: onNewClickedProps } = useContext(
-    ActionViewContext
+    ActionViewContext,
   ) as ActionViewContextType;
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
 

package/src/actionbar/TreeActionBar.tsx

@@ -30,7 +30,7 @@ import { showLogInfo } from "@/helpers/logInfoHelper";
 import SearchBar from "./SearchBar";
 import { ExportModal } from "..";
 import { mergeParams } from "@/helpers/searchHelper";
-import { ConfigContext } from "@/context/ConfigContext";
+import { ErpFeatureKeys, useFeatureIsEnabled } from "@/context/ConfigContext";
 
 type Props = {
   parentContext?: any;
@@ -66,10 +66,12 @@ function TreeActionBar(props: Props) {
   } = useContext(ActionViewContext) as ActionViewContextType;
 
   const { parentContext = {}, treeExpandable, toolbar } = props;
-  const { previewFeatures } = useContext(ConfigContext);
+  const advancedExportEnabled = useFeatureIsEnabled(
+    ErpFeatureKeys.FEATURE_ADVANCED_EXPORT,
+  );
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
   const contentRootContext = useContext(
-    ContentRootContext
+    ContentRootContext,
   ) as ContentRootContextType;
   const { processAction } = contentRootContext || {};
   const [exportModalVisible, setExportModalVisible] = useState(false);
@@ -95,6 +97,7 @@ function TreeActionBar(props: Props) {
       await ConnectionProvider.getHandler().deleteObjects({
         model: currentModel!,
         ids: selectedRowItems!.map((item) => item.id),
+        context: { ...parentContext },
       });
 
       setCurrentId?.(undefined);
@@ -286,85 +289,89 @@ function TreeActionBar(props: Props) {
           });
         }}
       />
-
-      {separator()}
-      <DropdownButton
-        icon={
-          <Icon
-            component={() => (
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                className="icon icon-tabler icon-tabler-database-export"
-                width="1em"
-                height="1em"
-                viewBox="0 0 24 24"
-                strokeWidth="1.5"
-                fill="none"
-                stroke="currentColor"
-                strokeLinecap="round"
-                strokeLinejoin="round"
-              >
-                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-                <ellipse cx="12" cy="6" rx="8" ry="3" />
-                <path d="M4 6v6c0 1.657 3.582 3 8 3a19.84 19.84 0 0 0 3.302 -.267m4.698 -2.733v-6" />
-                <path d="M4 12v6c0 1.599 3.335 2.905 7.538 2.995m8.462 -6.995v-2m-6 7h7m-3 -3l3 3l-3 3" />
-              </svg>
-            )}
-          />
-        }
-        tooltip={t("export")}
-        items={[
-          {
-            id: "print_screen",
-            name: t("printScreen"),
-          },
-          {
-            id: "export",
-            name: t("advancedExport"),
-          },
-        ]}
-        onItemClick={(itemClicked: any) => {
-          if (itemClicked.id === "print_screen") {
-            let idsToExport = selectedRowItems?.map((item) => item.id) || [];
-
-            if (idsToExport.length === 0) {
-              idsToExport = results?.map((item) => item.id) || [];
+      {advancedExportEnabled && (
+        <>
+          {separator()}
+          <DropdownButton
+            icon={
+              <Icon
+                component={() => (
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    className="icon icon-tabler icon-tabler-database-export"
+                    width="1em"
+                    height="1em"
+                    viewBox="0 0 24 24"
+                    strokeWidth="1.5"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  >
+                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+                    <ellipse cx="12" cy="6" rx="8" ry="3" />
+                    <path d="M4 6v6c0 1.657 3.582 3 8 3a19.84 19.84 0 0 0 3.302 -.267m4.698 -2.733v-6" />
+                    <path d="M4 12v6c0 1.599 3.335 2.905 7.538 2.995m8.462 -6.995v-2m-6 7h7m-3 -3l3 3l-3 3" />
+                  </svg>
+                )}
+              />
             }
-
-            runAction({
-              id: -1,
-              model: currentModel,
-              report_name: "printscreen.list",
-              type: "ir.actions.report.xml",
-              datas: {
-                model: currentModel,
-                ids: idsToExport,
+            tooltip={t("export")}
+            items={[
+              {
+                id: "print_screen",
+                name: t("printScreen"),
               },
-            });
-            return;
-          }
+              {
+                id: "export",
+                name: t("advancedExport"),
+              },
+            ]}
+            onItemClick={(itemClicked: any) => {
+              if (itemClicked.id === "print_screen") {
+                let idsToExport =
+                  selectedRowItems?.map((item) => item.id) || [];
 
-          setExportModalVisible(true);
-        }}
-        disabled={
-          duplicatingItem || removingItem || treeIsLoading || hasNameSearch
-        }
-      />
-      <ExportModal
-        visible={exportModalVisible}
-        locale={lang}
-        onClose={() => setExportModalVisible(false)}
-        model={currentModel!}
-        domain={mergeParams(
-          searchTreeRef?.current?.getDomain() || [],
-          searchParams || []
-        )}
-        limit={limit}
-        totalRegisters={totalItems || 0}
-        selectedRegistersToExport={selectedRowItems}
-        visibleRegisters={results?.length || 0}
-        context={parentContext}
-      />
+                if (idsToExport.length === 0) {
+                  idsToExport = results?.map((item) => item.id) || [];
+                }
+
+                runAction({
+                  id: -1,
+                  model: currentModel,
+                  report_name: "printscreen.list",
+                  type: "ir.actions.report.xml",
+                  datas: {
+                    model: currentModel,
+                    ids: idsToExport,
+                  },
+                });
+                return;
+              }
+
+              setExportModalVisible(true);
+            }}
+            disabled={
+              duplicatingItem || removingItem || treeIsLoading || hasNameSearch
+            }
+          />
+          <ExportModal
+            visible={exportModalVisible}
+            locale={lang}
+            onClose={() => setExportModalVisible(false)}
+            model={currentModel!}
+            domain={mergeParams(
+              searchTreeRef?.current?.getDomain() || [],
+              searchParams || [],
+            )}
+            limit={limit}
+            totalRegisters={totalItems || 0}
+            selectedRegistersToExport={selectedRowItems}
+            visibleRegisters={results?.length || 0}
+            context={parentContext}
+          />
+        </>
+      )}
     </Space>
   );
 }