@gisce/react-ooui 2.0.0-alpha.5 → 2.0.0-alpha.50

package/src/widgets/modals/SearchModal.tsx

@@ -98,33 +98,35 @@ export const SearchModal = (props: SearchSelectionProps) => {
     );
   };
 
-  return (<>
-    <Modal
-      title={t("search")}
-      centered
-      width={modalWidth}
-      open={visible && !showCreateModal}
-      closable={true}
-      onCancel={onCloseModal}
-      footer={null}
-      destroyOnClose
-      maskClosable={false}
-    >
-      {content()}
-    </Modal>
-    <FormModal
-      model={model}
-      visible={showCreateModal}
-      parentContext={context}
-      onSubmitSucceed={(id?: number) => {
-        setShowCreateModal(false);
-        onCloseModal();
-        onSelectValues([id!]);
-      }}
-      onCancel={() => {
-        setShowCreateModal(false);
-        onCloseModal();
-      }}
-    />
-  </>);
+  return (
+    <>
+      <Modal
+        title={t("search")}
+        centered
+        width={modalWidth}
+        open={visible && !showCreateModal}
+        closable={true}
+        onCancel={onCloseModal}
+        footer={null}
+        destroyOnClose
+        maskClosable={false}
+      >
+        {content()}
+      </Modal>
+      <FormModal
+        model={model}
+        visible={showCreateModal}
+        parentContext={context}
+        onSubmitSucceed={(id?: number) => {
+          setShowCreateModal(false);
+          onCloseModal();
+          onSelectValues([id!]);
+        }}
+        onCancel={() => {
+          setShowCreateModal(false);
+          onCloseModal();
+        }}
+      />
+    </>
+  );
 };

package/src/widgets/modals/TranslationModal.tsx

@@ -65,7 +65,7 @@ export const TranslationModal = (props: TranslationModalProps) => {
   async function getLangs() {
     const results: any[] = (await ConnectionProvider.getHandler().search({
       params: [["translatable", "=", "1"]],
-      fields: ["code", "name"],
+      fieldsToRetrieve: ["code", "name"],
       model: "res.lang",
     })) as any;
 
@@ -185,7 +185,7 @@ export const TranslationModal = (props: TranslationModalProps) => {
   }
 
   return (
-    (<Modal
+    <Modal
       title={t("translate")}
       centered
       width={modalWidth}
@@ -197,6 +197,6 @@ export const TranslationModal = (props: TranslationModalProps) => {
       maskClosable={false}
     >
       {content()}
-    </Modal>)
+    </Modal>
   );
 };

package/src/widgets/views/Dashboard/Dashboard.tsx

@@ -156,7 +156,7 @@ function Dashboard(props: DashboardProps, ref: any) {
 
     const differences = itemPositions.filter((itemPosition) => {
       const dashboardItem = dashboardItems.find(
-        (dashboardItem) => dashboardItem.id === itemPosition.id
+        (dashboardItem) => dashboardItem.id === itemPosition.id,
       );
       if (!dashboardItem) {
         return false;
@@ -265,7 +265,7 @@ function Dashboard(props: DashboardProps, ref: any) {
             <Graph
               view_id={
                 views.filter(
-                  (view: [number, string]) => view[1] === "graph"
+                  (view: [number, string]) => view[1] === "graph",
                 )[0][0]
               }
               model={model}
@@ -283,7 +283,7 @@ function Dashboard(props: DashboardProps, ref: any) {
               domain={domain}
               view_id={
                 views.filter(
-                  (view: [number, string]) => view[1] === "tree"
+                  (view: [number, string]) => view[1] === "tree",
                 )[0][0]
               }
               onRowClicked={(record) => {

package/src/widgets/views/DashboardGrid/DashboardGrid.tsx

@@ -16,7 +16,7 @@ export const DashboardGrid = (props: DashboardGridProps) => {
         | boolean
         | React.ReactChild
         | React.ReactFragment
-        | React.ReactPortal
+        | React.ReactPortal,
     ) => {
       const { parms, id } = (child as any).props;
       return (
@@ -24,7 +24,7 @@ export const DashboardGrid = (props: DashboardGridProps) => {
           {child}
         </div>
       );
-    }
+    },
   );
 
   return (
@@ -43,7 +43,7 @@ export const DashboardGrid = (props: DashboardGridProps) => {
               w: item.w,
               h: item.h,
             };
-          })
+          }),
         );
       }}
     >

package/src/widgets/views/DashboardGrid/DashboardGridItem.tsx

@@ -1,7 +1,7 @@
-import React from "react";
 import { DashboardGridItemProps } from "./DashboardGridItem.types";
 import { ExportOutlined } from "@ant-design/icons";
 import { Row, Col, Typography, theme } from "antd";
+import ErrorBoundary from "antd/es/alert/ErrorBoundary";
 const { useToken } = theme;
 
 const { Text } = Typography;
@@ -56,7 +56,7 @@ export const DashboardGridItem = (props: DashboardGridItemProps) => {
           </Col>
         )}
       </Row>
-      {children}
+      <ErrorBoundary>{children}</ErrorBoundary>
     </div>
   );
 };

package/src/widgets/views/Form.tsx

@@ -555,7 +555,7 @@ function Form(props: FormProps, ref: any) {
           ["res_model", "=", model],
           ["res_id", "=", getCurrentId()!],
         ],
-        fields: ["id", "name"],
+        fieldsToRetrieve: ["id", "name"],
         context: getContext(),
         model: "ir.attachment",
       });
@@ -1014,7 +1014,7 @@ function Form(props: FormProps, ref: any) {
     let mustBlockButtons = false;
 
     try {
-      if (formHasChanges() || getCurrentId() === undefined) {
+      if (!readOnly && (formHasChanges() || getCurrentId() === undefined)) {
         mustBlockButtons = true;
         updateOperationInProgress(true);
         if (submitMode === "2many") {

package/src/widgets/views/Graph/Graph.tsx

@@ -36,7 +36,7 @@ const GraphComp = (props: GraphProps, ref: any) => {
   const [graphOoui, setGraphOoui] = useState<GraphOoui>();
   const [graphXml, setGraphXml] = useState<string>();
   const actionViewContext = useContext(
-    ActionViewContext
+    ActionViewContext,
   ) as ActionViewContextType;
   const { setGraphIsLoading = undefined } = actionViewContext || {};
 

package/src/widgets/views/Graph/GraphChart.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { Line, Column, Pie } from "@ant-design/plots";
 import GraphDefaults from "./GraphDefaults";
 import { useGraphData } from "./useGraphData";
@@ -61,7 +61,7 @@ export const GraphChart = (props: GraphChartProps) => {
           "es-ES",
           {
             useGrouping: true,
-          }
+          },
         )}`}
       </p>
       <Chart

package/src/widgets/views/Graph/GraphDefaults.ts

@@ -25,7 +25,7 @@ const axisFormatter = (value: any) => {
       return value;
     }
     return dayjs(value, (dateFormats.input as any)[dateType]).format(
-      (dateFormats.output as any)[dateType]
+      (dateFormats.output as any)[dateType],
     );
   } else {
     return value;
@@ -157,7 +157,7 @@ function getDateType(dateString: string): string | null {
     const isValidFormat = dayjs(
       dateString,
       (dateFormats.input as any)[format],
-      true
+      true,
     ).isValid();
     if (isValidFormat) {
       return format;

package/src/widgets/views/Graph/useGraphData.tsx

@@ -164,7 +164,7 @@ async function retrieveData({
   const values: any[] = (await ConnectionProvider.getHandler().search({
     model,
     params: domain,
-    fields,
+    fieldsToRetrieve: fields,
     context,
     limit,
     order,

package/src/widgets/views/SearchTree.tsx

@@ -80,12 +80,12 @@ function SearchTree(props: Props, ref: any) {
   const { height } = useWindowDimensions();
 
   const contentRootContext = useContext(
-    ContentRootContext
+    ContentRootContext,
   ) as ContentRootContextType;
   const { processAction } = contentRootContext || {};
 
   const actionViewContext = useContext(
-    ActionViewContext
+    ActionViewContext,
   ) as ActionViewContextType;
   const {
     setResults: setResultsActionView = undefined,

package/src/widgets/views/searchFilter/SearchBottomBar.tsx

@@ -18,12 +18,8 @@ type Props = {
 };
 
 export function SearchBottomBar(props: Props): React.ReactElement {
-  const {
-    onAdvancedFilterToggle,
-    advancedFilter,
-    onClear,
-    isSearching,
-  } = props;
+  const { onAdvancedFilterToggle, advancedFilter, onClear, isSearching } =
+    props;
 
   const { t } = useContext(LocaleContext) as LocaleContextType;
 

package/src/widgets/views/searchFilter/SearchField.tsx

@@ -8,7 +8,11 @@ import { PairFields } from "./PairFields";
 
 import { LocaleContext, LocaleContextType } from "@/context/LocaleContext";
 
-import { Field, SearchFieldTypes, Selection as SelectionOoui } from "@gisce/ooui";
+import {
+  Field,
+  SearchFieldTypes,
+  Selection as SelectionOoui,
+} from "@gisce/ooui";
 import { MultiSelection } from "@/widgets/base/MultiSelection";
 
 type Props = {

package/src/widgets/views/searchFilter/SearchFilter.tsx

@@ -101,7 +101,7 @@ function SearchFilter(props: Props) {
     delete values.limit;
     const newParams = getParamsForFields(
       values,
-      sfo.current?._advancedSearchContainer
+      sfo.current?._advancedSearchContainer,
     );
 
     onSubmit({ params: newParams, offset, limit, searchValues: values });

package/src/widgets/views/searchFilter/SearchParams.tsx

@@ -8,7 +8,7 @@ import { LocaleContext, LocaleContextType } from "@/context/LocaleContext";
 
 type SearchParamsProps = {
   onLimitChange?: (limit: number) => void;
-}
+};
 
 export function SearchParams(props: SearchParamsProps): React.ReactElement {
   const { onLimitChange } = props;
@@ -21,9 +21,12 @@ export function SearchParams(props: SearchParamsProps): React.ReactElement {
       <Row key={"count_params"}>{t("parameters")}</Row>
       <Space align="center">
         {t("limit") + " :"}
-        <Integer ooui={limitOoui} onChange={(newValue: number) => {
-          onLimitChange?.(newValue);
-        }}/>
+        <Integer
+          ooui={limitOoui}
+          onChange={(newValue: number) => {
+            onLimitChange?.(newValue);
+          }}
+        />
         {t("first") + " :"}
         <Integer ooui={offsetOoui} />
       </Space>