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

package/src/context/ActionViewContext.tsx

@@ -48,7 +48,7 @@ export type ActionViewContextType = {
   setSearchTreeNameSearch?: (searchString?: string) => void;
   previousView?: View;
   setPreviousView?: (view: View) => void;
-  goToResourceId?: (id: number) => Promise<void>;
+  goToResourceId?: (ids: number[]) => Promise<void>;
   searchValues?: any;
   setSearchValues?: (value: any) => void;
   limit?: number;
@@ -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/ConfigContext.tsx

@@ -1,9 +1,28 @@
-import React from "react";
+import React, { useContext } from "react";
 
 interface ConfigContextProps {
-  previewFeatures: boolean;
+  erpFeatures: ErpFeaturesMap;
 }
 
 export const ConfigContext = React.createContext<ConfigContextProps>({
-  previewFeatures: false,
+  erpFeatures: {},
 });
+
+// TODO: this should be defined in a third package, because we are duplicating it both in webclient and here
+export enum ErpFeatureKeys {
+  FEATURE_ADVANCED_EXPORT = "export_data2",
+  // ... add more features here
+}
+// TODO: this should be defined in a third package, because we are duplicating it both in webclient and here
+export type ErpFeaturesMap = {
+  [key in ErpFeatureKeys]?: boolean;
+};
+
+export const useConfigContext = () => {
+  return useContext(ConfigContext);
+};
+
+export const useFeatureIsEnabled = (featureKey: ErpFeatureKeys): boolean => {
+  const { erpFeatures } = useConfigContext();
+  return !!erpFeatures[featureKey];
+};

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(
@@ -184,9 +184,10 @@ export const useExport = ({
       await ConnectionProvider.getHandler().deleteObjects({
         model: "ir.exports",
         ids: [pExport.id!],
+        context,
       });
     },
-    []
+    [],
   );
 
   const getModelFields = useCallback(
@@ -203,7 +204,7 @@ export const useExport = ({
 
       exportModelFields.current.set(model, fieldsForModel);
     },
-    [exportModelFields, context]
+    [exportModelFields, context],
   );
 
   return {
@@ -352,7 +353,7 @@ const getKeysWithoutChildsInFields = ({
             return !fields?.[getParentKey(key)]?.[key];
           }
         })
-        .map((key) => getParentKey(key))
+        .map((key) => getParentKey(key)),
     ),
   ]);
 };
@@ -367,7 +368,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({

package/src/hooks/useWindowDimensions.ts

@@ -12,7 +12,7 @@ function getWindowDimensions() {
 
 export default function useWindowDimensions() {
   const [windowDimensions, setWindowDimensions] = useState(
-    getWindowDimensions()
+    getWindowDimensions(),
   );
 
   useEffect(() => {

package/src/locales/ca_ES.tsx

@@ -71,6 +71,7 @@ export default {
   lastUpdatedDate: "Data última modificació",
   goToResourceId: "Vés al recurs amb ID",
   searchId: "ID de cerca:",
+  searchIdHelp: "Es pot utiltizar un ID o una llista d'IDs separats per comes",
   idNotFound: "No es troba aquesta id de recurs per l'objecte",
   selectedRegisters: "registres seleccionats",
   translate: "Traduïr",

package/src/locales/en_US.tsx

@@ -69,6 +69,7 @@ export default {
   lastUpdatedDate: "Date of last modification",
   goToResourceId: "Go to resource ID",
   searchId: "Search ID:",
+  searchIdHelp: "You can use an ID or a list of IDs separated by commas.",
   idNotFound: "Resource ID does not exist for this object!",
   selectedRegisters: "selected registers",
   translate: "Translate",

package/src/locales/es_ES.tsx

@@ -72,6 +72,8 @@ export default {
   lastUpdatedDate: "Fecha última modificación",
   goToResourceId: "Ir al recurso con ID",
   searchId: "ID de búsqueda:",
+  searchIdHelp:
+    "Se puede utilizar un ID o una lista de IDs separados por comas",
   idNotFound: "No se encuentra ésta ID de recursos para el objeto",
   selectedRegisters: "registros seleccionados",
   translate: "Traducir",

package/src/stories/Time.stories.tsx

@@ -4,7 +4,6 @@ import React, { useState } from "react";
 import { TimeInput } from "../widgets/base/Time";
 import { Time as TimeOoui } from "@gisce/ooui";
 
-
 import LocaleProvider from "../context/LocaleContext";
 
 export default {
@@ -17,12 +16,12 @@ export const Default = (): React.ReactElement => {
     string: "Lorem ipsum",
   });
 
-  const [value, setValue] = useState<string>('23:12:34');
+  const [value, setValue] = useState<string>("23:12:34");
 
   const onChange = (value: string) => {
     console.log(value);
     setValue(value);
-  }
+  };
 
   return (
     <LocaleProvider lang="en_US">

package/src/stories/Utils.stories.tsx

@@ -7,10 +7,8 @@ export default {
   title: "Components/Pure",
 };
 
-
-
 export const CustomTagWithColor = (): React.ReactElement => {
   const text = "Hacker";
   const color = colorFromString(text);
-  return <CustomTag color={color}>{text}</CustomTag>
+  return <CustomTag color={color}>{text}</CustomTag>;
 };

package/src/stories/containers/Group.stories.tsx

@@ -63,7 +63,7 @@ export const Default = (): React.ReactElement => {
 export const WithIcon = (): React.ReactElement => {
   const ooui = new GroupOoui({
     string: "General",
-    icon: "home"
+    icon: "home",
   });
   return (
     <LocaleProvider lang="en_US">
@@ -72,10 +72,9 @@ export const WithIcon = (): React.ReactElement => {
   );
 };
 
-
 export const OnlyIcon = (): React.ReactElement => {
   const ooui = new GroupOoui({
-    icon: "home"
+    icon: "home",
   });
   return (
     <LocaleProvider lang="en_US">

package/src/stories/containers/Notebook.stories.tsx

@@ -88,7 +88,6 @@ export const Test = (): React.ReactElement => {
 };
 
 export const BottomPosition = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook" tabpos="bottom">
       <page string="General">
@@ -113,9 +112,7 @@ export const BottomPosition = (): React.ReactElement => {
   );
 };
 
-
 export const LeftPosition = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook" tabpos="left">
       <page string="General">
@@ -141,7 +138,6 @@ export const LeftPosition = (): React.ReactElement => {
 };
 
 export const IconTabs = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook">
       <page string="Home" icon="home">
@@ -166,9 +162,7 @@ export const IconTabs = (): React.ReactElement => {
   );
 };
 
-
 export const IconTablerTabs = (): React.ReactElement => {
-
   const arch = `<form>
     <notebook name="notebook">
       <page string="Home" icon="bolt">

package/src/stories/custom/Avatar.stories.tsx

@@ -1,7 +1,7 @@
-import React, {useState} from "react";
+import React, { useState } from "react";
 
 import { Avatar as AvatarOoui } from "@gisce/ooui";
-import Avatar from "@/widgets/custom/Avatar";
+import Avatar from "../../widgets/custom/Avatar";
 import LocaleProvider from "../../context/LocaleContext";
 
 export default {
@@ -20,7 +20,3 @@ export const Default = (): React.ReactElement => {
     </LocaleProvider>
   );
 };
-
-
-
-

package/src/stories/custom/Comments.stories.tsx

@@ -1,19 +1,22 @@
 // @ts-ignore
 import React from "react";
 import LocaleProvider from "../../context/LocaleContext";
-import { Comments, CommentsTimeline, EventsType } from "../../widgets/custom/Comments";
-
+import {
+  Comments,
+  CommentsTimeline,
+  EventsType,
+} from "../../widgets/custom/Comments";
 
 export default {
   title: "Components/Widgets/Custom/Comments",
 };
 
 export const Default = (): React.ReactElement => {
-
   const data = [
     {
       id: 1,
-      text: "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
+      text:
+        "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
         "Eius ea enim ut. Unde consequatur ducimus esse ullam. Odio fugit reprehenderit sunt.\n" +
         "Recusandae a aliquid. Iusto quisquam temporibus a assumenda aut fuga. Tenetur cum quis saepe et alias delectus quos.\n" +
         "Corporis adipisci eaque quod. Aperiam voluptatum doloribus accusamus suscipit.\n" +
@@ -30,7 +33,8 @@ export const Default = (): React.ReactElement => {
     },
     {
       id: 2,
-      text: "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
+      text:
+        "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
         "Incidunt eligendi doloremque molestias. Voluptate sapiente nulla veritatis.\n" +
         "Nostrum minima ad repudiandae optio laborum.\n" +
         "Adipisci sint quasi laudantium explicabo ab nostrum. Rerum nemo itaque officia. Velit accusamus itaque accusantium ducimus quidem quae cum.\n" +
@@ -46,7 +50,8 @@ export const Default = (): React.ReactElement => {
     },
     {
       id: 3,
-      text: "Amet tempora ipsum ipsum delectus.\n" +
+      text:
+        "Amet tempora ipsum ipsum delectus.\n" +
         "Autem minus magnam in eveniet. Veniam voluptas deleniti eaque sequi autem.\n" +
         "Occaecati laborum ut voluptatum maxime iure cupiditate. Facere vitae aliquid.\n" +
         "Nemo nihil enim quia exercitationem. Quisquam aut autem magni occaecati velit.\n" +
@@ -65,7 +70,8 @@ export const Default = (): React.ReactElement => {
     },
     {
       id: 4,
-      text: "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
+      text:
+        "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
         "Voluptate reprehenderit sint vitae laborum animi placeat nihil. Maxime iure porro delectus voluptate. Molestiae dolorem natus alias ipsam consequuntur. Nisi nam exercitationem voluptas saepe occaecati.\n" +
         "Reprehenderit quam ex est vel.\n" +
         "Magnam quidem laudantium reprehenderit rerum nam ducimus perspiciatis. Vero omnis sed ducimus quidem dolores dolor illum.\n" +
@@ -80,8 +86,8 @@ export const Default = (): React.ReactElement => {
       date: "2023-04-01 13:00:00",
       isSender: true,
       isAuthor: false,
-    }
-  ]
+    },
+  ];
   return (
     <LocaleProvider lang="es_ES">
       <Comments data={data} />
@@ -96,13 +102,14 @@ export const Timeline = () => {
       event: {
         date: "2023-04-01 10:00",
         action: "Draft",
-      }
+      },
     },
     {
       type: "comment",
       event: {
         id: 1,
-        text: "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
+        text:
+          "Totam odit eum distinctio tempore. Numquam illo dolorum laboriosam vel illum. Sunt saepe ab nihil soluta placeat ullam.\n" +
           "Eius ea enim ut. Unde consequatur ducimus esse ullam. Odio fugit reprehenderit sunt.\n" +
           "Recusandae a aliquid. Iusto quisquam temporibus a assumenda aut fuga. Tenetur cum quis saepe et alias delectus quos.\n" +
           "Corporis adipisci eaque quod. Aperiam voluptatum doloribus accusamus suscipit.\n" +
@@ -116,20 +123,21 @@ export const Timeline = () => {
         date: "2023-04-01 10:00:00",
         isSender: true,
         isAuthor: true,
-      }
+      },
     },
     {
       type: "action",
       event: {
         date: "2023-04-01 10:10",
         action: "Open",
-      }
+      },
     },
     {
       type: "comment",
       event: {
         id: 2,
-        text: "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
+        text:
+          "Dicta eligendi pariatur ratione ipsam accusantium. Ad minus nesciunt optio id ipsum.\n" +
           "Incidunt eligendi doloremque molestias. Voluptate sapiente nulla veritatis.\n" +
           "Nostrum minima ad repudiandae optio laborum.\n" +
           "Adipisci sint quasi laudantium explicabo ab nostrum. Rerum nemo itaque officia. Velit accusamus itaque accusantium ducimus quidem quae cum.\n" +
@@ -148,7 +156,8 @@ export const Timeline = () => {
       type: "comment",
       event: {
         id: 4,
-        text: "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
+        text:
+          "Esse tempora amet consectetur asperiores dicta. Quidem est harum tempora voluptatum mollitia.\n" +
           "Voluptate reprehenderit sint vitae laborum animi placeat nihil. Maxime iure porro delectus voluptate. Molestiae dolorem natus alias ipsam consequuntur. Nisi nam exercitationem voluptas saepe occaecati.\n" +
           "Reprehenderit quam ex est vel.\n" +
           "Magnam quidem laudantium reprehenderit rerum nam ducimus perspiciatis. Vero omnis sed ducimus quidem dolores dolor illum.\n" +
@@ -163,28 +172,26 @@ export const Timeline = () => {
         date: "2023-04-01 13:00:00",
         isSender: true,
         isAuthor: false,
-      }
+      },
     },
     {
       type: "action",
       event: {
         action: "Pendent",
-        date: "2023-04-01 13:05:00"
-      }
+        date: "2023-04-01 13:05:00",
+      },
     },
     {
       type: "action",
       event: {
         action: "Close",
-        date: "2023-04-01 13:35:00"
-      }
-    }
-  ] as EventsType[]
+        date: "2023-04-01 13:35:00",
+      },
+    },
+  ] as EventsType[];
   return (
     <LocaleProvider lang="es_ES">
       <CommentsTimeline value={data} />
     </LocaleProvider>
   );
-}
-
-
+};

package/src/stories/forms/FormWithLinks.stories.tsx

@@ -14,8 +14,7 @@ export const Default = (): React.ReactElement => {
         model={"test"}
         id={6}
         formView={{
-          arch:
-            '<form string="test"><field name="url" /><field name="email" /></form>',
+          arch: '<form string="test"><field name="url" /><field name="email" /></form>',
           fields: { url: { type: "url" }, email: { type: "email" } },
         }}
         values={{ url: "http://www.google.com", email: "test@test.net" }}

package/src/stories/forms/ModContractForm.stories.tsx

@@ -13,6 +13,7 @@ export const Default = (): React.ReactElement => {
       <Form
         model={"giscedata.polissa.modcontractual"}
         id={6}
+        readOnly={true}
         onCancel={() => {
           console.log();
         }}

package/src/stories/forms/PreferencesForm.stories.tsx

@@ -674,8 +674,7 @@ Default.args = {
       views: {},
     },
     password: {
-      help:
-        "Keep empty if you don't want the user to be able to connect on the system.",
+      help: "Keep empty if you don't want the user to be able to connect on the system.",
       invisible: true,
       size: 64,
       string: "Password",