@fctc/sme-widget-ui 1.0.9 → 1.1.1

package/dist/index.js

@@ -12692,8 +12692,14 @@ var TableHead = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "tr",
     {
-      style: { userSelect: "none", WebkitUserSelect: "none" },
-      className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        zIndex: 1,
+        position: "sticky",
+        top: 0
+      },
+      className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
       children: [
         isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "th",
@@ -12714,7 +12720,7 @@ var TableHead = (props) => {
           return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "th",
             {
-              className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
+              className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
             },
             "table-head-" + index4
@@ -14839,103 +14845,115 @@ var PopupFilter = ({
   setGroupBy,
   fields
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "popup-filter absolute right-0 top-[calc(100%_+_3px)] z-[33] w-auto min-w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
-      className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
-      children: [
-        filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "filter-by w-full px-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
-          ] }),
-          filterBy?.reduce((acc, item, index4, array) => {
-            const prevItem = array[index4 - 1];
-            const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
-            const isExist = item?.active;
-            if (isDifferentGroup) {
-              acc.push(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", { className: "my-2" }, "separator-" + index4));
-            }
-            acc.push(
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-                "button",
-                {
-                  className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                  onClick: () => {
-                    const newFilterBy = filterBy?.map(
-                      (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                    );
-                    setFilterBy(newFilterBy);
-                    if (isExist) {
-                      typeof removeSearchItems === "function" && removeSearchItems(
-                        `${SearchType.FILTER}_${item.group_index}`,
-                        item
+      style: {
+        position: "absolute",
+        top: "calc(100% + 3px)",
+        right: 0,
+        zIndex: 33
+      },
+      className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        "div",
+        {
+          className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
+          children: [
+            filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "filter-by w-full px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
+              ] }),
+              filterBy?.reduce((acc, item, index4, array) => {
+                const prevItem = array[index4 - 1];
+                const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
+                const isExist = item?.active;
+                if (isDifferentGroup) {
+                  acc.push(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", { className: "my-2" }, "separator-" + index4));
+                }
+                acc.push(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                    "button",
+                    {
+                      className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                      onClick: () => {
+                        const newFilterBy = filterBy?.map(
+                          (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
+                        );
+                        setFilterBy(newFilterBy);
+                        if (isExist) {
+                          typeof removeSearchItems === "function" && removeSearchItems(
+                            `${SearchType.FILTER}_${item.group_index}`,
+                            item
+                          );
+                          return;
+                        }
+                        typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                          name: item?.name,
+                          value: item?.string ?? item?.help,
+                          domain: item?.domain,
+                          groupIndex: item?.group_index,
+                          type: SearchType.FILTER
+                        });
+                      },
+                      children: [
+                        isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
+                      ]
+                    },
+                    "filter-" + index4
+                  )
+                );
+                return acc;
+              }, [])
+            ] }),
+            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
+            groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "group-by w-full px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
+              ] }),
+              groupBy?.map((item, index4) => {
+                const isExist = item?.active;
+                if (!item.string) return;
+                return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                  "button",
+                  {
+                    onClick: () => {
+                      const formatArray = groupBy.map(
+                        (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
                       );
-                      return;
-                    }
-                    typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                      name: item?.name,
-                      value: item?.string ?? item?.help,
-                      domain: item?.domain,
-                      groupIndex: item?.group_index,
-                      type: SearchType.FILTER
-                    });
+                      setGroupBy(formatArray);
+                      if (isExist) {
+                        typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
+                        return;
+                      }
+                      typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                        name: item?.name,
+                        value: item?.string,
+                        type: SearchType.GROUP,
+                        context: JSON.parse(item?.context.replace(/'/g, '"')),
+                        active: !isExist,
+                        dataIndex: index4,
+                        fieldsGroup: fields
+                      });
+                    },
+                    className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                    children: [
+                      isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string })
+                    ]
                   },
-                  children: [
-                    isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
-                  ]
-                },
-                "filter-" + index4
-              )
-            );
-            return acc;
-          }, [])
-        ] }),
-        filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-        groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "group-by w-full px-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
-          ] }),
-          groupBy?.map((item, index4) => {
-            const isExist = item?.active;
-            if (!item.string) return;
-            return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-              "button",
-              {
-                onClick: () => {
-                  const formatArray = groupBy.map(
-                    (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                  );
-                  setGroupBy(formatArray);
-                  if (isExist) {
-                    typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
-                    return;
-                  }
-                  typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                    name: item?.name,
-                    value: item?.string,
-                    type: SearchType.GROUP,
-                    context: JSON.parse(item?.context.replace(/'/g, '"')),
-                    active: !isExist,
-                    dataIndex: index4,
-                    fieldsGroup: fields
-                  });
-                },
-                className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                children: [
-                  isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string })
-                ]
-              },
-              "groupby-" + index4 + 1
-            );
-          })
-        ] })
-      ]
+                  "groupby-" + index4 + 1
+                );
+              })
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
@@ -15218,7 +15236,7 @@ var Search = ({
                   "input",
                   {
                     value: searchString,
-                    className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
+                    className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
                     placeholder: instance.t("search..."),
                     onChange: (e3) => {
                       onSearchString(e3.target.value);
@@ -18162,7 +18180,7 @@ var CharField = (props) => {
               disabled: readonly,
               placeholder,
               required: !invisible && required,
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
                   ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
                 `
             }
@@ -32233,7 +32251,7 @@ var DateField = (props) => {
       isForm2 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CalandarIcon, {})
     ] })
   );
-  if (!isForm) {
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
   } else {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
@@ -34293,7 +34311,7 @@ var Many2OneField = (props) => {
                   menuShouldScrollIntoView: false,
                   options: options2,
                   classNames: {
-                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] border-primary  !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
+                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] !border-primary !ring-0 outline-none" : "border !border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
                     valueContainer: () => "!m-0 !p-0",
                     singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                     input: () => "!m-0 !p-0",

package/dist/index.mjs

@@ -12573,8 +12573,14 @@ var TableHead = (props) => {
   return /* @__PURE__ */ jsx45("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs28(
     "tr",
     {
-      style: { userSelect: "none", WebkitUserSelect: "none" },
-      className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        zIndex: 1,
+        position: "sticky",
+        top: 0
+      },
+      className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
       children: [
         isDisplayCheckbox && /* @__PURE__ */ jsx45(
           "th",
@@ -12595,7 +12601,7 @@ var TableHead = (props) => {
           return /* @__PURE__ */ jsx45(
             "th",
             {
-              className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
+              className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ jsx45("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
             },
             "table-head-" + index4
@@ -14720,103 +14726,115 @@ var PopupFilter = ({
   setGroupBy,
   fields
 }) => {
-  return /* @__PURE__ */ jsx54("div", { className: "popup-filter absolute right-0 top-[calc(100%_+_3px)] z-[33] w-auto min-w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl", children: /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
-      className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
-      children: [
-        filterBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "filter-by w-full px-3", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ jsx54(FilterIcon, { className: "filter-by-icon text-primary" }),
-            /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
-          ] }),
-          filterBy?.reduce((acc, item, index4, array) => {
-            const prevItem = array[index4 - 1];
-            const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
-            const isExist = item?.active;
-            if (isDifferentGroup) {
-              acc.push(/* @__PURE__ */ jsx54("hr", { className: "my-2" }, "separator-" + index4));
-            }
-            acc.push(
-              /* @__PURE__ */ jsxs35(
-                "button",
-                {
-                  className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                  onClick: () => {
-                    const newFilterBy = filterBy?.map(
-                      (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                    );
-                    setFilterBy(newFilterBy);
-                    if (isExist) {
-                      typeof removeSearchItems === "function" && removeSearchItems(
-                        `${SearchType.FILTER}_${item.group_index}`,
-                        item
+      style: {
+        position: "absolute",
+        top: "calc(100% + 3px)",
+        right: 0,
+        zIndex: 33
+      },
+      className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
+      children: /* @__PURE__ */ jsxs35(
+        "div",
+        {
+          className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
+          children: [
+            filterBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "filter-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ jsx54(FilterIcon, { className: "filter-by-icon text-primary" }),
+                /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
+              ] }),
+              filterBy?.reduce((acc, item, index4, array) => {
+                const prevItem = array[index4 - 1];
+                const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
+                const isExist = item?.active;
+                if (isDifferentGroup) {
+                  acc.push(/* @__PURE__ */ jsx54("hr", { className: "my-2" }, "separator-" + index4));
+                }
+                acc.push(
+                  /* @__PURE__ */ jsxs35(
+                    "button",
+                    {
+                      className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                      onClick: () => {
+                        const newFilterBy = filterBy?.map(
+                          (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
+                        );
+                        setFilterBy(newFilterBy);
+                        if (isExist) {
+                          typeof removeSearchItems === "function" && removeSearchItems(
+                            `${SearchType.FILTER}_${item.group_index}`,
+                            item
+                          );
+                          return;
+                        }
+                        typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                          name: item?.name,
+                          value: item?.string ?? item?.help,
+                          domain: item?.domain,
+                          groupIndex: item?.group_index,
+                          type: SearchType.FILTER
+                        });
+                      },
+                      children: [
+                        isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
+                        /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string ?? item?.help })
+                      ]
+                    },
+                    "filter-" + index4
+                  )
+                );
+                return acc;
+              }, [])
+            ] }),
+            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx54("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
+            groupBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "group-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ jsx54(GroupByIcon, { className: "group-by-icon text-primary" }),
+                /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
+              ] }),
+              groupBy?.map((item, index4) => {
+                const isExist = item?.active;
+                if (!item.string) return;
+                return /* @__PURE__ */ jsxs35(
+                  "button",
+                  {
+                    onClick: () => {
+                      const formatArray = groupBy.map(
+                        (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
                       );
-                      return;
-                    }
-                    typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                      name: item?.name,
-                      value: item?.string ?? item?.help,
-                      domain: item?.domain,
-                      groupIndex: item?.group_index,
-                      type: SearchType.FILTER
-                    });
+                      setGroupBy(formatArray);
+                      if (isExist) {
+                        typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
+                        return;
+                      }
+                      typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                        name: item?.name,
+                        value: item?.string,
+                        type: SearchType.GROUP,
+                        context: JSON.parse(item?.context.replace(/'/g, '"')),
+                        active: !isExist,
+                        dataIndex: index4,
+                        fieldsGroup: fields
+                      });
+                    },
+                    className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                    children: [
+                      isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
+                      /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string })
+                    ]
                   },
-                  children: [
-                    isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
-                    /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string ?? item?.help })
-                  ]
-                },
-                "filter-" + index4
-              )
-            );
-            return acc;
-          }, [])
-        ] }),
-        filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx54("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-        groupBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "group-by w-full px-3", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ jsx54(GroupByIcon, { className: "group-by-icon text-primary" }),
-            /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
-          ] }),
-          groupBy?.map((item, index4) => {
-            const isExist = item?.active;
-            if (!item.string) return;
-            return /* @__PURE__ */ jsxs35(
-              "button",
-              {
-                onClick: () => {
-                  const formatArray = groupBy.map(
-                    (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                  );
-                  setGroupBy(formatArray);
-                  if (isExist) {
-                    typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
-                    return;
-                  }
-                  typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                    name: item?.name,
-                    value: item?.string,
-                    type: SearchType.GROUP,
-                    context: JSON.parse(item?.context.replace(/'/g, '"')),
-                    active: !isExist,
-                    dataIndex: index4,
-                    fieldsGroup: fields
-                  });
-                },
-                className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                children: [
-                  isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
-                  /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string })
-                ]
-              },
-              "groupby-" + index4 + 1
-            );
-          })
-        ] })
-      ]
+                  "groupby-" + index4 + 1
+                );
+              })
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
@@ -15099,7 +15117,7 @@ var Search = ({
                   "input",
                   {
                     value: searchString,
-                    className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
+                    className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
                     placeholder: instance.t("search..."),
                     onChange: (e3) => {
                       onSearchString(e3.target.value);
@@ -18043,7 +18061,7 @@ var CharField = (props) => {
               disabled: readonly,
               placeholder,
               required: !invisible && required,
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
                   ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
                 `
             }
@@ -32114,7 +32132,7 @@ var DateField = (props) => {
       isForm2 && /* @__PURE__ */ jsx79(CalandarIcon, {})
     ] })
   );
-  if (!isForm) {
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ jsx79("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
   } else {
     return /* @__PURE__ */ jsx79(
@@ -34174,7 +34192,7 @@ var Many2OneField = (props) => {
                   menuShouldScrollIntoView: false,
                   options: options2,
                   classNames: {
-                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] border-primary  !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
+                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] !border-primary !ring-0 outline-none" : "border !border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
                     valueContainer: () => "!m-0 !p-0",
                     singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                     input: () => "!m-0 !p-0",

package/dist/widgets.js

@@ -12326,8 +12326,14 @@ var TableHead = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "tr",
     {
-      style: { userSelect: "none", WebkitUserSelect: "none" },
-      className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        zIndex: 1,
+        position: "sticky",
+        top: 0
+      },
+      className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
       children: [
         isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "th",
@@ -12348,7 +12354,7 @@ var TableHead = (props) => {
           return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "th",
             {
-              className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
+              className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
             },
             "table-head-" + index4
@@ -14484,103 +14490,115 @@ var PopupFilter = ({
   setGroupBy,
   fields
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "popup-filter absolute right-0 top-[calc(100%_+_3px)] z-[33] w-auto min-w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
-      className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
-      children: [
-        filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "filter-by w-full px-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
-          ] }),
-          filterBy?.reduce((acc, item, index4, array) => {
-            const prevItem = array[index4 - 1];
-            const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
-            const isExist = item?.active;
-            if (isDifferentGroup) {
-              acc.push(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", { className: "my-2" }, "separator-" + index4));
-            }
-            acc.push(
-              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-                "button",
-                {
-                  className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                  onClick: () => {
-                    const newFilterBy = filterBy?.map(
-                      (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                    );
-                    setFilterBy(newFilterBy);
-                    if (isExist) {
-                      typeof removeSearchItems === "function" && removeSearchItems(
-                        `${SearchType.FILTER}_${item.group_index}`,
-                        item
+      style: {
+        position: "absolute",
+        top: "calc(100% + 3px)",
+        right: 0,
+        zIndex: 33
+      },
+      className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+        "div",
+        {
+          className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
+          children: [
+            filterBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "filter-by w-full px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(FilterIcon, { className: "filter-by-icon text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
+              ] }),
+              filterBy?.reduce((acc, item, index4, array) => {
+                const prevItem = array[index4 - 1];
+                const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
+                const isExist = item?.active;
+                if (isDifferentGroup) {
+                  acc.push(/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", { className: "my-2" }, "separator-" + index4));
+                }
+                acc.push(
+                  /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                    "button",
+                    {
+                      className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                      onClick: () => {
+                        const newFilterBy = filterBy?.map(
+                          (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
+                        );
+                        setFilterBy(newFilterBy);
+                        if (isExist) {
+                          typeof removeSearchItems === "function" && removeSearchItems(
+                            `${SearchType.FILTER}_${item.group_index}`,
+                            item
+                          );
+                          return;
+                        }
+                        typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                          name: item?.name,
+                          value: item?.string ?? item?.help,
+                          domain: item?.domain,
+                          groupIndex: item?.group_index,
+                          type: SearchType.FILTER
+                        });
+                      },
+                      children: [
+                        isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
+                      ]
+                    },
+                    "filter-" + index4
+                  )
+                );
+                return acc;
+              }, [])
+            ] }),
+            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
+            groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "group-by w-full px-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
+              ] }),
+              groupBy?.map((item, index4) => {
+                const isExist = item?.active;
+                if (!item.string) return;
+                return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+                  "button",
+                  {
+                    onClick: () => {
+                      const formatArray = groupBy.map(
+                        (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
                       );
-                      return;
-                    }
-                    typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                      name: item?.name,
-                      value: item?.string ?? item?.help,
-                      domain: item?.domain,
-                      groupIndex: item?.group_index,
-                      type: SearchType.FILTER
-                    });
+                      setGroupBy(formatArray);
+                      if (isExist) {
+                        typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
+                        return;
+                      }
+                      typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                        name: item?.name,
+                        value: item?.string,
+                        type: SearchType.GROUP,
+                        context: JSON.parse(item?.context.replace(/'/g, '"')),
+                        active: !isExist,
+                        dataIndex: index4,
+                        fieldsGroup: fields
+                      });
+                    },
+                    className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                    children: [
+                      isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string })
+                    ]
                   },
-                  children: [
-                    isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string ?? item?.help })
-                  ]
-                },
-                "filter-" + index4
-              )
-            );
-            return acc;
-          }, [])
-        ] }),
-        filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-        groupBy?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "group-by w-full px-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(GroupByIcon, { className: "group-by-icon text-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
-          ] }),
-          groupBy?.map((item, index4) => {
-            const isExist = item?.active;
-            if (!item.string) return;
-            return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
-              "button",
-              {
-                onClick: () => {
-                  const formatArray = groupBy.map(
-                    (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                  );
-                  setGroupBy(formatArray);
-                  if (isExist) {
-                    typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
-                    return;
-                  }
-                  typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                    name: item?.name,
-                    value: item?.string,
-                    type: SearchType.GROUP,
-                    context: JSON.parse(item?.context.replace(/'/g, '"')),
-                    active: !isExist,
-                    dataIndex: index4,
-                    fieldsGroup: fields
-                  });
-                },
-                className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                children: [
-                  isExist && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(CheckIcon, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm", children: item?.string })
-                ]
-              },
-              "groupby-" + index4 + 1
-            );
-          })
-        ] })
-      ]
+                  "groupby-" + index4 + 1
+                );
+              })
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
@@ -14863,7 +14881,7 @@ var Search = ({
                   "input",
                   {
                     value: searchString,
-                    className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
+                    className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
                     placeholder: instance.t("search..."),
                     onChange: (e3) => {
                       onSearchString(e3.target.value);
@@ -17807,7 +17825,7 @@ var CharField = (props) => {
               disabled: readonly,
               placeholder,
               required: !invisible && required,
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
                   ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
                 `
             }
@@ -31878,7 +31896,7 @@ var DateField = (props) => {
       isForm2 && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CalandarIcon, {})
     ] })
   );
-  if (!isForm) {
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
   } else {
     return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
@@ -33938,7 +33956,7 @@ var Many2OneField = (props) => {
                   menuShouldScrollIntoView: false,
                   options: options2,
                   classNames: {
-                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] border-primary  !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
+                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] !border-primary !ring-0 outline-none" : "border !border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
                     valueContainer: () => "!m-0 !p-0",
                     singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                     input: () => "!m-0 !p-0",

package/dist/widgets.mjs

@@ -12264,8 +12264,14 @@ var TableHead = (props) => {
   return /* @__PURE__ */ jsx45("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs28(
     "tr",
     {
-      style: { userSelect: "none", WebkitUserSelect: "none" },
-      className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
+      style: {
+        userSelect: "none",
+        WebkitUserSelect: "none",
+        zIndex: 1,
+        position: "sticky",
+        top: 0
+      },
+      className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
       children: [
         isDisplayCheckbox && /* @__PURE__ */ jsx45(
           "th",
@@ -12286,7 +12292,7 @@ var TableHead = (props) => {
           return /* @__PURE__ */ jsx45(
             "th",
             {
-              className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
+              className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
               children: /* @__PURE__ */ jsx45("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
             },
             "table-head-" + index4
@@ -14422,103 +14428,115 @@ var PopupFilter = ({
   setGroupBy,
   fields
 }) => {
-  return /* @__PURE__ */ jsx54("div", { className: "popup-filter absolute right-0 top-[calc(100%_+_3px)] z-[33] w-auto min-w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl", children: /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsx54(
     "div",
     {
-      className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
-      children: [
-        filterBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "filter-by w-full px-3", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ jsx54(FilterIcon, { className: "filter-by-icon text-primary" }),
-            /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
-          ] }),
-          filterBy?.reduce((acc, item, index4, array) => {
-            const prevItem = array[index4 - 1];
-            const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
-            const isExist = item?.active;
-            if (isDifferentGroup) {
-              acc.push(/* @__PURE__ */ jsx54("hr", { className: "my-2" }, "separator-" + index4));
-            }
-            acc.push(
-              /* @__PURE__ */ jsxs35(
-                "button",
-                {
-                  className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                  onClick: () => {
-                    const newFilterBy = filterBy?.map(
-                      (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                    );
-                    setFilterBy(newFilterBy);
-                    if (isExist) {
-                      typeof removeSearchItems === "function" && removeSearchItems(
-                        `${SearchType.FILTER}_${item.group_index}`,
-                        item
+      style: {
+        position: "absolute",
+        top: "calc(100% + 3px)",
+        right: 0,
+        zIndex: 33
+      },
+      className: "popup-filter w-full overflow-x-auto rounded-lg border bg-white border-none shadow-xl",
+      children: /* @__PURE__ */ jsxs35(
+        "div",
+        {
+          className: `flex py-3 ${(filterBy?.length === 0 || groupBy?.length === 0) && "!grid-cols-1"}`,
+          children: [
+            filterBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "filter-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ jsx54(FilterIcon, { className: "filter-by-icon text-primary" }),
+                /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("filter_by") })
+              ] }),
+              filterBy?.reduce((acc, item, index4, array) => {
+                const prevItem = array[index4 - 1];
+                const isDifferentGroup = prevItem && prevItem?.group_index !== item?.group_index;
+                const isExist = item?.active;
+                if (isDifferentGroup) {
+                  acc.push(/* @__PURE__ */ jsx54("hr", { className: "my-2" }, "separator-" + index4));
+                }
+                acc.push(
+                  /* @__PURE__ */ jsxs35(
+                    "button",
+                    {
+                      className: `filter-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "filter-by-checked font-semibold " : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                      onClick: () => {
+                        const newFilterBy = filterBy?.map(
+                          (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
+                        );
+                        setFilterBy(newFilterBy);
+                        if (isExist) {
+                          typeof removeSearchItems === "function" && removeSearchItems(
+                            `${SearchType.FILTER}_${item.group_index}`,
+                            item
+                          );
+                          return;
+                        }
+                        typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                          name: item?.name,
+                          value: item?.string ?? item?.help,
+                          domain: item?.domain,
+                          groupIndex: item?.group_index,
+                          type: SearchType.FILTER
+                        });
+                      },
+                      children: [
+                        isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
+                        /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string ?? item?.help })
+                      ]
+                    },
+                    "filter-" + index4
+                  )
+                );
+                return acc;
+              }, [])
+            ] }),
+            filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx54("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
+            groupBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "group-by w-full px-3", children: [
+              /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
+                /* @__PURE__ */ jsx54(GroupByIcon, { className: "group-by-icon text-primary" }),
+                /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
+              ] }),
+              groupBy?.map((item, index4) => {
+                const isExist = item?.active;
+                if (!item.string) return;
+                return /* @__PURE__ */ jsxs35(
+                  "button",
+                  {
+                    onClick: () => {
+                      const formatArray = groupBy.map(
+                        (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
                       );
-                      return;
-                    }
-                    typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                      name: item?.name,
-                      value: item?.string ?? item?.help,
-                      domain: item?.domain,
-                      groupIndex: item?.group_index,
-                      type: SearchType.FILTER
-                    });
+                      setGroupBy(formatArray);
+                      if (isExist) {
+                        typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
+                        return;
+                      }
+                      typeof handleAddTagSearch === "function" && handleAddTagSearch({
+                        name: item?.name,
+                        value: item?.string,
+                        type: SearchType.GROUP,
+                        context: JSON.parse(item?.context.replace(/'/g, '"')),
+                        active: !isExist,
+                        dataIndex: index4,
+                        fieldsGroup: fields
+                      });
+                    },
+                    className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
+                    children: [
+                      isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
+                      /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string })
+                    ]
                   },
-                  children: [
-                    isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
-                    /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string ?? item?.help })
-                  ]
-                },
-                "filter-" + index4
-              )
-            );
-            return acc;
-          }, [])
-        ] }),
-        filterBy?.length > 0 && groupBy?.length > 0 && /* @__PURE__ */ jsx54("div", { className: "h-['initial'] w-[1px] bg-[#dee2e6]" }),
-        groupBy?.length > 0 && /* @__PURE__ */ jsxs35("div", { className: "group-by w-full px-3", children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex w-fit items-center justify-start gap-2 px-3 py-1", children: [
-            /* @__PURE__ */ jsx54(GroupByIcon, { className: "group-by-icon text-primary" }),
-            /* @__PURE__ */ jsx54("span", { className: "font-bold text-sm text-[#212529]", children: instance.t("group_by") })
-          ] }),
-          groupBy?.map((item, index4) => {
-            const isExist = item?.active;
-            if (!item.string) return;
-            return /* @__PURE__ */ jsxs35(
-              "button",
-              {
-                onClick: () => {
-                  const formatArray = groupBy.map(
-                    (tag) => tag?.name === item?.name ? { ...tag, active: !tag?.active } : tag
-                  );
-                  setGroupBy(formatArray);
-                  if (isExist) {
-                    typeof removeSearchItems === "function" && removeSearchItems(`${SearchType.GROUP}`, item);
-                    return;
-                  }
-                  typeof handleAddTagSearch === "function" && handleAddTagSearch({
-                    name: item?.name,
-                    value: item?.string,
-                    type: SearchType.GROUP,
-                    context: JSON.parse(item?.context.replace(/'/g, '"')),
-                    active: !isExist,
-                    dataIndex: index4,
-                    fieldsGroup: fields
-                  });
-                },
-                className: `group-by-item w-full flex items-center gap-2 bg-white px-3 py-1 text-left cursor-pointer ${isExist ? "group-by-checked font-semibold" : "hover:!bg-[rgba(0,0,0,0.08)]"}`,
-                children: [
-                  isExist && /* @__PURE__ */ jsx54(CheckIcon, {}),
-                  /* @__PURE__ */ jsx54("span", { className: "text-sm", children: item?.string })
-                ]
-              },
-              "groupby-" + index4 + 1
-            );
-          })
-        ] })
-      ]
+                  "groupby-" + index4 + 1
+                );
+              })
+            ] })
+          ]
+        }
+      )
     }
-  ) });
+  );
 };
 
 // src/widgets/advanced/search/search-item/index.tsx
@@ -14801,7 +14819,7 @@ var Search = ({
                   "input",
                   {
                     value: searchString,
-                    className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
+                    className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
                     placeholder: instance.t("search..."),
                     onChange: (e3) => {
                       onSearchString(e3.target.value);
@@ -17745,7 +17763,7 @@ var CharField = (props) => {
               disabled: readonly,
               placeholder,
               required: !invisible && required,
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
+              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content 
                   ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
                 `
             }
@@ -31816,7 +31834,7 @@ var DateField = (props) => {
       isForm2 && /* @__PURE__ */ jsx79(CalandarIcon, {})
     ] })
   );
-  if (!isForm) {
+  if (!isForm && !isEditTable) {
     return /* @__PURE__ */ jsx79("span", { children: value && (0, import_moment2.default)(value).isValid() ? (0, import_moment2.default)(value).add(7, "hours").format(formatDate2) : "" });
   } else {
     return /* @__PURE__ */ jsx79(
@@ -33876,7 +33894,7 @@ var Many2OneField = (props) => {
                   menuShouldScrollIntoView: false,
                   options: options2,
                   classNames: {
-                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] border-primary  !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
+                    control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] !border-primary !ring-0 outline-none" : "border !border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
                     valueContainer: () => "!m-0 !p-0",
                     singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                     input: () => "!m-0 !p-0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -64,7 +64,7 @@
     "react-select": "^5.10.1",
     "react-toastify": "^11.0.5",
     "react-tooltip": "^5.28.0",
-    "tailwindcss": "3.4.3",
+    "tailwindcss": "^3",
     "tsup": "^8.0.0",
     "typescript": "^5.8.2"
   }

package/dist/.babelrc

@@ -1,7 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ]
-}

package/dist/.editorconfig

@@ -1,10 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-[*.{js,json,yml}]
-charset = utf-8
-indent_style = space
-indent_size = 2

package/dist/.eslintignore

@@ -1,6 +0,0 @@
-dist
-.cache
-package-lock.json
-public
-node_modules
-yarn.lock

package/dist/.eslintrc.cjs

@@ -1,66 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended',
-  ],
-  ignorePatterns: ['dist', '.eslintrc.cjs', 'commitlint.config.cjs'],
-  parser: '@typescript-eslint/parser',
-  overrides: [
-    {
-      files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx', '**/*.cjs'],
-      plugins: [
-        '@typescript-eslint',
-        'unused-imports',
-        'simple-import-sort',
-        'react-refresh',
-      ],
-      rules: {
-        'react-refresh/only-export-components': [
-          'warn',
-          { allowConstantExport: true },
-        ],
-        'import/prefer-default-export': 'off',
-        'simple-import-sort/imports': [
-          'error',
-          {
-            groups: [
-              // Packages `react` related packages come first.
-              ['^react', '^@?\\w'],
-              // Internal packages.
-              ['^(@|components)(/.*|$)'],
-              // Side effect imports.
-              ['^\\u0000'],
-              // Parent imports. Put `..` last.
-              ['^\\.\\.(?!/?$)', '^\\.\\./?$'],
-              // Other relative imports. Put same-folder imports and `.` last.
-              ['^\\./(?=.*/)(?!/?$)', '^\\.(?!/?$)', '^\\./?$'],
-              // Style imports.
-              ['^.+\\.?(css)$'],
-            ],
-          },
-        ],
-        'prettier/prettier': [
-          'error',
-          {
-            endOfLine: 'auto',
-          },
-        ],
-        'react/react-in-jsx-scope': 'off',
-        'no-param-reassign': 'off',
-        'simple-import-sort/exports': 'error',
-        '@typescript-eslint/no-unused-vars': 'off',
-        '@typescript-eslint/no-non-null-assertion': 'off',
-        '@typescript-eslint/no-explicit-any': 'off',
-        '@typescript-eslint/ban-ts-comment': 'off',
-        '@typescript-eslint/ban-types': 'off',
-        'unused-imports/no-unused-imports': 'error',
-        'unused-imports/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
-        'no-plusplus': 'off',
-        'no-case-declarations': 'off',
-      },
-    },
-  ],
-}

package/dist/.gitattributes

@@ -1,4 +0,0 @@
-/.yarn/**            linguist-vendored
-/.yarn/releases/*    binary
-/.yarn/plugins/**/*  binary
-/.pnp.*              binary linguist-generated

package/dist/.prettierrc

@@ -1,4 +0,0 @@
-{
-  "singleQuote": true,
-  "semi": false
-}