@gisce/react-ooui 2.0.0-rc.8 → 2.0.0

package/src/hooks/useSearch.ts

@@ -1,434 +0,0 @@
-import { mergeParams } from "@/helpers/searchHelper";
-import {
-  getColorMap,
-  getStatusMap,
-  getTableItems,
-  getTree,
-  sortResults,
-} from "@/helpers/treeHelper";
-import { useState, useCallback, useRef } from "react";
-import { ConnectionProvider, FormView, TreeView } from "..";
-
-type UseSearchOpts = {
-  model: string;
-  setSearchTreeNameSearch?: (searchString?: string) => void;
-  setSelectedRowItems?: (value: any[]) => void;
-  searchParams?: any[];
-  setSearchParams?: (value: any[]) => void;
-  setSearchVisible?: (value: boolean) => void;
-  setTreeIsLoading?: (value: boolean) => void;
-  nameSearch?: string;
-  searchNameGetDoneRef?: any;
-  context?: any;
-  setActionViewTotalItems?: (totalItems: number) => void;
-  formView: FormView;
-  treeView: TreeView;
-  sorter: any;
-  setSorter?: (sorter: any) => void;
-  setCurrentItemIndex?: (value?: number) => void;
-  setResultsActionView?: (value: any[]) => void;
-  resultsActionView?: any[];
-  domain: any;
-  currentId?: number;
-  limit?: number;
-  setLimit?: (value: number) => void;
-  setSearchValues?: (value: any) => void;
-};
-
-export const DEFAULT_SEARCH_LIMIT = 80;
-
-export const useSearch = (opts: UseSearchOpts) => {
-  const {
-    model,
-    setSearchTreeNameSearch,
-    setSelectedRowItems,
-    setSearchParams,
-    setSearchVisible,
-    setTreeIsLoading,
-    nameSearch,
-    searchNameGetDoneRef,
-    context,
-    setActionViewTotalItems,
-    treeView,
-    formView,
-    sorter,
-    setSorter,
-    setCurrentItemIndex,
-    setResultsActionView,
-    resultsActionView,
-    domain,
-    currentId,
-    limit,
-    setLimit,
-    searchParams = [],
-    setSearchValues,
-  } = opts;
-
-  const [tableRefreshing, setTableRefreshing] = useState<boolean>(false);
-  const [searchFilterLoading, setSearchFilterLoading] =
-    useState<boolean>(false);
-  const [searchError, setSearchError] = useState<string>();
-  const [page, setPage] = useState<number>(1);
-  const [offset, setOffset] = useState<number>(0);
-  const [totalItems, setTotalItems] = useState<number>();
-  const [resultsInternal, setResultsInternal] = useState<any>([]);
-  const [colorsForResults, setColorsForResults] = useState<any>(undefined);
-  const [statusForResults, setStatusForResults] = useState<any>(undefined);
-  const internalLimit = useRef(limit || DEFAULT_SEARCH_LIMIT);
-
-  const originalResults = useRef<any[]>([]);
-
-  const setResults = useCallback((results: any) => {
-    setResultsActionView?.([...results]);
-    setResultsInternal([...results]);
-  }, []);
-
-  const getResults = useCallback(() => {
-    if (!resultsActionView) {
-      return resultsInternal;
-    }
-    return resultsActionView;
-  }, [resultsActionView, resultsInternal]);
-
-  const searchByNameSearch = useCallback(async () => {
-    const searchResults = await ConnectionProvider.getHandler().nameSearch({
-      model,
-      payload: nameSearch,
-      limit: internalLimit.current,
-      attrs: domain,
-      context,
-    });
-
-    setTotalItems(searchResults.length);
-    setActionViewTotalItems?.(searchResults.length);
-
-    if (searchResults.length > 0) {
-      const resultsIds = searchResults.map((item: any) => {
-        return item?.[0];
-      });
-
-      const { colors, status } = getTree(treeView!);
-      const attrs: any = {};
-      if (colors) {
-        attrs.colors = colors;
-      }
-      if (status) {
-        attrs.status = status;
-      }
-
-      const resultsWithData =
-        await ConnectionProvider.getHandler().readEvalUiObjects({
-          model,
-          ids: resultsIds,
-          arch: treeView?.arch!,
-          fields: treeView!.field_parent
-            ? { ...treeView!.fields, [treeView!.field_parent]: {} }
-            : treeView!.fields,
-          context,
-          attrs,
-        });
-      const resultsData = resultsWithData[0];
-
-      originalResults.current = [...resultsData];
-
-      setColorsForResults(getColorMap(resultsWithData[1]));
-      setStatusForResults(getStatusMap(resultsWithData[1]));
-
-      const newResultIds = resultsData.map((item: any) => item.id);
-
-      const resultsSorted =
-        sorter !== undefined
-          ? sortResults({
-              resultsToSort: resultsData,
-              sorter,
-              fields: { ...treeView!.fields, ...formView!.fields },
-            })
-          : [...originalResults.current];
-
-      setResults(resultsSorted);
-
-      if (newResultIds.length > 0) {
-        setCurrentItemIndex?.(0);
-      } else {
-        setCurrentItemIndex?.(undefined);
-      }
-    } else {
-      setResults([]);
-      setCurrentItemIndex?.(undefined);
-    }
-    setTableRefreshing(false);
-    searchNameGetDoneRef.current = true;
-  }, [
-    setResults,
-    searchNameGetDoneRef,
-    nameSearch,
-    model,
-    context,
-    domain,
-    treeView,
-    formView,
-    sorter,
-    setCurrentItemIndex,
-    setActionViewTotalItems,
-  ]);
-
-  const searchResults = useCallback(
-    async (opts?: { params: any; newOffset?: number }) => {
-      const { params, newOffset } = opts || {};
-
-      const mergedParams = mergeParams(params || searchParams, domain);
-      const { colors, status } = getTree(treeView!);
-      const attrs: any = {};
-      if (colors) {
-        attrs.colors = colors;
-      }
-      if (status) {
-        attrs.status = status;
-      }
-
-      const { totalItems, results, attrsEvaluated } =
-        await ConnectionProvider.getHandler().searchForTree({
-          params: mergedParams,
-          limit: internalLimit.current,
-          offset: newOffset || offset,
-          model,
-          fields: treeView!.field_parent
-            ? { ...treeView!.fields, [treeView!.field_parent]: {} }
-            : treeView!.fields,
-          context,
-          attrs,
-        });
-      setColorsForResults(getColorMap(attrsEvaluated));
-      setStatusForResults(getStatusMap(attrsEvaluated));
-
-      originalResults.current = [...results];
-
-      const resultsSorted =
-        sorter !== undefined
-          ? sortResults({
-              resultsToSort: results,
-              sorter: sorter,
-              fields: { ...treeView!.fields, ...formView!.fields },
-            })
-          : [...originalResults.current];
-
-      setResults(resultsSorted);
-
-      if (resultsActionView && resultsSorted.length > 0) {
-        const newCurrentItemIndex = resultsSorted.findIndex(
-          (item) => currentId === item.id
-        );
-
-        if (newCurrentItemIndex === -1) {
-          setCurrentItemIndex?.(0);
-        } else {
-          setCurrentItemIndex?.(newCurrentItemIndex);
-        }
-      } else {
-        setCurrentItemIndex?.(undefined);
-      }
-      setTableRefreshing(false);
-
-      const totalItemsValue = await totalItems;
-
-      setTotalItems(totalItemsValue);
-      setActionViewTotalItems?.(totalItemsValue);
-    },
-    [
-      setCurrentItemIndex,
-      resultsActionView,
-      setResults,
-      currentId,
-      model,
-      context,
-      domain,
-      treeView,
-      formView,
-      sorter,
-      setActionViewTotalItems,
-      limit,
-      offset,
-      searchParams,
-    ]
-  );
-
-  const fetchResults = useCallback(
-    async (opts?: { params: any; newOffset?: number }) => {
-      try {
-        setTableRefreshing(true);
-        setTreeIsLoading?.(true);
-        if (nameSearch && !searchNameGetDoneRef.current) {
-          await searchByNameSearch();
-        } else {
-          await searchResults(opts);
-        }
-      } catch (error) {
-        setSearchError(error.message);
-      } finally {
-        setSelectedRowItems?.([]);
-        setSearchFilterLoading(false);
-        setTreeIsLoading?.(false);
-      }
-    },
-    [
-      context,
-      currentId,
-      domain,
-      formView,
-      limit,
-      model,
-      nameSearch,
-      offset,
-      resultsActionView,
-      searchNameGetDoneRef,
-      setActionViewTotalItems,
-      setCurrentItemIndex,
-      setResults,
-      setSearchError,
-      setSearchFilterLoading,
-      setTableRefreshing,
-      setTreeIsLoading,
-      sorter,
-      treeView,
-    ]
-  );
-
-  const changeSort = useCallback(
-    (newSorter: any) => {
-      if (JSON.stringify(newSorter) === JSON.stringify(sorter)) return;
-      setSorter?.(newSorter);
-      const sortedResults =
-        newSorter !== undefined
-          ? sortResults({
-              resultsToSort: getResults(),
-              sorter: newSorter,
-              fields: { ...treeView.fields, ...formView.fields },
-            })
-          : [...originalResults.current];
-      setResults(sortedResults);
-    },
-    [setSorter, getResults, treeView, formView, setResults]
-  );
-
-  const submit = useCallback(
-    (opts: {
-      params: any;
-      limit: number;
-      offset: number;
-      searchValues: any;
-    }) => {
-      const { params, searchValues, limit: newLimit, offset: newOffset } = opts;
-
-      if (tableRefreshing) return;
-      setSearchTreeNameSearch?.(undefined);
-      setSelectedRowItems?.([]);
-      setSearchValues?.(searchValues);
-      setSearchParams?.(params);
-      setSearchVisible?.(false);
-      setSearchFilterLoading(true);
-      setSearchError(undefined);
-      setPage(1);
-
-      if (newLimit) {
-        internalLimit.current = newLimit;
-        setLimit?.(newLimit);
-      }
-      if (newOffset) setOffset(newOffset);
-      fetchResults({
-        params,
-        newOffset,
-      });
-    },
-    [
-      tableRefreshing,
-      setSearchTreeNameSearch,
-      setSelectedRowItems,
-      setSearchParams,
-      setSearchVisible,
-      setSearchFilterLoading,
-      setSearchError,
-      setPage,
-      setLimit,
-      setOffset,
-      fetchResults,
-    ]
-  );
-
-  const requestPageChange = useCallback(
-    (page: number) => {
-      setTableRefreshing(true);
-      setPage(page);
-      setOffset((page - 1) * limit!);
-    },
-    [setTableRefreshing, limit, setOffset, setPage]
-  );
-
-  const clear = useCallback(() => {
-    if (tableRefreshing) return;
-    setSearchTreeNameSearch?.(undefined);
-    setSearchParams?.([]);
-    setSearchValues?.({});
-    setSearchError(undefined);
-    setOffset(0);
-    setPage(1);
-    setLimit?.(limit || DEFAULT_SEARCH_LIMIT);
-  }, [
-    tableRefreshing,
-    setSearchTreeNameSearch,
-    setSearchParams,
-    setSearchError,
-    setOffset,
-    setPage,
-    setLimit,
-    limit,
-  ]);
-
-  const fetchChildrenForRecord = useCallback(
-    async (record: any) => {
-      const child_id = record[treeView?.field_parent || "child_id"];
-
-      const children = await ConnectionProvider.getHandler().readObjects({
-        model,
-        ids: child_id,
-        fields: treeView!.field_parent
-          ? { ...treeView!.fields, [treeView!.field_parent]: {} }
-          : treeView!.fields,
-        context,
-      });
-
-      setResults([...getResults(), ...children]);
-
-      return getTableItems(getTree(treeView!), children);
-    },
-    [treeView, model, context, getResults, setResults]
-  );
-
-  const getAllIds = useCallback(async () => {
-    return await ConnectionProvider.getHandler().searchAllIds({
-      params: mergeParams(searchParams, domain),
-      model,
-      context,
-      totalItems,
-    });
-  }, [model, context, totalItems, searchParams, domain]);
-
-  return {
-    submit,
-    clear,
-    fetchResults,
-    tableRefreshing,
-    searchFilterLoading,
-    searchError,
-    page,
-    offset,
-    limit,
-    getResults,
-    requestPageChange,
-    changeSort,
-    fetchChildrenForRecord,
-    colorsForResults,
-    statusForResults,
-    totalItems,
-    getAllIds,
-  };
-};

package/src/hooks/useWindowDimensions.ts

@@ -1,33 +0,0 @@
-import { useState, useEffect } from "react";
-
-const MODAL_WIDTH_CONSTANT = 0.7;
-
-function getWindowDimensions() {
-  const { innerWidth: width, innerHeight: height } = window;
-  return {
-    width,
-    height,
-  };
-}
-
-export default function useWindowDimensions() {
-  const [windowDimensions, setWindowDimensions] = useState(
-    getWindowDimensions()
-  );
-
-  useEffect(() => {
-    function handleResize() {
-      setWindowDimensions(getWindowDimensions());
-    }
-
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-
-  return {
-    modalWidth: windowDimensions.width * MODAL_WIDTH_CONSTANT,
-    modalHeight: windowDimensions.height,
-    width: windowDimensions.width,
-    height: windowDimensions.height,
-  };
-}

package/src/index.ts

@@ -1,168 +0,0 @@
-import { Button } from "@/widgets/base/Button";
-import { ButtonGroup } from "./widgets/custom/ButtonGroup";
-import { Char } from "@/widgets/base/Char";
-import { Selection } from "@/widgets/base/Selection";
-import { Boolean } from "@/widgets/base/Boolean";
-import { Many2one } from "@/widgets/base/many2one/Many2one";
-import { One2many } from "@/widgets/base/one2many/One2many";
-import Tree from "@/widgets/views/Tree";
-import { Float } from "@/widgets/base/Float";
-import { ProgressBar } from "@/widgets/base/ProgressBar";
-import { FloatTime } from "@/widgets/base/FloatTime";
-import { Integer } from "@/widgets/base/Integer";
-import Group from "@/widgets/containers/Group";
-import Notebook from "@/widgets/containers/Notebook";
-import Form from "@/widgets/views/Form";
-import Label from "@/widgets/base/Label";
-import Text from "@/widgets/base/Text";
-import { Separator } from "@/widgets/base/Separator";
-import SearchFilter from "@/widgets/views/searchFilter/SearchFilter";
-import SearchTree from "@/widgets/views/SearchTree";
-import { FormModal } from "@/widgets/modals/FormModal";
-import { ExportModal } from "@/widgets/modals/ExportModal";
-import { SearchModal } from "@/widgets/modals/SearchModal";
-import Date from "@/widgets/base/Date";
-import DateTime from "@/widgets/base/DateTime";
-import Time from "@/widgets/base/Time";
-import type {
-  One2manyValue,
-  One2manyItem,
-} from "@/widgets/base/one2many/One2manyInput";
-import { Reference } from "@/widgets/base/Reference";
-import { Binary } from "@/widgets/base/Binary";
-import iconMapper from "@/helpers/iconMapper";
-import ActionBar from "@/actionbar/FormActionBar";
-import { Url } from "@/widgets/base/Url";
-import { Email } from "@/widgets/base/Email";
-import { Image } from "@/widgets/base/Image";
-import showConfirmDialog from "@/ui/ConfirmDialog";
-import Dashboard from "@/widgets/views/Dashboard/Dashboard";
-import { Tags } from "@/widgets/custom/Tags";
-import { Tag } from "@/widgets/custom/Tag";
-import { MultiCheckbox } from "./widgets/custom/MultiCheckbox";
-import { Markdown } from "@/widgets/custom/Markdown";
-import { Radio } from "@/widgets/custom/Radio";
-import { Switch } from "@/widgets/custom/Switch";
-import { Steps } from "@/widgets/custom/Steps";
-import { CodeEditor } from "@/widgets/custom/CodeEditor";
-import { CommentsTimelineField } from "@/widgets/custom/Comments";
-import {
-  DashboardGridItem,
-  DashboardGrid,
-} from "@/widgets/views/DashboardGrid";
-import { GraphIndicator } from "@/widgets/views/Graph/GraphIndicator";
-
-import type {
-  TreeView,
-  SearchFields,
-  FormView,
-  ConnectionProviderType,
-  SearchRequest,
-  SearchResponse,
-  CreateObjectRequest,
-  UpdateObjectRequest,
-  ViewData,
-  Views,
-  ExecuteRequest,
-  ReadObjectsRequest,
-  DeleteObjectsRequest,
-  CreateReportRequest,
-  GetReportRequest,
-  ExecuteOnChangeRequest,
-  GetViewRequest,
-  GetFieldsRequest,
-  DefaultGetRequest,
-  ReadEvalUiObjectsRequest,
-  NameSearchRequest,
-} from "@/types";
-import ConnectionProvider from "@/ConnectionProvider";
-import RootView from "./views/RootView";
-import TabSelector from "./views/TabSelector";
-import CurrentTabContent from "./views/CurrentTabContent";
-import ContentRootProvider from "./context/ContentRootContext";
-import FavouriteButton from "./ui/FavouriteButton";
-import { ConfigContext } from "./context/ConfigContext";
-import Tab from "./views/tabs/Tab";
-import ActionView from "./views/ActionView";
-
-export {
-  Button,
-  ButtonGroup,
-  Char,
-  Selection,
-  Boolean,
-  Many2one,
-  Tree,
-  Group,
-  SearchFilter,
-  Form,
-  Notebook,
-  Float,
-  FloatTime,
-  Integer,
-  Label,
-  Text,
-  TreeView,
-  FormView,
-  SearchFields,
-  Separator,
-  SearchTree,
-  SearchRequest,
-  SearchResponse,
-  CreateObjectRequest,
-  UpdateObjectRequest,
-  ConnectionProvider,
-  ConnectionProviderType,
-  ViewData,
-  Views,
-  ExecuteRequest,
-  ReadObjectsRequest,
-  ReadEvalUiObjectsRequest,
-  DeleteObjectsRequest,
-  FormModal,
-  SearchModal,
-  One2many,
-  One2manyItem,
-  One2manyValue,
-  Date,
-  DateTime,
-  Time,
-  Reference,
-  Binary,
-  iconMapper,
-  CreateReportRequest,
-  GetReportRequest,
-  ExecuteOnChangeRequest,
-  ActionBar,
-  GetViewRequest,
-  GetFieldsRequest,
-  DefaultGetRequest,
-  RootView,
-  TabSelector,
-  CurrentTabContent,
-  Url,
-  Email,
-  Image,
-  ContentRootProvider,
-  showConfirmDialog,
-  NameSearchRequest,
-  ProgressBar,
-  FavouriteButton,
-  Dashboard,
-  GraphIndicator,
-  DashboardGridItem,
-  DashboardGrid,
-  Tags,
-  Tag,
-  MultiCheckbox,
-  Markdown,
-  Radio,
-  Switch,
-  Steps,
-  CodeEditor,
-  CommentsTimelineField,
-  ExportModal,
-  ConfigContext,
-  Tab,
-  ActionView,
-};