@fctc/sme-widget-ui 2.9.4 → 2.9.6

package/dist/index.js

@@ -13124,7 +13124,7 @@ var TableHead = (props) => {
             return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "th",
               {
-                style: { maxWidth: "30px" },
+                style: { width: "100px" },
                 className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
               },
               "table-head-" + index4
@@ -31843,7 +31843,7 @@ var DateField = (props) => {
                   }
                 ),
                 timeInputLabel: textPlaceHolder,
-                portalId: name,
+                portalId: "root-portal",
                 renderCustomHeader: ({
                   date,
                   changeYear,
@@ -32646,7 +32646,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 mr-2 relative  border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       AvatarField,
       {
@@ -32661,9 +32661,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-      "span",
+      "button",
       {
-        className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
+        type: "button",
+        className: "ml-1 flex items-center justify-center rounded-full  !cursor-pointer",
         onClick: (e3) => {
           e3.stopPropagation();
           props.removeProps.onClick();
@@ -32696,7 +32697,6 @@ var CustomMenuList = (props) => {
 };
 var Many2ManyTagField = (props) => {
   const {
-    relation,
     value,
     name,
     methods,
@@ -32809,7 +32809,7 @@ var Many2ManyTagField = (props) => {
                 dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
                 clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
               } : {
-                valueContainer: () => "overflow-unset !m-0 !p-0",
+                valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
                 singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                 input: () => "!m-0 !p-0",

package/dist/index.mjs

@@ -12997,7 +12997,7 @@ var TableHead = (props) => {
             return /* @__PURE__ */ jsx51(
               "th",
               {
-                style: { maxWidth: "30px" },
+                style: { width: "100px" },
                 className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
               },
               "table-head-" + index4
@@ -31716,7 +31716,7 @@ var DateField = (props) => {
                   }
                 ),
                 timeInputLabel: textPlaceHolder,
-                portalId: name,
+                portalId: "root-portal",
                 renderCustomHeader: ({
                   date,
                   changeYear,
@@ -32519,7 +32519,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+  return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 mr-2 relative  border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
     /* @__PURE__ */ jsx99(
       AvatarField,
       {
@@ -32534,9 +32534,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
     ),
     /* @__PURE__ */ jsx99("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
     /* @__PURE__ */ jsx99(
-      "span",
+      "button",
       {
-        className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
+        type: "button",
+        className: "ml-1 flex items-center justify-center rounded-full  !cursor-pointer",
         onClick: (e3) => {
           e3.stopPropagation();
           props.removeProps.onClick();
@@ -32569,7 +32570,6 @@ var CustomMenuList = (props) => {
 };
 var Many2ManyTagField = (props) => {
   const {
-    relation,
     value,
     name,
     methods,
@@ -32682,7 +32682,7 @@ var Many2ManyTagField = (props) => {
                 dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
                 clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
               } : {
-                valueContainer: () => "overflow-unset !m-0 !p-0",
+                valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
                 singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                 input: () => "!m-0 !p-0",

package/dist/widgets.js

@@ -12116,7 +12116,7 @@ var TableHead = (props) => {
             return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               "th",
               {
-                style: { maxWidth: "30px" },
+                style: { width: "100px" },
                 className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
               },
               "table-head-" + index4
@@ -31092,7 +31092,7 @@ var DateField = (props) => {
                   }
                 ),
                 timeInputLabel: textPlaceHolder,
-                portalId: name,
+                portalId: "root-portal",
                 renderCustomHeader: ({
                   date,
                   changeYear,
@@ -31895,7 +31895,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 mr-2 relative  border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
       AvatarField,
       {
@@ -31910,9 +31910,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
     /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-      "span",
+      "button",
       {
-        className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
+        type: "button",
+        className: "ml-1 flex items-center justify-center rounded-full  !cursor-pointer",
         onClick: (e3) => {
           e3.stopPropagation();
           props.removeProps.onClick();
@@ -31945,7 +31946,6 @@ var CustomMenuList = (props) => {
 };
 var Many2ManyTagField = (props) => {
   const {
-    relation,
     value,
     name,
     methods,
@@ -32058,7 +32058,7 @@ var Many2ManyTagField = (props) => {
                 dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
                 clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
               } : {
-                valueContainer: () => "overflow-unset !m-0 !p-0",
+                valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
                 singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                 input: () => "!m-0 !p-0",

package/dist/widgets.mjs

@@ -12053,7 +12053,7 @@ var TableHead = (props) => {
             return /* @__PURE__ */ jsx51(
               "th",
               {
-                style: { maxWidth: "30px" },
+                style: { width: "100px" },
                 className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
               },
               "table-head-" + index4
@@ -31029,7 +31029,7 @@ var DateField = (props) => {
                   }
                 ),
                 timeInputLabel: textPlaceHolder,
-                portalId: name,
+                portalId: "root-portal",
                 renderCustomHeader: ({
                   date,
                   changeYear,
@@ -31832,7 +31832,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
       (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
     )
   )?.[0]?.action?.id;
-  return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
+  return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 mr-2 relative  border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
     /* @__PURE__ */ jsx99(
       AvatarField,
       {
@@ -31847,9 +31847,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
     ),
     /* @__PURE__ */ jsx99("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
     /* @__PURE__ */ jsx99(
-      "span",
+      "button",
       {
-        className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
+        type: "button",
+        className: "ml-1 flex items-center justify-center rounded-full  !cursor-pointer",
         onClick: (e3) => {
           e3.stopPropagation();
           props.removeProps.onClick();
@@ -31882,7 +31883,6 @@ var CustomMenuList = (props) => {
 };
 var Many2ManyTagField = (props) => {
   const {
-    relation,
     value,
     name,
     methods,
@@ -31995,7 +31995,7 @@ var Many2ManyTagField = (props) => {
                 dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
                 clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
               } : {
-                valueContainer: () => "overflow-unset !m-0 !p-0",
+                valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
                 singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                 input: () => "!m-0 !p-0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fctc/sme-widget-ui",
-  "version": "2.9.4",
+  "version": "2.9.6",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",