@fctc/widget-logic 1.9.1 → 1.9.3

package/dist/index.mjs

@@ -4061,8 +4061,6 @@ __export(index_exports, {
   downLoadBinaryController: () => downLoadBinaryController,
   downloadFileController: () => downloadFileController,
   durationController: () => durationController,
-  floatController: () => floatController,
-  floatTimeFiledController: () => floatTimeFiledController,
   getDateRange: () => getDateRange,
   languages: () => languages,
   many2manyFieldController: () => many2manyFieldController,
@@ -5829,98 +5827,63 @@ var priorityFieldController = (props) => {
   };
 };
 
-// src/widget/basic/float-time-field/controller.ts
-import { useState as useState10 } from "react";
-import {
-  convertFloatToTime,
-  convertTimeToFloat
-} from "@fctc/interface-logic/utils";
-var floatTimeFiledController = ({
-  onChange: fieldOnChange,
-  onBlur,
-  value,
-  isDirty,
-  props
-}) => {
-  const { name, defaultValue = 0, onChange } = props;
-  const [input, setInput] = useState10(
-    convertFloatToTime(value ?? defaultValue)
-  );
-  const [formattedTime, setFormattedTime] = useState10("");
-  const [errors, setErrors] = useState10("");
-  const handleInputChange = (e) => {
-    const raw = e.target.value.replace(/[^\d:]/g, "");
-    setInput(raw);
-    const timeRegex = /^(\d{1,2}):?(\d{0,2})$/;
-    const match = raw.match(timeRegex);
-    if (!match) {
-      setErrors("\u0110\u1ECBnh d\u1EA1ng kh\xF4ng h\u1EE3p l\u1EC7");
-      setFormattedTime("");
-      return;
-    }
-    let hours = parseInt(match[1] ?? "0", 10);
-    let minutes = parseInt(match[2] ?? "0", 10);
-    if (isNaN(hours)) hours = 0;
-    if (isNaN(minutes)) minutes = 0;
-    if (hours >= 24) {
-      hours = 0;
-    }
-    if (minutes >= 60) {
-      minutes = 0;
-    }
-    const formatted = `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
-    setErrors("");
-    setFormattedTime(formatted);
-    fieldOnChange(formatted);
+// src/widget/basic/download-file-field/controller.ts
+import { useId, useState as useState10 } from "react";
+var downloadFileController = () => {
+  const inputId = useId();
+  const [file, setFile] = useState10(null);
+  const handleFileChange = (e) => {
+    setFile(e.target.files[0]);
   };
-  const handleBlur = () => {
-    if (!isDirty) return;
-    if (formattedTime) {
-      setInput(formattedTime);
-      const floatVal = convertTimeToFloat(formattedTime);
-      fieldOnChange(floatVal);
-      if (onChange) {
-        onChange(name ?? "", floatVal);
-      }
-    } else {
-      setInput("00:00");
-      fieldOnChange(0);
-      if (onChange) {
-        onChange(name ?? "", 0);
-      }
-      setErrors("");
-    }
-    onBlur();
+  const handleFileDownload = () => {
+    const url = URL.createObjectURL(file);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = file.name;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
   };
-  const handleKeyDown = (e) => {
-    {
-      const allowed = [
-        "Backspace",
-        "Tab",
-        "ArrowLeft",
-        "ArrowRight",
-        "Delete",
-        "Home",
-        "End",
-        ":"
-      ];
-      const isNumber = /^[0-9]$/.test(e.key);
-      if (!isNumber && !allowed.includes(e.key)) {
-        e.preventDefault();
+  return {
+    inputId,
+    file,
+    handleFileChange,
+    handleFileDownload
+  };
+};
+
+// src/widget/basic/download-binary-field/controller.ts
+var downLoadBinaryController = (props) => {
+  const { value, defaultValue, formValues } = props;
+  const handleFileDownload = async (e) => {
+    e.stopPropagation();
+    await downloadFile(value || defaultValue, formValues?.name);
+  };
+  const downloadFile = async (url, filename) => {
+    try {
+      const response = await fetch(url);
+      if (response) {
+        const blob = await response.blob();
+        const urlBlob = window.URL.createObjectURL(blob);
+        const link = document.createElement("a");
+        link.href = urlBlob;
+        link.download = filename || "downloaded-file";
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        window.URL.revokeObjectURL(urlBlob);
       }
+    } catch (error) {
+      console.error("File download failed:", error);
     }
   };
   return {
-    handleInputChange,
-    handleBlur,
-    handleKeyDown,
-    input,
-    errors
+    handleFileDownload
   };
 };
 
-// src/widget/basic/float-field/controller.ts
-import { useEffect as useEffect12, useRef as useRef4, useState as useState11 } from "react";
+// src/widget/basic/date-field/controller.ts
+var import_moment = __toESM(require_moment());
 
 // src/utils/i18n.ts
 import { initReactI18next } from "react-i18next";
@@ -6688,184 +6651,7 @@ i18n.use(LanguageDetector).use(initReactI18next).init({
 });
 var i18n_default = i18n;
 
-// src/widget/basic/float-field/controller.ts
-var floatController = ({
-  onChange,
-  value,
-  props
-}) => {
-  const { name, required, methods, onChange: handleOnchange, string } = props;
-  const { setError, clearErrors } = methods;
-  const [inputValue, setInputValue] = useState11(
-    value !== void 0 && value !== null ? useFormatFloatNumber(value) : ""
-  );
-  useEffect12(() => {
-    if (value !== void 0 && value !== null && value !== parseFloat(inputValue?.replace(/,/g, ""))) {
-      setInputValue(useFormatFloatNumber(value));
-      clearErrors(name);
-    } else if (value === null || value === void 0) {
-      setInputValue("");
-    }
-  }, [value, name, clearErrors]);
-  const isDirtyRef = useRef4(false);
-  const inputRef = useRef4(null);
-  const lastCommittedValueRef = useRef4(null);
-  const handleInputChange = (e) => {
-    const newValue = e.target.value;
-    const valueWithoutCommas = newValue.replace(/,/g, "");
-    if (/^[0-9]*[.,]?[0-9]*$/.test(valueWithoutCommas) || newValue === "") {
-      const parts = valueWithoutCommas.split(".");
-      let integerPart = parts[0] || "";
-      const decimalPart = parts[1] || "";
-      if (decimalPart.length > 100) return;
-      if (integerPart) {
-        integerPart = Number(integerPart).toLocaleString("en-US");
-      }
-      const formattedValue = decimalPart ? `${integerPart}.${decimalPart}` : integerPart;
-      setInputValue(formattedValue);
-      const parsedValue = parseFloat(valueWithoutCommas.replace(",", "."));
-      if (!isNaN(parsedValue)) {
-        if (parsedValue < 0) {
-          setError(name, {
-            type: "validate",
-            message: i18n_default.t("invalid_number")
-          });
-        } else {
-          onChange(parsedValue);
-          clearErrors(name);
-          isDirtyRef.current = true;
-        }
-      } else {
-        onChange(null);
-        clearErrors(name);
-      }
-    }
-  };
-  const handleInputMouseLeave = () => {
-    if (!isDirtyRef.current) {
-      inputRef.current?.blur();
-      return;
-    }
-    const rawValue = inputValue.replace(/,/g, "");
-    const parsedValue = parseFloat(rawValue);
-    if (rawValue === "" || rawValue === ".") {
-      if (required) {
-        setError(name, {
-          type: "required",
-          message: `${string} ${i18n_default.t("must_required")}`
-        });
-      }
-      onChange(null);
-      setInputValue("");
-      lastCommittedValueRef.current = null;
-    } else if (!isNaN(parsedValue)) {
-      if (parsedValue < 0) {
-        setError(name, {
-          type: "validate",
-          message: i18n_default.t("invalid_number")
-        });
-        setInputValue("");
-        lastCommittedValueRef.current = null;
-      } else {
-        if (lastCommittedValueRef.current !== parsedValue) {
-          const parts = rawValue.split(".");
-          let integerPart = parts[0];
-          const decimalPart = parts[1] || "";
-          integerPart = Number(integerPart).toLocaleString("en-US");
-          const formattedValue = decimalPart ? `${integerPart}.${decimalPart}` : integerPart;
-          onChange(parsedValue);
-          setInputValue(formattedValue);
-          handleOnchange?.(name ?? "", parsedValue);
-          clearErrors(name);
-          lastCommittedValueRef.current = parsedValue;
-        }
-      }
-    } else {
-      setError(name, {
-        type: "validate",
-        message: i18n_default.t("invalid_number")
-      });
-      setInputValue("");
-      lastCommittedValueRef.current = null;
-    }
-    isDirtyRef.current = false;
-    inputRef.current?.blur();
-  };
-  return {
-    handleInputMouseLeave,
-    handleInputChange,
-    useFormatFloatNumber,
-    inputRef,
-    inputValue
-  };
-};
-var useFormatFloatNumber = (value) => {
-  if (value === void 0 || value === null || value === "") return "";
-  const numValue = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
-  if (isNaN(numValue)) return "";
-  return numValue.toLocaleString("en-US", {
-    minimumFractionDigits: numValue % 1 === 0 ? 0 : 1,
-    maximumFractionDigits: 20
-  });
-};
-
-// src/widget/basic/download-file-field/controller.ts
-import { useId, useState as useState12 } from "react";
-var downloadFileController = () => {
-  const inputId = useId();
-  const [file, setFile] = useState12(null);
-  const handleFileChange = (e) => {
-    setFile(e.target.files[0]);
-  };
-  const handleFileDownload = () => {
-    const url = URL.createObjectURL(file);
-    const link = document.createElement("a");
-    link.href = url;
-    link.download = file.name;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  };
-  return {
-    inputId,
-    file,
-    handleFileChange,
-    handleFileDownload
-  };
-};
-
-// src/widget/basic/download-binary-field/controller.ts
-var downLoadBinaryController = (props) => {
-  const { value, defaultValue, formValues } = props;
-  const handleFileDownload = async (e) => {
-    e.stopPropagation();
-    await downloadFile(value || defaultValue, formValues?.name);
-  };
-  const downloadFile = async (url, filename) => {
-    try {
-      const response = await fetch(url);
-      if (response) {
-        const blob = await response.blob();
-        const urlBlob = window.URL.createObjectURL(blob);
-        const link = document.createElement("a");
-        link.href = urlBlob;
-        link.download = filename || "downloaded-file";
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-        window.URL.revokeObjectURL(urlBlob);
-      }
-    } catch (error) {
-      console.error("File download failed:", error);
-    }
-  };
-  return {
-    handleFileDownload
-  };
-};
-
 // src/widget/basic/date-field/controller.ts
-var import_moment = __toESM(require_moment());
 var DURATIONS = {
   PAST: "past",
   NOW: "now",
@@ -6977,11 +6763,11 @@ var dateFieldController = (props) => {
 };
 
 // src/widget/basic/copy-link-button/controller.ts
-import { useState as useState13 } from "react";
+import { useState as useState11 } from "react";
 import { copyTextToClipboard } from "@fctc/interface-logic/utils";
 var copyLinkButtonController = (props) => {
   const { value, defaultValue } = props;
-  const [isCopied, setIsCopied] = useState13(false);
+  const [isCopied, setIsCopied] = useState11(false);
   const handleCopyToClipboard = async (value2) => {
     await copyTextToClipboard(value2);
     setIsCopied(true);
@@ -7011,8 +6797,8 @@ var colorFieldController = (props) => {
     try {
       onSave({
         ids: idDefault !== null ? [idDefault] : [],
-        model: model ?? "",
-        data: { [name ?? ""]: id },
+        model: String(model),
+        data: { [String(name)]: id },
         specification: {
           name: {},
           color: {}
@@ -7029,16 +6815,16 @@ var colorFieldController = (props) => {
 };
 
 // src/widget/basic/binary-field/controller.ts
-import { useEffect as useEffect13, useId as useId2, useRef as useRef5, useState as useState14 } from "react";
+import { useEffect as useEffect12, useId as useId2, useRef as useRef4, useState as useState12 } from "react";
 import { isBase64Image } from "@fctc/interface-logic/utils";
 var binaryFieldController = (props) => {
   const { name, methods, readonly = false, value } = props;
   const inputId = useId2();
-  const [selectedImage, setSelectedImage] = useState14(null);
-  const [initialImage, setInitialImage] = useState14(value || null);
-  const [isInsideTable, setIsInsideTable] = useState14(false);
+  const [selectedImage, setSelectedImage] = useState12(null);
+  const [initialImage, setInitialImage] = useState12(value || null);
+  const [isInsideTable, setIsInsideTable] = useState12(false);
   const { setValue } = methods;
-  const binaryRef = useRef5(null);
+  const binaryRef = useRef4(null);
   const convertUrlToBase64 = async (url) => {
     try {
       const response = await fetch(url);
@@ -7100,14 +6886,14 @@ var binaryFieldController = (props) => {
     else if (base64.startsWith("UklGR")) mimeType = "image/webp";
     return mimeType ? `data:${mimeType};base64,${base64}` : null;
   };
-  useEffect13(() => {
+  useEffect12(() => {
     return () => {
       if (selectedImage) {
         URL.revokeObjectURL(selectedImage);
       }
     };
   }, [selectedImage]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (binaryRef.current) {
       const isInsideTable2 = !!binaryRef.current.closest("table");
       setIsInsideTable(isInsideTable2);
@@ -7128,7 +6914,7 @@ var binaryFieldController = (props) => {
 
 // src/widget/advance/table/table-body/controller.ts
 import { useAppDispatch as useAppDispatch6, setSelectedRowKeys } from "@fctc/interface-logic/store";
-import { useEffect as useEffect14, useMemo as useMemo12 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo12 } from "react";
 var tableBodyController = (props) => {
   const {
     checkedAll,
@@ -7162,7 +6948,7 @@ var tableBodyController = (props) => {
   const handleClickRow = (col, row2) => {
     onClickRow(col, row2);
   };
-  useEffect14(() => {
+  useEffect13(() => {
     if (!row?.id) return;
     if (isAutoSelect) {
       if (checkboxRef?.current === "uncheck") {
@@ -7180,7 +6966,7 @@ var tableBodyController = (props) => {
       }
     }
   }, [isAutoSelect]);
-  useEffect14(() => {
+  useEffect13(() => {
     if (!checkedAll) {
       checkboxRef.current = "enabled";
       false;
@@ -7236,7 +7022,7 @@ var tableHeadController = (props) => {
 };
 
 // src/widget/advance/table/table-view/controller.ts
-import { useEffect as useEffect15, useMemo as useMemo13, useRef as useRef6, useState as useState15 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo13, useRef as useRef5, useState as useState13 } from "react";
 import {
   useAppSelector as useAppSelector5,
   selectSearch as selectSearch4,
@@ -7244,8 +7030,8 @@ import {
 } from "@fctc/interface-logic/store";
 import { domainHelper } from "@fctc/interface-logic/utils";
 var tableController = ({ data }) => {
-  const [rows, setRows] = useState15(data.records || []);
-  const [columns, setColumns] = useState15([]);
+  const [rows, setRows] = useState13(data.records || []);
+  const [columns, setColumns] = useState13([]);
   const dataModelFields = data.fields?.map((field) => {
     return {
       ...data.dataModel?.[field?.name],
@@ -7273,7 +7059,7 @@ var tableController = ({ data }) => {
       return item.display_name ? { ...transformedItem, item: item.display_name } : transformedItem;
     });
   };
-  useEffect15(() => {
+  useEffect14(() => {
     setRows(transformData(data.records || null));
   }, [data.records]);
   const handleGetColumns = () => {
@@ -7294,7 +7080,7 @@ var tableController = ({ data }) => {
     }
     return cols;
   };
-  useEffect15(() => {
+  useEffect14(() => {
     const columns2 = handleGetColumns();
     setColumns(columns2);
   }, [data.records]);
@@ -7319,7 +7105,7 @@ var tableController = ({ data }) => {
 };
 
 // src/widget/advance/table/table-group/controller.ts
-import { useEffect as useEffect16, useMemo as useMemo14, useState as useState16 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo14, useState as useState14 } from "react";
 import {
   useOdooDataTransform,
   useGetListData as useGetListData2
@@ -7358,14 +7144,14 @@ var tableGroupController = (props) => {
     setIsAutoSelect,
     selectedRowKeysRef
   } = props;
-  const [pageGroup, setPageGroup] = useState16(0);
+  const [pageGroup, setPageGroup] = useState14(0);
   const { groupByDomain, selectedTags } = useAppSelector6(selectSearch5);
   const { selectedRowKeys } = useAppSelector6(selectList4);
   const appDispatch = useAppDispatch8();
   const { toDataJS } = useOdooDataTransform();
   const initVal = toDataJS(row, viewData, model);
-  const [isShowGroup, setIsShowGroup] = useState16(false);
-  const [colEmptyGroup, setColEmptyGroup] = useState16({
+  const [isShowGroup, setIsShowGroup] = useState14(false);
+  const [colEmptyGroup, setColEmptyGroup] = useState14({
     fromStart: 1,
     fromEnd: 1
   });
@@ -7424,7 +7210,7 @@ var tableGroupController = (props) => {
     }
   });
   const leftPadding = level > 1 ? level * 8 + "px" : "0px";
-  useEffect16(() => {
+  useEffect15(() => {
     if (isShowGroup && selectedTags?.length > 0) {
       setIsShowGroup(false);
     }
@@ -7458,7 +7244,7 @@ var tableGroupController = (props) => {
     }
     toggleShowGroup();
   };
-  useEffect16(() => {
+  useEffect15(() => {
     if (!isQueryFetched || !rowsGroup || !checkedAll || allIdsNull || typeTableGroup === "group") {
       return;
     }
@@ -7505,7 +7291,7 @@ import {
   evalJSONDomain as evalJSONDomain6,
   validateAndParseDate
 } from "@fctc/interface-logic/utils";
-import { useCallback as useCallback3, useEffect as useEffect17, useState as useState17 } from "react";
+import { useCallback as useCallback3, useEffect as useEffect16, useState as useState15 } from "react";
 var searchController = ({
   viewData,
   actionData,
@@ -7514,11 +7300,11 @@ var searchController = ({
   setSearchMap,
   searchMap
 }) => {
-  const [filterBy, setFilterBy] = useState17(null);
-  const [searchBy, setSearchBy] = useState17(null);
-  const [groupBy, setGroupBy] = useState17(null);
-  const [selectedTags, setSelectedTags] = useState17(null);
-  const [searchString, setSearchString] = useState17("");
+  const [filterBy, setFilterBy] = useState15(null);
+  const [searchBy, setSearchBy] = useState15(null);
+  const [groupBy, setGroupBy] = useState15(null);
+  const [selectedTags, setSelectedTags] = useState15(null);
+  const [searchString, setSearchString] = useState15("");
   const domainAction = actionData?.domain ? Array.isArray(actionData?.domain) ? [...actionData?.domain] : evalJSONDomain6(actionData?.domain, contextSearch) : [];
   const aid = actionData?.id;
   const model = actionData?.res_model;
@@ -7565,7 +7351,7 @@ var searchController = ({
       }
     }
   };
-  useEffect17(() => {
+  useEffect16(() => {
     clearSearch();
     fetchData();
   }, [aid, model, viewData]);
@@ -7711,7 +7497,7 @@ var searchController = ({
     },
     [searchMap]
   );
-  useEffect17(() => {
+  useEffect16(() => {
     setSelectedTags(null);
     setTagSearch(searchMap);
   }, [searchMap]);
@@ -7820,8 +7606,6 @@ export {
   downLoadBinaryController,
   downloadFileController,
   durationController,
-  floatController,
-  floatTimeFiledController,
   getDateRange,
   languages,
   many2manyFieldController,

package/dist/widget.d.mts

@@ -130,33 +130,6 @@ declare const priorityFieldController: (props: IPriorityFieldProps) => {
     onChange: ((name: string, value: any) => void) | undefined;
 };
 
-declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, value, isDirty, props, }: {
-    onChange: any;
-    onBlur: any;
-    value: any;
-    error: any;
-    isDirty: any;
-    props: IInputFieldProps;
-}) => {
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleBlur: () => void;
-    handleKeyDown: (e: any) => void;
-    input: string;
-    errors: string;
-};
-
-declare const floatController: ({ onChange, value, props, }: {
-    onChange: any;
-    value: any;
-    props: IInputFieldProps;
-}) => {
-    handleInputMouseLeave: () => void;
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    useFormatFloatNumber: (value: number | string) => string;
-    inputRef: react.MutableRefObject<HTMLInputElement | null>;
-    inputValue: string;
-};
-
 declare const downloadFileController: () => {
     inputId: string;
     file: any;
@@ -320,4 +293,4 @@ declare const searchController: ({ viewData, actionData, fieldsList, contextSear
     domain: any[] | undefined;
 };
 
-export { type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };
+export { type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };

package/dist/widget.d.ts

@@ -130,33 +130,6 @@ declare const priorityFieldController: (props: IPriorityFieldProps) => {
     onChange: ((name: string, value: any) => void) | undefined;
 };
 
-declare const floatTimeFiledController: ({ onChange: fieldOnChange, onBlur, value, isDirty, props, }: {
-    onChange: any;
-    onBlur: any;
-    value: any;
-    error: any;
-    isDirty: any;
-    props: IInputFieldProps;
-}) => {
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleBlur: () => void;
-    handleKeyDown: (e: any) => void;
-    input: string;
-    errors: string;
-};
-
-declare const floatController: ({ onChange, value, props, }: {
-    onChange: any;
-    value: any;
-    props: IInputFieldProps;
-}) => {
-    handleInputMouseLeave: () => void;
-    handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    useFormatFloatNumber: (value: number | string) => string;
-    inputRef: react.MutableRefObject<HTMLInputElement | null>;
-    inputValue: string;
-};
-
 declare const downloadFileController: () => {
     inputId: string;
     file: any;
@@ -320,4 +293,4 @@ declare const searchController: ({ viewData, actionData, fieldsList, contextSear
     domain: any[] | undefined;
 };
 
-export { type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, floatController, floatTimeFiledController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };
+export { type ISelctionStateProps, type ITableBodyProps, type ITableHeadProps, type ITableProps, binaryFieldController, colorFieldController, copyLinkButtonController, dateFieldController, downLoadBinaryController, downloadFileController, durationController, many2manyFieldController, many2manyTagsController, many2oneButtonController, many2oneFieldController, priorityFieldController, searchController, statusDropdownController, tableBodyController, tableController, tableGroupController, tableHeadController };