@fctc/sme-widget-ui 1.0.6 → 1.0.8

package/dist/widgets.d.mts

@@ -39,6 +39,7 @@ interface TableBodyProps {
     typeCo?: any;
     setSelectedRowKeys?: any;
     selectedRowKeys?: any;
+    isEditTable?: boolean;
 }
 declare const TableBody: (props: TableBodyProps) => JSX.Element;
 
@@ -276,7 +277,7 @@ interface ISelectDropdownProps extends IInputFieldProps {
     selection?: [string | number, string][] | any;
 }
 
-declare const SelectDropdownField: (props: ISelectDropdownProps) => JSX.Element;
+declare const SelectDropdownField: (props: ISelectDropdownProps) => any;
 
 declare const TextAreaField: (props: IInputFieldProps) => JSX.Element;
 

package/dist/widgets.d.ts

@@ -39,6 +39,7 @@ interface TableBodyProps {
     typeCo?: any;
     setSelectedRowKeys?: any;
     selectedRowKeys?: any;
+    isEditTable?: boolean;
 }
 declare const TableBody: (props: TableBodyProps) => JSX.Element;
 
@@ -276,7 +277,7 @@ interface ISelectDropdownProps extends IInputFieldProps {
     selection?: [string | number, string][] | any;
 }
 
-declare const SelectDropdownField: (props: ISelectDropdownProps) => JSX.Element;
+declare const SelectDropdownField: (props: ISelectDropdownProps) => any;
 
 declare const TextAreaField: (props: IInputFieldProps) => JSX.Element;
 

package/dist/widgets.js

@@ -6771,7 +6771,7 @@ var import_jsx_runtime26 = require("react/jsx-runtime");
 // src/icons/search-icon.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var SearchIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -6779,22 +6779,13 @@ var SearchIcon = () => {
       height: "20",
       viewBox: "0 0 20 20",
       fill: "none",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          "path",
-          {
-            d: "M9.58334 18.1248C4.875 18.1248 1.04167 14.2915 1.04167 9.58317C1.04167 4.87484 4.875 1.0415 9.58334 1.0415C14.2917 1.0415 18.125 4.87484 18.125 9.58317C18.125 14.2915 14.2917 18.1248 9.58334 18.1248ZM9.58334 2.2915C5.55834 2.2915 2.29167 5.5665 2.29167 9.58317C2.29167 13.5998 5.55834 16.8748 9.58334 16.8748C13.6083 16.8748 16.875 13.5998 16.875 9.58317C16.875 5.5665 13.6083 2.2915 9.58334 2.2915Z",
-            fill: "#525252"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          "path",
-          {
-            d: "M18.3333 18.9585C18.175 18.9585 18.0167 18.9002 17.8917 18.7752L16.225 17.1085C15.9833 16.8669 15.9833 16.4669 16.225 16.2252C16.4667 15.9835 16.8667 15.9835 17.1083 16.2252L18.775 17.8919C19.0167 18.1335 19.0167 18.5335 18.775 18.7752C18.65 18.9002 18.4917 18.9585 18.3333 18.9585Z",
-            fill: "#525252"
-          }
-        )
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        "path",
+        {
+          d: "M14.5232 13.4627L17.7355 16.6742L16.6742 17.7355L13.4627 14.5232C12.2678 15.4812 10.7815 16.0022 9.25 16C5.524 16 2.5 12.976 2.5 9.25C2.5 5.524 5.524 2.5 9.25 2.5C12.976 2.5 16 5.524 16 9.25C16.0022 10.7815 15.4812 12.2678 14.5232 13.4627ZM13.0187 12.9062C13.9706 11.9274 14.5021 10.6153 14.5 9.25C14.5 6.349 12.1502 4 9.25 4C6.349 4 4 6.349 4 9.25C4 12.1502 6.349 14.5 9.25 14.5C10.6153 14.5021 11.9274 13.9706 12.9062 13.0187L13.0187 12.9062Z",
+          fill: "#AEAEAE"
+        }
+      )
     }
   );
 };
@@ -12018,7 +12009,8 @@ var TableBodyRow = (props) => {
     checked,
     isForm,
     typeCo,
-    selectedRowKeys
+    selectedRowKeys,
+    isEditTable
   } = props;
   const [isAutoSelect, setIsAutoSelect] = (0, import_react11.useState)(false);
   const rootStyle = getComputedStyle(document.documentElement);
@@ -12063,16 +12055,16 @@ var TableBodyRow = (props) => {
         checkedAll,
         setIsAutoSelect,
         isAutoSelect,
-        s: true,
         selectedRowKeysRef,
-        setSelectedRowKeys
+        setSelectedRowKeys,
+        isEditTable
       },
       `record-${index4}`
     );
   }) : !isForm && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("td", { className: "w-full", colSpan: columns?.length + 2, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "div",
     {
-      className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-20"}`,
+      className: `flex flex-col items-center justify-center gap-3 ${typeCo === "form" ? "my-6" : "my-2"}`,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(EmptyData, { className: colorPrimary }),
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
@@ -12081,7 +12073,7 @@ var TableBodyRow = (props) => {
   ) }) });
 };
 var TableBody = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tbody", { className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableBodyRow, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("tbody", { className: "overflow-hidden z-0", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TableBodyRow, { ...props }) });
 };
 
 // src/widgets/advanced/table/table-filter.tsx
@@ -12331,11 +12323,11 @@ var TableHead = (props) => {
     onRemoveRow,
     onToggleColumnOptional
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-[0]", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+  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-[#DEE7DD] sticky top-0 bg-[#eff1f2] z-[1]",
+      className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
       children: [
         isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "th",
@@ -17815,8 +17807,8 @@ 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-[#f7f7f7] border border-[#f7f7f7] rounded-[10px] px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content 
-                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]"}
+              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 
+                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
                 `
             }
           ),
@@ -32461,8 +32453,8 @@ var FloatField = (props) => {
               placeholder,
               required: !invisible && required,
               style: invisible ? { display: "none" } : {},
-              className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px] px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content 
-                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]"}
+              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 
+                  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
                 `
             }
           ),
@@ -32636,8 +32628,8 @@ var HtmlField = (props) => {
             ref: divRef,
             contentEditable: !readonly,
             onInput: handleInput,
-            className: `${!isForm ? "!bg-transparent focus-within:!border-none" : `rounded-[10px] border min-h-[44px] w-full ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0  border-[#f7f7f7] bg-[#f7f7f7] 
-                  px-3 py-3 pl-2 font-normal text-[14px] gap-2 leading-[1.5]
+            className: `${!isForm ? "!bg-transparent focus-within:!border-none" : `rounded-lg border min-h-[44px] w-full ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0  border-[rgba(66,66,66,0.12)] bg-white 
+                  p-2 pl-3 font-normal text-sm gap-2 leading-5
                   resize-none opacity-100 overflow-hidden 
                
                 `}`
@@ -32815,12 +32807,12 @@ var Many2ManyTagField = (props) => {
               onChange: handleChange,
               classNames: isEditTable ? {
                 valueContainer: () => "overflow-unset !px-0",
-                control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-[300px] max-w-[300px] !shadow-none py-2 px-3 text-sm text-[#525866] font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
+                control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-[300px] max-w-[300px] !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
                 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",
-                control: ({ isFocused }) => `w-full flex ring-0 cursor-pointer outline-0 bg-[#f7f7f7] !shadow-none !rounded-[10px] px-3 py-[12px] text-sm text-[#525866] font-normal cursor-pointer gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content ${isFocused ? "!border-[1px] border-primary !ring-0 outline-none" : "border border-[#f7f7f7]"} ${readonly && "!cursor-not-allowed"}`,
+                control: ({ isFocused }) => `w-full flex ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-lg 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 ${isFocused ? "!border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"}`,
                 singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                 input: () => "!m-0 !p-0",
                 dropdownIndicator: () => "!m-0 !p-0"
@@ -33222,7 +33214,14 @@ var SelectDropdownField = (props) => {
     label: val[1]
   })) : [];
   if (!isForm) {
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { children: options2?.find((item) => item?.value === value)?.label });
+    const value2 = options2?.find((item) => item?.value === value2)?.label;
+    return value2 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      "span",
+      {
+        className: `${props.className} px-2 py-1 rounded border text-xs font-medium leading-[16px]`,
+        children: value2
+      }
+    );
   } else {
     return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       Controller,
@@ -33264,14 +33263,14 @@ var SelectDropdownField = (props) => {
               {
                 ...commonProps,
                 classNames: isEditTable ? {
-                  control: () => `w-full flex ring-0 cursor-pointer outline-0 !shadow-none py-[12px] px-3 text-sm text-[#525866] font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
+                  control: () => `w-full flex ring-0 cursor-pointer outline-0 !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
                   valueContainer: () => "!m-0 !p-0",
                   singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                   input: () => "!m-0 !p-0",
                   dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
                   clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
                 } : {
-                  control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 !bg-[#f7f7f7] !shadow-none !rounded-[10px] px-3 py-[12px] text-sm text-[#525866] font-normal cursor-pointer gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content ${isFocused ? "!border-[1px] border-primary  !ring-0 outline-none" : "border border-[#f7f7f7]"} `,
+                  control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 !bg-white !shadow-none !rounded-[8px] 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 ${isFocused ? "!border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} `,
                   valueContainer: () => "!m-0 !p-0",
                   singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                   input: () => "!m-0 !p-0",
@@ -33840,15 +33839,10 @@ var Many2OneField = (props) => {
     string,
     //return
     menuList,
-    handleChooseRecord,
-    handleClose,
-    selectedRowKeys,
     allowShowDetail,
     index: index4,
     contextObject,
     renderDetail,
-    isShowModalMany2Many,
-    initValue,
     tempSelectedOption,
     options: options2,
     fetchMoreOptions,
@@ -33906,7 +33900,10 @@ var Many2OneField = (props) => {
           name: name2 ?? "",
           control: methods?.control,
           rules: {
-            required: required ? { value: true, message: `${string} ${instance.t("must_required")}` } : false
+            required: required ? {
+              value: true,
+              message: `${string} ${instance.t("must_required")}`
+            } : false
           },
           render: ({ field, fieldState: { error: error2 } }) => {
             const currentValue = field?.value ? { value: field?.value?.id, label: field?.value?.display_name } : null;
@@ -33925,7 +33922,7 @@ var Many2OneField = (props) => {
                   menuShouldScrollIntoView: false,
                   options: options2,
                   classNames: {
-                    control: ({ isFocused }) => `w-full flex min-h-[44px]  ring-0 cursor-pointer outline-0 bg-[#f7f7f7] !shadow-none !rounded-[10px] px-3 py-[12px] text-sm text-[#525866] font-normal cursor-pointer gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content  ${isForm && (isFocused ? "!border-[1px] border-primary  !ring-0 outline-none" : "border border-[#f7f7f7]")} ${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] 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"}`,
                     valueContainer: () => "!m-0 !p-0",
                     singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
                     input: () => "!m-0 !p-0",