@gisce/react-ooui 2.0.0-alpha.2 → 2.0.0-alpha.21

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.2",
+  "version": "2.0.0-alpha.21",
   "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.2",
     "@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,34 @@
     "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-measure": "^2.5.2",
     "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 +94,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 +129,12 @@
     "plugins": [
       "@semantic-release/commit-analyzer",
       "@semantic-release/release-notes-generator",
+      [
+        "@semantic-release/exec",
+        {
+          "prepareCmd": "npm run build"
+        }
+      ],
       [
         "@semantic-release/npm",
         {
@@ -126,5 +144,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/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 || {};
 

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

@@ -69,7 +69,7 @@ function TreeActionBar(props: Props) {
   const { previewFeatures } = useContext(ConfigContext);
   const { t, lang } = useContext(LocaleContext) as LocaleContextType;
   const contentRootContext = useContext(
-    ContentRootContext
+    ContentRootContext,
   ) as ContentRootContextType;
   const { processAction } = contentRootContext || {};
   const [exportModalVisible, setExportModalVisible] = useState(false);
@@ -357,7 +357,7 @@ function TreeActionBar(props: Props) {
         model={currentModel!}
         domain={mergeParams(
           searchTreeRef?.current?.getDomain() || [],
-          searchParams || []
+          searchParams || [],
         )}
         limit={limit}
         totalRegisters={totalItems || 0}

package/src/context/ActionViewContext.tsx

@@ -105,7 +105,7 @@ const ActionViewProvider = (props: ActionViewProviderProps): any => {
   const [previousView, setPreviousView] = useState<View>();
   const [searchValues, setSearchValues] = useState<any>({});
   const [limit, setLimit] = useState<number>(
-    limitProps !== undefined ? limitProps : DEFAULT_SEARCH_LIMIT
+    limitProps !== undefined ? limitProps : DEFAULT_SEARCH_LIMIT,
   );
   const [title, setTitle] = useState<string>(titleProps);
 
@@ -125,7 +125,9 @@ const ActionViewProvider = (props: ActionViewProviderProps): any => {
       setPreviousView(availableViews[0]);
     } else if (availableViews.length > 1) {
       setPreviousView(
-        availableViews.filter((view) => view.view_id !== currentView.view_id)[0]
+        availableViews.filter(
+          (view) => view.view_id !== currentView.view_id,
+        )[0],
       );
     }
   }, [availableViews]);
@@ -136,7 +138,9 @@ const ActionViewProvider = (props: ActionViewProviderProps): any => {
       availableViews.length > 1
     ) {
       setPreviousView(
-        availableViews.filter((view) => view.view_id !== currentView.view_id)[0]
+        availableViews.filter(
+          (view) => view.view_id !== currentView.view_id,
+        )[0],
       );
     }
   }, [currentView]);

package/src/context/DashboardActionContext.tsx

@@ -10,9 +10,8 @@ export type DashboardActionContextType = {
   setMoveItemsEnabled: (value: boolean) => void;
 };
 
-export const DashboardActionContext = React.createContext<DashboardActionContextType | null>(
-  null
-);
+export const DashboardActionContext =
+  React.createContext<DashboardActionContextType | null>(null);
 
 type DashboardActionProviderProps = {
   children: React.ReactNode;

package/src/context/FormModalContext.tsx

@@ -4,9 +4,8 @@ export type FormModalContextType = {
   setTitle?: (title: string) => void;
 };
 
-export const FormModalContext = React.createContext<FormModalContextType | null>(
-  null
-);
+export const FormModalContext =
+  React.createContext<FormModalContextType | null>(null);
 
 type FormModalProviderProps = FormModalContextType & {
   children: React.ReactNode;

package/src/context/LocaleContext.tsx

@@ -15,7 +15,7 @@ export type LocaleContextType = {
 };
 
 export const LocaleContext = React.createContext<LocaleContextType | null>(
-  null
+  null,
 );
 
 type LocaleContextProps = {

package/src/context/One2manyContext.tsx

@@ -11,7 +11,7 @@ export type One2manyContextType = {
 };
 
 export const One2manyContext = React.createContext<One2manyContextType | null>(
-  null
+  null,
 );
 
 const One2manyProvider = ({
@@ -23,9 +23,8 @@ const One2manyProvider = ({
 }): any => {
   const [currentView, setCurrentView] = useState<ViewType>(initialView);
   const [itemIndex, setItemIndex] = useState<number>(0);
-  const [manualTriggerChange, setManualTriggerChange] = useState<boolean>(
-    false
-  );
+  const [manualTriggerChange, setManualTriggerChange] =
+    useState<boolean>(false);
 
   return (
     <One2manyContext.Provider

package/src/helpers/containerHelper.ts

@@ -72,7 +72,7 @@ const expandWidgetsIfNeeded = ({
 
 const getSingleRowTemplateColumns = (
   row: Widget[],
-  numberOfColumns: number
+  numberOfColumns: number,
 ) => {
   const gridOptions = row.map((item: Widget) => {
     if (item instanceof Label && (item as Label).fieldForLabel) {

package/src/helpers/dynamicColumnsHelper.ts

@@ -20,7 +20,7 @@ const getTextWidth = (text: string, font = "14px -apple-system") => {
 export const calculateColumnsWidth = (
   columns: any,
   source: any,
-  maxWidthPerCell = 500
+  maxWidthPerCell = 500,
 ) => {
   if (columns.length === 0) {
     return { columns };
@@ -32,7 +32,7 @@ export const calculateColumnsWidth = (
   const columnsWithWidth = columns.map((column: any) =>
     Object.assign(column, {
       width: getTextWidth(column.title),
-    })
+    }),
   );
 
   // Since we have a minimum width (column's width already calculated),

package/src/helpers/iconMapper.ts

@@ -102,7 +102,7 @@ const iconMapping: { [key: string]: string } = {
 
 export default (
   key: string,
-  props?: { className?: any; style: CSSProperties }
+  props?: { className?: any; style: CSSProperties },
 ) => {
   if (key.indexOf("gtk-") !== -1) {
     const rootIcon = key.replace("gtk-", "").replace(/\-/g, "_");
@@ -122,15 +122,15 @@ function toCamelCase(key: string): string {
     .map((word) =>
       word.replace(
         /\w\S*/g,
-        (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
-      )
+        (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase(),
+      ),
     )
     .join("")}`;
 }
 
 function getIconForKey(
   key: string,
-  props?: { className?: any; style: CSSProperties }
+  props?: { className?: any; style: CSSProperties },
 ) {
   let IconCamelCase = key.charAt(0).toUpperCase() + key.slice(1); // Capitalize first letter
   if (IconCamelCase.indexOf("-") !== -1) {
@@ -150,7 +150,7 @@ function getIconForKey(
     const TablerIcon = () =>
       React.createElement(TablerIcons[tablerKey] as any, {
         fill: "transparent",
-        size: props?.style?.fontSize || 17
+        size: props?.style?.fontSize || 17,
       });
     const CustomIcon = () =>
       React.createElement(Icon, {

package/src/helpers/logInfoHelper.tsx

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

package/src/helpers/timeHelper.ts

@@ -8,7 +8,7 @@ function parseStringToFloat(text?: string) {
       const splitted = text.trim().split(":");
       return (
         Math.round(
-          (parseInt(splitted[0]) + parseInt(splitted[1]) / 60.0) * 10000
+          (parseInt(splitted[0]) + parseInt(splitted[1]) / 60.0) * 10000,
         ) / 10000
       );
     } else {
@@ -55,4 +55,4 @@ function parseFloatToString(num?: number) {
   return finalString;
 }
 
-export { parseStringToFloat, parseFloatToString };
+export { parseStringToFloat, parseFloatToString };

package/src/hooks/useEffectDebugger.ts

@@ -11,7 +11,7 @@ const usePrevious = (value: any, initialValue: any) => {
 const useEffectDebugger = (
   effectHook: any,
   dependencies: any,
-  dependencyNames = []
+  dependencyNames = [],
 ) => {
   const previousDeps = usePrevious(dependencies, []);
 
@@ -30,7 +30,7 @@ const useEffectDebugger = (
 
       return accum;
     },
-    {}
+    {},
   );
 
   if (Object.keys(changedDeps).length) {

package/src/hooks/useExport.ts

@@ -70,7 +70,7 @@ export const useExport = ({
       const fileType: any = await getMimeType(datas);
       openBase64InNewTab(datas, fileType.mime);
     },
-    [locale, model, domain, limit, context, onClose]
+    [locale, model, domain, limit, context, onClose],
   );
 
   const onGetFields = useCallback(async () => {
@@ -109,7 +109,7 @@ export const useExport = ({
         parentKey: key,
       });
     },
-    [fields.current, model, context]
+    [fields.current, model, context],
   );
 
   const onGetPredefinedExports = useCallback(async () => {
@@ -171,12 +171,12 @@ export const useExport = ({
             fields: fieldsForExportLine,
             context,
           });
-        })
+        }),
       );
 
       return { ...pExport, id: exportId };
     },
-    []
+    [],
   );
 
   const onRemovePredefinedExport = useCallback(
@@ -186,7 +186,7 @@ export const useExport = ({
         ids: [pExport.id!],
       });
     },
-    []
+    [],
   );
 
   const getModelFields = useCallback(
@@ -203,7 +203,7 @@ export const useExport = ({
 
       exportModelFields.current.set(model, fieldsForModel);
     },
-    [exportModelFields, context]
+    [exportModelFields, context],
   );
 
   return {
@@ -352,7 +352,7 @@ const getKeysWithoutChildsInFields = ({
             return !fields?.[getParentKey(key)]?.[key];
           }
         })
-        .map((key) => getParentKey(key))
+        .map((key) => getParentKey(key)),
     ),
   ]);
 };
@@ -367,7 +367,7 @@ const retrieveKeyFieldsForPredefinedExports = async ({
   onGetFieldChilds: (key: string) => Promise<ExportField[]>;
 }) => {
   const allPredefinedExportKeys = predefinedExports.flatMap(
-    (exp: PredefinedExport) => exp.fields.map((field: any) => field.key)
+    (exp: PredefinedExport) => exp.fields.map((field: any) => field.key),
   );
 
   const keysWithoutChildsInFields = getKeysWithoutChildsInFields({