@gisce/react-ooui 2.0.0-alpha.62 → 2.0.0-alpha.63

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

@@ -1,238 +0,0 @@
-import React, { useEffect, useState, useRef } from "react";
-import { Alert, Spin } from "antd";
-
-import { Tree } from "@/widgets/views/Tree";
-import { FormView, TreeView } from "@/types/index";
-import ConnectionProvider from "@/ConnectionProvider";
-
-import { getColorMap, getTree, sortResults } from "@/helpers/treeHelper";
-import { mergeParams } from "@/helpers/searchHelper";
-
-const DEFAULT_SEARCH_LIMIT = 80;
-
-type OnRowClickedData = {
-  id: number;
-  model: string;
-  treeView: TreeView;
-};
-
-type Props = {
-  action?: string;
-  model?: string;
-  view_id?: number;
-  onRowClicked: (data: OnRowClickedData) => void;
-  domain?: any;
-  visible?: boolean;
-  parentContext?: any;
-};
-
-function DashboardTree(props: Props) {
-  const {
-    action,
-    model,
-    view_id,
-    onRowClicked,
-    domain = [],
-    visible = true,
-    parentContext = {},
-  } = props;
-
-  const [isLoading, setIsLoading] = useState<boolean>(false);
-  const [initialFetchDone, setInitialFetchDone] = useState<boolean>(false);
-
-  const [currentModel, setCurrentModel] = useState<string>();
-  const [treeView, setTreeView] = useState<TreeView>();
-  const [formView, setFormView] = useState<FormView>();
-
-  const [page, setPage] = useState<number>(1);
-  const [offset, setOffset] = useState<number>(0);
-  const limitRef = useRef<number>(DEFAULT_SEARCH_LIMIT);
-
-  const paramsRef = useRef<any[]>([]);
-
-  const [totalItems, setTotalItems] = useState<number>(0);
-  const [results, setResults] = useState<any>([]);
-  const [colorsForResults, setColorsForResults] = useState<any>(undefined);
-  const [sorter, setSorter] = useState<any>();
-
-  const [searchError, setSearchError] = useState<string>();
-  const [initialError, setInitialError] = useState<string>();
-
-  const [tableRefreshing, setTableRefreshing] = useState<boolean>(false);
-
-  const actionDomain = useRef<any>([]);
-
-  const onRequestPageChange = (page: number) => {
-    setTableRefreshing(true);
-    setPage(page);
-    setOffset((page - 1) * limitRef.current!);
-  };
-
-  const searchResults = async () => {
-    const domainParams =
-      actionDomain.current.length > 0 ? actionDomain.current : domain;
-
-    const searchParams = mergeParams(paramsRef.current, domainParams);
-    const { colors } = getTree(treeView!);
-
-    const { totalItems, results, attrsEvaluated } =
-      await ConnectionProvider.getHandler().searchForTree({
-        params: searchParams,
-        limit: limitRef.current,
-        offset,
-        model: currentModel!,
-        fields: treeView!.fields,
-        context: parentContext,
-        attrs: colors && { colors },
-      });
-    setColorsForResults(getColorMap(attrsEvaluated));
-
-    const resultsSorted = sortResults({
-      resultsToSort: results,
-      sorter,
-      fields: { ...treeView!.fields, ...formView!.fields },
-    });
-    setTableRefreshing(false);
-
-    setResults(resultsSorted);
-    const totalItemsResult = await totalItems;
-    setTotalItems(totalItemsResult);
-  };
-
-  const fetchResults = async () => {
-    try {
-      setTableRefreshing(true);
-      await searchResults();
-    } catch (error) {
-      setSearchError(JSON.stringify(error));
-    }
-  };
-
-  useEffect(() => {
-    if (!initialFetchDone) {
-      return;
-    }
-
-    if (visible) {
-      fetchResults();
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [page, offset, initialFetchDone, visible]);
-
-  const fetchData = async (type: "action" | "model") => {
-    setInitialFetchDone(false);
-    setIsLoading(true);
-    setInitialError(undefined);
-
-    try {
-      if (type === "action") {
-        await fetchActionData();
-      } else {
-        await fetchModelData();
-      }
-      setInitialFetchDone(true);
-    } catch (error) {
-      setInitialError(error);
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const fetchActionData = async () => {
-    const dataForAction =
-      await ConnectionProvider.getHandler().getViewsForAction({
-        action: action!,
-        context: parentContext,
-      });
-    actionDomain.current = dataForAction.domain;
-    setFormView(dataForAction.views.get("form"));
-    setTreeView(dataForAction.views.get("tree"));
-    setCurrentModel(dataForAction.model);
-    limitRef.current = dataForAction.limit;
-  };
-
-  const fetchModelData = async () => {
-    setCurrentModel(model);
-
-    const _formView = (await ConnectionProvider.getHandler().getView({
-      model: model!,
-      type: "form",
-      context: parentContext,
-    })) as FormView;
-    setFormView(_formView as FormView);
-
-    const _treeView = (await ConnectionProvider.getHandler().getView({
-      model: model!,
-      type: "tree",
-      id: view_id,
-      context: parentContext,
-    })) as TreeView;
-
-    setTreeView(_treeView as TreeView);
-  };
-
-  useEffect(() => {
-    if (action) {
-      fetchData("action");
-    } else if (model) {
-      fetchData("model");
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [action, model]);
-
-  const onRowClickedHandler = (record: any) => {
-    const { id } = record;
-    onRowClicked({
-      id,
-      model: currentModel!,
-      treeView: treeView!,
-    });
-  };
-
-  const content = () => {
-    if (!treeView || !formView) {
-      return null;
-    }
-
-    return (
-      <div style={{ overflowY: "scroll" }}>
-        {searchError && (
-          <Alert className="mt-10" message={searchError} type="error" banner />
-        )}
-        <Tree
-          showPagination={false}
-          total={totalItems}
-          limit={limitRef.current}
-          page={page}
-          treeView={treeView}
-          results={results}
-          onRequestPageChange={onRequestPageChange}
-          loading={tableRefreshing}
-          onRowClicked={onRowClickedHandler}
-          colorsForResults={colorsForResults}
-          sorter={sorter}
-          onChangeSort={(newSorter) => {
-            setSorter?.(newSorter);
-            const sortedResults = sortResults({
-              resultsToSort: results,
-              sorter: newSorter,
-              fields: { ...treeView.fields, ...formView.fields },
-            });
-            setResults(sortedResults);
-          }}
-          context={parentContext}
-        />
-      </div>
-    );
-  };
-
-  if (initialError) {
-    return (
-      <Alert className="mt-10" message={initialError} type="error" banner />
-    );
-  }
-
-  return isLoading ? <Spin style={{ padding: "2rem" }} /> : content();
-}
-
-export default DashboardTree;

package/src/widgets/views/Dashboard/dashboardHelper.ts

@@ -1,79 +0,0 @@
-import ConnectionProvider from "@/ConnectionProvider";
-import { DashboardItem as DashboardItemOoui, parseContext } from "@gisce/ooui";
-import { v4 as uuidv4 } from "uuid";
-
-export async function fetchAction({
-  actionId,
-  rootContext = {},
-  globalValues = {},
-}: {
-  actionId: number;
-  rootContext?: any;
-  globalValues?: any;
-}): Promise<any> {
-  const actionType = "ir.actions.act_window";
-  const action = `${actionType},${actionId}`;
-
-  const dataForAction = await ConnectionProvider.getHandler().getActionData({
-    action,
-    context: rootContext,
-  });
-
-  const parsedContext = parseContext({
-    context: dataForAction.context,
-    values: globalValues,
-    fields: {},
-  });
-
-  const parsedDomain = dataForAction.domain
-    ? await ConnectionProvider.getHandler().evalDomain({
-        domain: dataForAction.domain,
-        values: globalValues,
-        context: { ...rootContext, ...parsedContext },
-      })
-    : [];
-
-  const {
-    res_model: model,
-    views,
-    name: title,
-    limit,
-    view_type,
-  } = dataForAction;
-  const treeExpandable = view_type === "tree";
-
-  const finalViews = [];
-
-  for (const viewArray of views) {
-    const [id, viewType] = viewArray;
-
-    if (!id) {
-      const { view_id } = await ConnectionProvider.getHandler().getView({
-        model,
-        type: viewType,
-        id,
-        context: { ...rootContext, ...parsedContext },
-      });
-      finalViews.push([view_id, viewType]);
-    } else {
-      finalViews.push(viewArray);
-    }
-  }
-
-  const [id, type] = finalViews[0];
-  const initialView = { id, type };
-
-  return {
-    title,
-    actionId,
-    actionType,
-    key: uuidv4(),
-    views,
-    model,
-    context: { ...rootContext, ...parsedContext },
-    domain: parsedDomain,
-    initialView,
-    limit,
-    treeExpandable,
-  };
-}

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

@@ -1,53 +0,0 @@
-import React from "react";
-import { DashboardGridProps } from "./DashboardGrid.types";
-import { WidthProvider, Responsive } from "react-grid-layout";
-import "react-resizable/css/styles.css";
-import "react-grid-layout/css/styles.css";
-
-const ResponsiveReactGridLayout = WidthProvider(Responsive);
-
-export const DashboardGrid = (props: DashboardGridProps) => {
-  const { children = [], onPositionItemsChanged } = props;
-
-  const items = React.Children.map(
-    children,
-    (
-      child:
-        | boolean
-        | React.ReactChild
-        | React.ReactFragment
-        | React.ReactPortal,
-    ) => {
-      const { parms, id } = (child as any).props;
-      return (
-        <div key={id} data-grid={parms}>
-          {child}
-        </div>
-      );
-    },
-  );
-
-  return (
-    <ResponsiveReactGridLayout
-      className="layout"
-      cols={{ lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 }}
-      draggableHandle={".draggable-head"}
-      rowHeight={30}
-      onLayoutChange={(layout) => {
-        onPositionItemsChanged?.(
-          layout.map((item) => {
-            return {
-              id: parseInt(item.i.replace(".$", ""), 10),
-              x: item.x,
-              y: item.y,
-              w: item.w,
-              h: item.h,
-            };
-          }),
-        );
-      }}
-    >
-      {items}
-    </ResponsiveReactGridLayout>
-  );
-};

package/src/widgets/views/DashboardGrid/DashboardGrid.types.ts

@@ -1,4 +0,0 @@
-export type DashboardGridProps = {
-  children?: Array<React.ReactElement<any>> | any;
-  onPositionItemsChanged?: (items: any[]) => void;
-};

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

@@ -1,62 +0,0 @@
-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;
-
-export const DashboardGridItem = (props: DashboardGridItemProps) => {
-  const { title, children, action, openAction } = props;
-  const { token } = useToken();
-
-  return (
-    <div
-      className={"shadow-md"}
-      style={{
-        height: "100%",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden",
-        border: "1px solid #eee",
-        backgroundColor: "white",
-        borderRadius: token.borderRadius,
-      }}
-    >
-      <Row
-        align="middle"
-        style={{
-          borderBottom: "1px solid #ddd",
-          backgroundColor: token.colorPrimaryBg,
-        }}
-        wrap={false}
-      >
-        <Col
-          flex="auto"
-          className="draggable-head"
-          style={{
-            fontWeight: "bold",
-            padding: "0.5rem",
-            cursor: "grab",
-            overflow: "hidden",
-          }}
-        >
-          <Text ellipsis={true}>{title}</Text>
-        </Col>
-        {action && (
-          <Col flex="25px" style={{ padding: "0.5rem" }}>
-            <Row justify="end" align="middle">
-              <ExportOutlined
-                style={{ cursor: "pointer" }}
-                onClick={() => {
-                  openAction?.(action);
-                }}
-              />
-            </Row>
-          </Col>
-        )}
-      </Row>
-      <ErrorBoundary>{children}</ErrorBoundary>
-    </div>
-  );
-};

package/src/widgets/views/DashboardGrid/DashboardGridItem.types.ts

@@ -1,10 +0,0 @@
-import { ShortcutApi } from "@/ui/FavouriteButton";
-
-export type DashboardGridItemProps = {
-  title: string;
-  id: string;
-  children?: React.ReactNode;
-  parms: any;
-  action?: ShortcutApi;
-  openAction?: (shortcutApi?: ShortcutApi) => void;
-};

package/src/widgets/views/DashboardGrid/index.ts

@@ -1,4 +0,0 @@
-export * from "./DashboardGrid";
-export * from "./DashboardGridItem";
-export * from "./DashboardGrid.types";
-export * from "./DashboardGridItem.types";