@fctc/sme-widget-ui 1.0.1 → 1.0.3

package/dist/widgets.js

@@ -12157,7 +12157,10 @@ var TableFilter = ({ columns, onToggleColumnOptional }) => {
     "div",
     {
       ref: filterRef,
-      className: "w-fit absolute top-[8px] right-[10px] ms-auto z-[32] bg-[#eff1f2] pl-2 ",
+      style: {
+        transform: "translateY(-50%)"
+      },
+      className: "w-fit absolute top-[50%] translate-y-[-50%] right-[10px] ms-auto z-[32] bg-[#eff1f2]",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
           "button",
@@ -12363,7 +12366,11 @@ var TableHead = (props) => {
         columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "th",
           {
-            className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
+            style: {
+              minWidth: "40px",
+              right: 0
+            },
+            className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-[#eff1f2]`,
             children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               TableFilter,
               {
@@ -14520,10 +14527,8 @@ var PopupFilter = ({
                       return;
                     }
                     typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                      title: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, {}),
                       name: item?.name,
                       value: item?.string ?? item?.help,
-                      icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, {}),
                       domain: item?.domain,
                       groupIndex: item?.group_index,
                       type: SearchType.FILTER
@@ -14562,10 +14567,8 @@ var PopupFilter = ({
                     return;
                   }
                   typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                    title: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, {}),
                     name: item?.name,
                     value: item?.string,
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, {}),
                     type: SearchType.GROUP,
                     context: JSON.parse(item?.context.replace(/'/g, '"')),
                     active: !isExist,
@@ -14608,7 +14611,7 @@ var TagSearch = ({
           {
             className: "flex min-h-full overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: tag?.title }),
+              /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: tag?.type === SearchType.SEARCH ? tag?.title : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FilterIcon, {}) }),
               /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "pl-2 align-middle text-[#495057] text-[14px]", children: tag.values.map((value, idx) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react17.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: value }),
@@ -14654,7 +14657,7 @@ var TagSearch = ({
                 {
                   className: "flex gap-2 overflow-hidden rounded bg-[#E9ECEF] hover:shadow-xl",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: tag?.title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "bg-primary flex items-center justify-center px-2 text-sm font-semibold leading-[1.5] text-white", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GroupByIcon, {}) }),
                     value?.strings?.map((string, idx) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
                       /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: string }),
                       idx < value?.strings.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-sm italic text-[#495057] text-opacity-50", children: [
@@ -14767,7 +14770,8 @@ var Search = ({
   aid,
   selectedRowKeys,
   domainSearch,
-  evalJSONContext
+  evalJSONContext,
+  clearSearch
 }) => {
   const [showPopupFilter, setShowPopupFilter] = (0, import_react18.useState)(false);
   const popupFilterRef = useClickOutside({
@@ -14787,6 +14791,13 @@ var Search = ({
       }
     }
   }, [selectedTags, isReadyFormatDomain]);
+  (0, import_react18.useEffect)(() => {
+    return () => {
+      clearSearch();
+      setDidInit(false);
+      setIsReadyFormatDomain(false);
+    };
+  }, [viewData]);
   (0, import_react18.useEffect)(() => {
     if (didInit || selectedTags?.length > 0) return;
     const searchDefaults = Object.entries(context || {}).filter(
@@ -17358,13 +17369,14 @@ var ButtonSelectFiles = ({
   const MAX_TOTAL_SIZE = 50 * 1024 * 1024;
   const { mutate: onUploadImage, isPending } = useUploadImage();
   const { mutate: onUploadFile } = useUploadFile();
-  const handleUploadImage = async ({ data }) => {
+  const handleUploadImage = async ({ formData }) => {
+    console.log("data", formData);
     if (widget !== "many2many_binary") {
       onUploadImage(
-        { data },
+        { formData },
         {
-          onSuccess: (data2) => {
-            const formatData = data2?.data?.["ir.attachment"]?.[0];
+          onSuccess: (data) => {
+            const formatData = data?.data?.["ir.attachment"]?.[0];
             const files = [...selectedFiles, formatData];
             setSelectedFiles(files);
             y2.success(instance.t("upload_success"));
@@ -17376,10 +17388,10 @@ var ButtonSelectFiles = ({
       );
     } else {
       onUploadFile(
-        { data },
+        { formData },
         {
-          onSuccess: (data2) => {
-            const formatData = data2?.data?.["ir.attachment"]?.[0];
+          onSuccess: (data) => {
+            const formatData = data?.data?.["ir.attachment"]?.[0];
             const files = [...selectedFiles, formatData];
             setSelectedFiles(files);
             y2.success(i18n_default.t("upload_success"));
@@ -17422,10 +17434,10 @@ var ButtonSelectFiles = ({
       setUploadError(false);
       const formData = new FormData();
       formData.append("ufile", file);
-      formData.append("thread_model", model);
+      formData.append("thread_model", String(model));
       formData.append("thread_id", Number(id));
       formData.append("is_pending", true);
-      await handleUploadImage({ data: formData });
+      await handleUploadImage({ formData });
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
@@ -32659,9 +32671,6 @@ var import_react58 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var InfomationField = (props) => {
   const { value, isForm = false, showName = true, stringToColor } = props;
-  if (isForm) {
-    return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: "abc" });
-  }
   if (!value || Array.isArray(value) && value.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_jsx_runtime87.Fragment, {});
   }
@@ -32692,7 +32701,7 @@ var InfomationField = (props) => {
 
 // src/widgets/basic/many2many-tags-field/many2many-tags.tsx
 var import_jsx_runtime88 = require("react/jsx-runtime");
-var CustomMultiValue = (props) => {
+var CustomMultiValue = ({ stringToColor, ...props }) => {
   const { selectProps, data, menuList } = props;
   const { relation } = selectProps;
   const actionId = menuList?.flatMap(
@@ -32709,7 +32718,8 @@ var CustomMultiValue = (props) => {
         relation,
         isForm: false,
         aid: actionId?.id,
-        avatarSrc: data?.image_256
+        avatarSrc: data?.image_256,
+        stringToColor
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
@@ -32754,7 +32764,14 @@ var Many2ManyTagField = (props) => {
       value: item.id,
       label: item.name ?? item.display_name
     })) : [];
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(InfomationField, { value: optionValue || null, isForm, stringToColor });
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      InfomationField,
+      {
+        value: optionValue || null,
+        isForm,
+        stringToColor
+      }
+    );
   }
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     Controller,
@@ -32839,7 +32856,13 @@ var Many2ManyTagField = (props) => {
                 })
               },
               components: isUser ? {
-                MultiValue: CustomMultiValue,
+                MultiValue: (multiValueProps) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                  CustomMultiValue,
+                  {
+                    ...multiValueProps,
+                    stringToColor
+                  }
+                ),
                 IndicatorSeparator: () => null
               } : {
                 IndicatorSeparator: () => null
@@ -33570,14 +33593,12 @@ var Many2ManyField = (props) => {
     page,
     rows,
     columns,
-    typeTable,
     renderField,
     isDataLoading,
     relation,
     onToggleColumnOptional,
     isDataFetched,
     isPlaceholderData,
-    isCheckBox,
     optionsObject,
     onChoose,
     onAddNew,
@@ -33591,7 +33612,13 @@ var Many2ManyField = (props) => {
     evalJSONContext,
     searchController,
     viewData,
-    setDomain
+    setDomain,
+    isDisplayCheckbox,
+    checkedAll,
+    handleCheckBoxAll,
+    selectedRowKeysRef,
+    typeTable,
+    setSelectedRowKeys
   } = props;
   const {
     context,
@@ -33605,7 +33632,8 @@ var Many2ManyField = (props) => {
     searchString,
     selectedTags,
     setFilterBy,
-    setGroupBy
+    setGroupBy,
+    clearSearch
   } = searchController;
   return (0, import_react_dom8.createPortal)(
     /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "fixed bottom-0 left-0 right-0 top-0 z-[9999]", children: [
@@ -33630,8 +33658,6 @@ var Many2ManyField = (props) => {
               groupBy,
               showFiltersGroups: true,
               setGroupBy,
-              setSelectedRowKeys: (keys) => {
-              },
               setDomainList: setDomain,
               setPage: (pages) => {
                 setPage?.(pages);
@@ -33641,12 +33667,14 @@ var Many2ManyField = (props) => {
                   (col) => col?.field?.type_co === "field" && col?.optional !== "hide"
                 )?.map((col) => ({ ...col.field })) ?? []
               ],
+              setSelectedRowKeys,
               viewData,
               context,
               selectedRowKeys,
               aid,
               domainSearch,
-              evalJSONContext
+              evalJSONContext,
+              clearSearch
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
@@ -33684,7 +33712,9 @@ var Many2ManyField = (props) => {
                         {
                           columns,
                           onToggleColumnOptional,
-                          isDisplayCheckbox: false
+                          isDisplayCheckbox,
+                          checkedAll,
+                          handleCheckBoxAll
                         }
                       ),
                       /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
@@ -33693,7 +33723,7 @@ var Many2ManyField = (props) => {
                           columns,
                           rows,
                           rootField,
-                          isDisplayCheckbox: false,
+                          isDisplayCheckbox,
                           model: relation,
                           renderField: ({
                             row,
@@ -33714,7 +33744,11 @@ var Many2ManyField = (props) => {
                           },
                           onRemoveRow: null,
                           onAddRow,
-                          onClickRow
+                          onClickRow,
+                          typeTable,
+                          selectedRowKeysRef,
+                          selectedRowKeys,
+                          setSelectedRowKeys
                         }
                       )
                     ]
@@ -33725,7 +33759,7 @@ var Many2ManyField = (props) => {
           }
         ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LayerLoading, {}),
         /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex items-center gap-2 mt-auto", children: [
-          isCheckBox && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+          isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
             "button",
             {
               disabled: selectedRowKeys?.length === 0,