@fctc/sme-widget-ui 2.6.0 → 2.6.2

package/dist/index.js

@@ -11024,7 +11024,7 @@ var Row = (props) => {
             `${col.name}____${index4}`
           );
         }),
-        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "relative p-2 w-[35px] td-remove", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "button",
           {
             type: "button",
@@ -11043,7 +11043,7 @@ var Row = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `p-3 min-w-[40px]`
+            className: `p-3 min-w-[40px] td-toggle-optional`
           }
         )
       ] })
@@ -13192,7 +13192,7 @@ var TableHead = (props) => {
             "table-head-" + index4
           );
         }),
-        typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { className: "relative p-2 w-[35px]" }),
+        typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { className: "relative p-2 w-[35px] th-remove" }),
         columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "th",
           {
@@ -13201,7 +13201,7 @@ var TableHead = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
+            className: `th-toggle-optional column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
             children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               TableFilter,
               {
@@ -32660,7 +32660,8 @@ var Many2ManyTagField = (props) => {
     domainObject,
     isFetching,
     setIsShowModalMany2Many,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -32737,7 +32738,7 @@ var Many2ManyTagField = (props) => {
               },
               onMenuOpen: fetchMoreOptions,
               menuPlacement: "auto",
-              placeholder: readonly ? "" : t3("choose_place"),
+              placeholder,
               classNames: isEditTable ? {
                 valueContainer: () => "overflow-unset !px-0",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
@@ -33906,7 +33907,8 @@ var Many2OneField = (props) => {
     setIsShowModalMany2Many,
     setInputValue,
     setDomainObject,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -33959,9 +33961,9 @@ var Many2OneField = (props) => {
                 label: field?.value?.display_name,
                 ...field?.value ?? {}
               } : null;
-              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
-                (option) => option.value === tempSelectedOption?.value
-              ) : currentValue ? currentValue : null;
+              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length ? options2.find(
+                (o3) => o3?.value === tempSelectedOption.value
+              ) ?? currentValue : currentValue ?? null;
               (0, import_react68.useEffect)(() => {
                 if (error2 && selectedOption) {
                   methods?.clearErrors(name2);
@@ -33982,7 +33984,7 @@ var Many2OneField = (props) => {
                       clearIndicator: () => `m-0 p-0'`,
                       menu: () => "z-[99]"
                     },
-                    placeholder: readonly ? "" : t3("choose_place"),
+                    placeholder,
                     onMenuOpen: fetchMoreOptions,
                     onMenuClose: () => {
                       const filteredDomain = [...domainObject ?? []]?.filter(

package/dist/index.mjs

@@ -10897,7 +10897,7 @@ var Row = (props) => {
             `${col.name}____${index4}`
           );
         }),
-        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ jsx47("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ jsx47("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ jsx47(
+        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ jsx47("td", { className: "relative p-2 w-[35px] td-remove", children: /* @__PURE__ */ jsx47("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ jsx47(
           "button",
           {
             type: "button",
@@ -10916,7 +10916,7 @@ var Row = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `p-3 min-w-[40px]`
+            className: `p-3 min-w-[40px] td-toggle-optional`
           }
         )
       ] })
@@ -13065,7 +13065,7 @@ var TableHead = (props) => {
             "table-head-" + index4
           );
         }),
-        typeof onRemoveRow === "function" && /* @__PURE__ */ jsx51("th", { className: "relative p-2 w-[35px]" }),
+        typeof onRemoveRow === "function" && /* @__PURE__ */ jsx51("th", { className: "relative p-2 w-[35px] th-remove" }),
         columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx51(
           "th",
           {
@@ -13074,7 +13074,7 @@ var TableHead = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
+            className: `th-toggle-optional column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
             children: /* @__PURE__ */ jsx51(
               TableFilter,
               {
@@ -32533,7 +32533,8 @@ var Many2ManyTagField = (props) => {
     domainObject,
     isFetching,
     setIsShowModalMany2Many,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -32610,7 +32611,7 @@ var Many2ManyTagField = (props) => {
               },
               onMenuOpen: fetchMoreOptions,
               menuPlacement: "auto",
-              placeholder: readonly ? "" : t3("choose_place"),
+              placeholder,
               classNames: isEditTable ? {
                 valueContainer: () => "overflow-unset !px-0",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
@@ -33779,7 +33780,8 @@ var Many2OneField = (props) => {
     setIsShowModalMany2Many,
     setInputValue,
     setDomainObject,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -33832,9 +33834,9 @@ var Many2OneField = (props) => {
                 label: field?.value?.display_name,
                 ...field?.value ?? {}
               } : null;
-              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
-                (option) => option.value === tempSelectedOption?.value
-              ) : currentValue ? currentValue : null;
+              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length ? options2.find(
+                (o3) => o3?.value === tempSelectedOption.value
+              ) ?? currentValue : currentValue ?? null;
               useEffect28(() => {
                 if (error2 && selectedOption) {
                   methods?.clearErrors(name2);
@@ -33855,7 +33857,7 @@ var Many2OneField = (props) => {
                       clearIndicator: () => `m-0 p-0'`,
                       menu: () => "z-[99]"
                     },
-                    placeholder: readonly ? "" : t3("choose_place"),
+                    placeholder,
                     onMenuOpen: fetchMoreOptions,
                     onMenuClose: () => {
                       const filteredDomain = [...domainObject ?? []]?.filter(

package/dist/widgets.js

@@ -10016,7 +10016,7 @@ var Row = (props) => {
             `${col.name}____${index4}`
           );
         }),
-        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "relative p-2 w-[35px] td-remove", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           "button",
           {
             type: "button",
@@ -10035,7 +10035,7 @@ var Row = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `p-3 min-w-[40px]`
+            className: `p-3 min-w-[40px] td-toggle-optional`
           }
         )
       ] })
@@ -12184,7 +12184,7 @@ var TableHead = (props) => {
             "table-head-" + index4
           );
         }),
-        typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { className: "relative p-2 w-[35px]" }),
+        typeof onRemoveRow === "function" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { className: "relative p-2 w-[35px] th-remove" }),
         columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "th",
           {
@@ -12193,7 +12193,7 @@ var TableHead = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
+            className: `th-toggle-optional column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
             children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               TableFilter,
               {
@@ -31909,7 +31909,8 @@ var Many2ManyTagField = (props) => {
     domainObject,
     isFetching,
     setIsShowModalMany2Many,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -31986,7 +31987,7 @@ var Many2ManyTagField = (props) => {
               },
               onMenuOpen: fetchMoreOptions,
               menuPlacement: "auto",
-              placeholder: readonly ? "" : t3("choose_place"),
+              placeholder,
               classNames: isEditTable ? {
                 valueContainer: () => "overflow-unset !px-0",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
@@ -33155,7 +33156,8 @@ var Many2OneField = (props) => {
     setIsShowModalMany2Many,
     setInputValue,
     setDomainObject,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -33208,9 +33210,9 @@ var Many2OneField = (props) => {
                 label: field?.value?.display_name,
                 ...field?.value ?? {}
               } : null;
-              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
-                (option) => option.value === tempSelectedOption?.value
-              ) : currentValue ? currentValue : null;
+              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length ? options2.find(
+                (o3) => o3?.value === tempSelectedOption.value
+              ) ?? currentValue : currentValue ?? null;
               (0, import_react68.useEffect)(() => {
                 if (error2 && selectedOption) {
                   methods?.clearErrors(name2);
@@ -33231,7 +33233,7 @@ var Many2OneField = (props) => {
                       clearIndicator: () => `m-0 p-0'`,
                       menu: () => "z-[99]"
                     },
-                    placeholder: readonly ? "" : t3("choose_place"),
+                    placeholder,
                     onMenuOpen: fetchMoreOptions,
                     onMenuClose: () => {
                       const filteredDomain = [...domainObject ?? []]?.filter(

package/dist/widgets.mjs

@@ -9953,7 +9953,7 @@ var Row = (props) => {
             `${col.name}____${index4}`
           );
         }),
-        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ jsx47("td", { className: "relative p-2 w-[35px]", children: /* @__PURE__ */ jsx47("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ jsx47(
+        typeof onRemoveRow === "function" && row?.display_type !== "line_section" && /* @__PURE__ */ jsx47("td", { className: "relative p-2 w-[35px] td-remove", children: /* @__PURE__ */ jsx47("div", { className: "h-full w-full flex items-center justify-end cursor-pointer", children: /* @__PURE__ */ jsx47(
           "button",
           {
             type: "button",
@@ -9972,7 +9972,7 @@ var Row = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `p-3 min-w-[40px]`
+            className: `p-3 min-w-[40px] td-toggle-optional`
           }
         )
       ] })
@@ -12121,7 +12121,7 @@ var TableHead = (props) => {
             "table-head-" + index4
           );
         }),
-        typeof onRemoveRow === "function" && /* @__PURE__ */ jsx51("th", { className: "relative p-2 w-[35px]" }),
+        typeof onRemoveRow === "function" && /* @__PURE__ */ jsx51("th", { className: "relative p-2 w-[35px] th-remove" }),
         columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx51(
           "th",
           {
@@ -12130,7 +12130,7 @@ var TableHead = (props) => {
               minWidth: "50px",
               right: 0
             },
-            className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
+            className: `th-toggle-optional column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212] min-w-[40px] sticky right-[0px] bg-white`,
             children: /* @__PURE__ */ jsx51(
               TableFilter,
               {
@@ -31846,7 +31846,8 @@ var Many2ManyTagField = (props) => {
     domainObject,
     isFetching,
     setIsShowModalMany2Many,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -31923,7 +31924,7 @@ var Many2ManyTagField = (props) => {
               },
               onMenuOpen: fetchMoreOptions,
               menuPlacement: "auto",
-              placeholder: readonly ? "" : t3("choose_place"),
+              placeholder,
               classNames: isEditTable ? {
                 valueContainer: () => "overflow-unset !px-0",
                 control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
@@ -33092,7 +33093,8 @@ var Many2OneField = (props) => {
     setIsShowModalMany2Many,
     setInputValue,
     setDomainObject,
-    baseClassName
+    baseClassName,
+    placeholder
   } = props;
   const { t: t3 } = useI18n();
   if (!isForm && !isEditTable) {
@@ -33145,9 +33147,9 @@ var Many2OneField = (props) => {
                 label: field?.value?.display_name,
                 ...field?.value ?? {}
               } : null;
-              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length > 0 ? options2.find(
-                (option) => option.value === tempSelectedOption?.value
-              ) : currentValue ? currentValue : null;
+              const selectedOption = isForm && options2?.service && options2?.type && options2?.model ? tempSelectedOption : tempSelectedOption && options2?.length ? options2.find(
+                (o3) => o3?.value === tempSelectedOption.value
+              ) ?? currentValue : currentValue ?? null;
               useEffect28(() => {
                 if (error2 && selectedOption) {
                   methods?.clearErrors(name2);
@@ -33168,7 +33170,7 @@ var Many2OneField = (props) => {
                       clearIndicator: () => `m-0 p-0'`,
                       menu: () => "z-[99]"
                     },
-                    placeholder: readonly ? "" : t3("choose_place"),
+                    placeholder,
                     onMenuOpen: fetchMoreOptions,
                     onMenuClose: () => {
                       const filteredDomain = [...domainObject ?? []]?.filter(

package/package.json

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