npm - @fctc/sme-widget-ui - Versions diffs - 1.3.2 → 1.3.4 - Mend

@fctc/sme-widget-ui 1.3.2 → 1.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/icons.d.mts CHANGED Viewed

@@ -12,7 +12,7 @@ declare const AttachIcon: () => JSX.Element;
 declare const BackIcon: () => JSX.Element;
-declare const CalandarIcon: () => JSX.Element;
+declare const CalendarIcon: () => JSX.Element;
 declare const CheckIcon: () => JSX.Element;
@@ -85,4 +85,4 @@ declare const GoogleIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGEle
 declare const EyeClosedIcon: () => JSX.Element;
-export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalandarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };
+export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };

package/dist/icons.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ declare const AttachIcon: () => JSX.Element;
 declare const BackIcon: () => JSX.Element;
-declare const CalandarIcon: () => JSX.Element;
+declare const CalendarIcon: () => JSX.Element;
 declare const CheckIcon: () => JSX.Element;
@@ -85,4 +85,4 @@ declare const GoogleIcon: ({ width, height, ...props }: React.SVGProps<SVGSVGEle
 declare const EyeClosedIcon: () => JSX.Element;
-export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalandarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };
+export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon };

package/dist/icons.js CHANGED Viewed

@@ -26,7 +26,7 @@ __export(icons_exports, {
   ArrowRightIcon: () => ArrowRightIcon,
   AttachIcon: () => AttachIcon,
   BackIcon: () => BackIcon,
-  CalandarIcon: () => CalandarIcon,
+  CalendarIcon: () => CalendarIcon,
   CheckIcon: () => CheckIcon,
   ChevronBottomIcon: () => ChevronBottomIcon,
   CloseIcon: () => CloseIcon,
@@ -198,9 +198,9 @@ var BackIcon = () => {
   );
 };
-// src/icons/calandar-icon.tsx
+// src/icons/calendar-icon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var CalandarIcon = () => {
+var CalendarIcon = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "svg",
     {
@@ -1810,7 +1810,7 @@ var EyeClosedIcon = () => {
   ArrowRightIcon,
   AttachIcon,
   BackIcon,
-  CalandarIcon,
+  CalendarIcon,
   CheckIcon,
   ChevronBottomIcon,
   CloseIcon,

package/dist/icons.mjs CHANGED Viewed

@@ -137,9 +137,9 @@ var BackIcon = () => {
   );
 };
-// src/icons/calandar-icon.tsx
+// src/icons/calendar-icon.tsx
 import { jsx as jsx7, jsxs } from "react/jsx-runtime";
-var CalandarIcon = () => {
+var CalendarIcon = () => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -1748,7 +1748,7 @@ export {
   ArrowRightIcon,
   AttachIcon,
   BackIcon,
-  CalandarIcon,
+  CalendarIcon,
   CheckIcon,
   ChevronBottomIcon,
   CloseIcon,

package/dist/index.d.mts CHANGED Viewed

@@ -1,5 +1,5 @@
 export { useClickOutside } from './hooks.mjs';
-export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalandarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon } from './icons.mjs';
+export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon } from './icons.mjs';
 export { IInputFieldProps, LoginData, LoginProps, Provider, ValuePropsType, loginSchema } from './types.mjs';
 export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, EmptyTable, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, IActiveBadgeProps, IAvatarProps, IBinaryFieldProps, IButtonBadgeProps, IButtonProps, ICharFieldProps, IColorFieldProps, IColorWrapperProps, ICopyLinkButtonProps, IDateFieldProps, IDownLoadBinary, IDownloadFileProps, IDurationProps, IFileUploadProps, IMany2ManyTagsProps, IMonetaryProps, IOptionProps, IPaginationProps, IPriorityFieldProps, IRadioGroupProps, IRatingStarProps, ISelectDropdownProps, IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, Many2ManyProps, Many2ManyTagField, Many2OneField, Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination } from './widgets.mjs';
 export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, convertTimeToFloat, formatFileSize, formatFloatNumber, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, typeStyles, useFormatDate, validateAndParseDate, validateInput } from './utils.mjs';

package/dist/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export { useClickOutside } from './hooks.js';
-export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalandarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon } from './icons.js';
+export { AddIcon, ArchiveIcon, ArrowDownIcon, ArrowRightIcon, AttachIcon, BackIcon, CalendarIcon, CheckIcon, ChevronBottomIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, ExcelIcon, ExportIcon, EyeClosedIcon, EyeIcon, FilterIcon, GoogleIcon, GroupByIcon, KanbanIcon, ListIcon, LoadingIcon, MoreIcon, PaidIcon, PdfIcon, PlaceHolderIcon, PlayIcon, ResetIcon, SearchIcon, SettingIcon, StarIcon, TriangleIcon, UnArchiveIcon, VectorIcon, ZipIcon } from './icons.js';
 export { IInputFieldProps, LoginData, LoginProps, Provider, ValuePropsType, loginSchema } from './types.js';
 export { ActiveBadgeField, AvatarField, BinaryField, ButtonBadgeField, ButtonField, ButtonSelectFiles, CharField, CheckboxField, ColorField, ColorWrapper, CopyLinkButtonField, DateField, DateOptionField, DownLoadBinaryField, DownloadFileField, DropdownField, EmptyTable, FeeField, FileUploadField, FloatField, FloatTimeField, HtmlField, IActiveBadgeProps, IAvatarProps, IBinaryFieldProps, IButtonBadgeProps, IButtonProps, ICharFieldProps, IColorFieldProps, IColorWrapperProps, ICopyLinkButtonProps, IDateFieldProps, IDownLoadBinary, IDownloadFileProps, IDurationProps, IFileUploadProps, IMany2ManyTagsProps, IMonetaryProps, IOptionProps, IPaginationProps, IPriorityFieldProps, IRadioGroupProps, IRatingStarProps, ISelectDropdownProps, IStatusDropdownFieldProps, ImageField, InfomationField, IntegerField, LayerLoading, LoadingSmall, Login, Many2ManyField, Many2ManyProps, Many2ManyTagField, Many2OneField, Many2OneProps, ModalConfirm, ModalDetail, ModalLayer, MonetaryField, PaginationView, PaidBadgedField, PriorityField, RadioGroupField, RatingStarField, RemainingDaysField, RenderFiles, Row, Search, SelectDropdownField, StatusBarOptionField, StatusDropdownField, StatusbarDurationField, TDropdownSelectorProps, TableBody, TableFilter, TableFooter, TableGroup, TableHead, TextAreaField, ToggleButtonField, VideoPlayer, usePagination } from './widgets.js';
 export { COLORS, DOTS, SearchType, checkIsImageLink, convertFloatToTime, convertTimeToFloat, formatFileSize, formatFloatNumber, formatNumberOnly, getPasswordMessage, isBase64Image, isObjectEmpty, parseFormattedNumber, range, typeStyles, useFormatDate, validateAndParseDate, validateInput } from './utils.js';

package/dist/index.js CHANGED Viewed

@@ -4951,7 +4951,7 @@ __export(index_exports, {
   ButtonField: () => ButtonField,
   ButtonSelectFiles: () => ButtonSelectFiles,
   COLORS: () => COLORS,
-  CalandarIcon: () => CalandarIcon,
+  CalendarIcon: () => CalendarIcon,
   CharField: () => CharField,
   CheckIcon: () => CheckIcon,
   CheckboxField: () => CheckboxField,
@@ -5225,9 +5225,9 @@ var BackIcon = () => {
   );
 };
-// src/icons/calandar-icon.tsx
+// src/icons/calendar-icon.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var CalandarIcon = () => {
+var CalendarIcon = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "svg",
     {
@@ -15419,7 +15419,7 @@ var Search = ({
     "div",
     {
       ref: popupFilterRef,
-      className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
+      className: `search gap-[8px] p-2 items-center flex !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SearchIcon, {}) }),
         /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
@@ -18122,7 +18122,8 @@ var BinaryField = (props) => {
     handleImageChange,
     handleRemoveImage,
     checkIsImageLink: checkIsImageLink2,
-    getImageBase64WithMimeType
+    getImageBase64WithMimeType,
+    image
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     Controller,
@@ -18135,7 +18136,7 @@ var BinaryField = (props) => {
           "div",
           {
             ref: binaryRef,
-            className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
+            className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
             children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative group", children: [
               renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                 "img",
@@ -18165,9 +18166,8 @@ var BinaryField = (props) => {
               "label",
               {
                 htmlFor: inputId,
-                className: `flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border-4 border-dashed border-gray-300 bg-white transition-colors duration-300 hover:bg-gray-200 ${readonly && "pointer-events-none"}`,
+                className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AddIcon, {}) }),
                   /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     "input",
                     {
@@ -18177,7 +18177,38 @@ var BinaryField = (props) => {
                       placeholder,
                       required: !invisible && required,
                       onChange: (e3) => handleImageChange(e3, field.onChange),
-                      className: "hidden"
+                      className: "hidden z-10 relative"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                    "div",
+                    {
+                      className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
+                      style: {
+                        bottom: "-8px",
+                        left: "-8px",
+                        boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 14 14",
+                          fill: "none",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                            "path",
+                            {
+                              "fill-rule": "evenodd",
+                              "clip-rule": "evenodd",
+                              d: "M13.1868 0.813097C12.7961 0.422532 12.2663 0.203125 11.7139 0.203125C11.1615 0.203125 10.6317 0.422532 10.241 0.813097L9.35765 1.69726L12.3035 4.64393L12.0085 4.9381L11.7143 5.2331L8.76765 2.28643L1.40182 9.65226C1.34395 9.7104 1.30452 9.78432 1.28848 9.86476L0.698483 12.8114C0.685057 12.8787 0.688459 12.9483 0.708387 13.014C0.728316 13.0796 0.764154 13.1394 0.812719 13.1878C0.861283 13.2363 0.92107 13.2721 0.986769 13.2919C1.05247 13.3117 1.12204 13.315 1.18932 13.3014L4.13515 12.7123C4.21599 12.6961 4.29023 12.6564 4.34848 12.5981L13.1868 3.75976C13.3803 3.5663 13.5338 3.33661 13.6386 3.08381C13.7433 2.83102 13.7972 2.56006 13.7972 2.28643C13.7972 2.0128 13.7433 1.74184 13.6386 1.48905C13.5338 1.23625 13.3803 1.00656 13.1868 0.813097Z",
+                              fill: "black"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ]
@@ -26398,7 +26429,7 @@ var Calendar = (
     return Calendar2;
   }(import_react42.Component)
 );
-var CalendarIcon = function(_a2) {
+var CalendarIcon2 = function(_a2) {
   var icon = _a2.icon, _b = _a2.className, className = _b === void 0 ? "" : _b, onClick = _a2.onClick;
   var defaultClass = "react-datepicker__calendar-icon";
   if (typeof icon === "string") {
@@ -27343,7 +27374,7 @@ var DatePicker = (
       return import_react42.default.createElement(
         "div",
         { className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "") },
-        showIcon && import_react42.default.createElement(CalendarIcon, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
+        showIcon && import_react42.default.createElement(CalendarIcon2, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
           onClick: this.toggleCalendar
         } : null)),
         this.state.isRenderAriaLiveMessage && this.renderAriaLiveRegion(),
@@ -32466,7 +32497,7 @@ var DateField = (props) => {
           value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
         }
       ),
-      isForm2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalandarIcon, {})
+      isForm2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalendarIcon, {})
     ] })
   );
   if (!isForm && !isEditTable) {
@@ -34222,6 +34253,7 @@ var Many2ManyField = (props) => {
     setPage,
     evalJSONContext,
     searchController,
+    tableGroupController,
     viewData,
     setDomain,
     isDisplayCheckbox,
@@ -34251,7 +34283,7 @@ var Many2ManyField = (props) => {
       "div",
       {
         style: {
-          zIndex: 99999
+          zIndex: 999
         },
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
@@ -34345,6 +34377,7 @@ var Many2ManyField = (props) => {
                               /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                                 TableBody,
                                 {
+                                  tableGroupController,
                                   columns,
                                   rows,
                                   rootField,
@@ -34551,7 +34584,7 @@ var Many2OneField = (props) => {
                   classNames: {
                     control: ({ isFocused }) => `w-full flex h-full 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]" : ""}`,
+                    singleValue: () => `!m-0`,
                     input: () => "!m-0 !p-0",
                     dropdownIndicator: () => `${isEditTable ? "invisible group-hover:visible" : ""} !m-0 !p-0`,
                     clearIndicator: () => `${isEditTable ? "invisible group-hover:visible !m-0 !p-0" : ""} `,
@@ -34866,7 +34899,7 @@ var DateOptionField = (props) => {
   ButtonField,
   ButtonSelectFiles,
   COLORS,
-  CalandarIcon,
+  CalendarIcon,
   CharField,
   CheckIcon,
   CheckboxField,

package/dist/index.mjs CHANGED Viewed

@@ -5106,9 +5106,9 @@ var BackIcon = () => {
   );
 };
-// src/icons/calandar-icon.tsx
+// src/icons/calendar-icon.tsx
 import { jsx as jsx7, jsxs } from "react/jsx-runtime";
-var CalandarIcon = () => {
+var CalendarIcon = () => {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -15300,7 +15300,7 @@ var Search = ({
     "div",
     {
       ref: popupFilterRef,
-      className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
+      className: `search gap-[8px] p-2 items-center flex !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
       children: [
         /* @__PURE__ */ jsx58("div", { className: "size-5", children: /* @__PURE__ */ jsx58(SearchIcon, {}) }),
         /* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
@@ -18003,7 +18003,8 @@ var BinaryField = (props) => {
     handleImageChange,
     handleRemoveImage,
     checkIsImageLink: checkIsImageLink2,
-    getImageBase64WithMimeType
+    getImageBase64WithMimeType,
+    image
   } = props;
   return /* @__PURE__ */ jsx69(
     Controller,
@@ -18016,7 +18017,7 @@ var BinaryField = (props) => {
           "div",
           {
             ref: binaryRef,
-            className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
+            className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
             children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
               renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx69(
                 "img",
@@ -18046,9 +18047,8 @@ var BinaryField = (props) => {
               "label",
               {
                 htmlFor: inputId,
-                className: `flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border-4 border-dashed border-gray-300 bg-white transition-colors duration-300 hover:bg-gray-200 ${readonly && "pointer-events-none"}`,
+                className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
                 children: [
-                  /* @__PURE__ */ jsx69("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ jsx69(AddIcon, {}) }),
                   /* @__PURE__ */ jsx69(
                     "input",
                     {
@@ -18058,7 +18058,38 @@ var BinaryField = (props) => {
                       placeholder,
                       required: !invisible && required,
                       onChange: (e3) => handleImageChange(e3, field.onChange),
-                      className: "hidden"
+                      className: "hidden z-10 relative"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx69("img", { src: image, alt: "", className: "z-0 relative" }),
+                  /* @__PURE__ */ jsx69(
+                    "div",
+                    {
+                      className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
+                      style: {
+                        bottom: "-8px",
+                        left: "-8px",
+                        boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
+                      },
+                      children: /* @__PURE__ */ jsx69(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 14 14",
+                          fill: "none",
+                          children: /* @__PURE__ */ jsx69(
+                            "path",
+                            {
+                              "fill-rule": "evenodd",
+                              "clip-rule": "evenodd",
+                              d: "M13.1868 0.813097C12.7961 0.422532 12.2663 0.203125 11.7139 0.203125C11.1615 0.203125 10.6317 0.422532 10.241 0.813097L9.35765 1.69726L12.3035 4.64393L12.0085 4.9381L11.7143 5.2331L8.76765 2.28643L1.40182 9.65226C1.34395 9.7104 1.30452 9.78432 1.28848 9.86476L0.698483 12.8114C0.685057 12.8787 0.688459 12.9483 0.708387 13.014C0.728316 13.0796 0.764154 13.1394 0.812719 13.1878C0.861283 13.2363 0.92107 13.2721 0.986769 13.2919C1.05247 13.3117 1.12204 13.315 1.18932 13.3014L4.13515 12.7123C4.21599 12.6961 4.29023 12.6564 4.34848 12.5981L13.1868 3.75976C13.3803 3.5663 13.5338 3.33661 13.6386 3.08381C13.7433 2.83102 13.7972 2.56006 13.7972 2.28643C13.7972 2.0128 13.7433 1.74184 13.6386 1.48905C13.5338 1.23625 13.3803 1.00656 13.1868 0.813097Z",
+                              fill: "black"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ]
@@ -26279,7 +26310,7 @@ var Calendar = (
     return Calendar2;
   }(Component)
 );
-var CalendarIcon = function(_a2) {
+var CalendarIcon2 = function(_a2) {
   var icon = _a2.icon, _b = _a2.className, className = _b === void 0 ? "" : _b, onClick = _a2.onClick;
   var defaultClass = "react-datepicker__calendar-icon";
   if (typeof icon === "string") {
@@ -27224,7 +27255,7 @@ var DatePicker = (
       return React9.createElement(
         "div",
         { className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "") },
-        showIcon && React9.createElement(CalendarIcon, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
+        showIcon && React9.createElement(CalendarIcon2, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
           onClick: this.toggleCalendar
         } : null)),
         this.state.isRenderAriaLiveMessage && this.renderAriaLiveRegion(),
@@ -32347,7 +32378,7 @@ var DateField = (props) => {
           value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
         }
       ),
-      isForm2 && /* @__PURE__ */ jsx80(CalandarIcon, {})
+      isForm2 && /* @__PURE__ */ jsx80(CalendarIcon, {})
     ] })
   );
   if (!isForm && !isEditTable) {
@@ -34103,6 +34134,7 @@ var Many2ManyField = (props) => {
     setPage,
     evalJSONContext,
     searchController,
+    tableGroupController,
     viewData,
     setDomain,
     isDisplayCheckbox,
@@ -34132,7 +34164,7 @@ var Many2ManyField = (props) => {
       "div",
       {
         style: {
-          zIndex: 99999
+          zIndex: 999
         },
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
@@ -34226,6 +34258,7 @@ var Many2ManyField = (props) => {
                               /* @__PURE__ */ jsx103(
                                 TableBody,
                                 {
+                                  tableGroupController,
                                   columns,
                                   rows,
                                   rootField,
@@ -34432,7 +34465,7 @@ var Many2OneField = (props) => {
                   classNames: {
                     control: ({ isFocused }) => `w-full flex h-full 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]" : ""}`,
+                    singleValue: () => `!m-0`,
                     input: () => "!m-0 !p-0",
                     dropdownIndicator: () => `${isEditTable ? "invisible group-hover:visible" : ""} !m-0 !p-0`,
                     clearIndicator: () => `${isEditTable ? "invisible group-hover:visible !m-0 !p-0" : ""} `,
@@ -34746,7 +34779,7 @@ export {
   ButtonField,
   ButtonSelectFiles,
   COLORS,
-  CalandarIcon,
+  CalendarIcon,
   CharField,
   CheckIcon,
   CheckboxField,

package/dist/widgets.d.mts CHANGED Viewed

@@ -166,6 +166,7 @@ interface IBinaryFieldProps extends IInputFieldProps {
     handleRemoveImage: any;
     checkIsImageLink: any;
     getImageBase64WithMimeType: any;
+    image: any;
 }
 declare const BinaryField: (props: IBinaryFieldProps) => JSX.Element;
@@ -423,6 +424,7 @@ interface Many2ManyProps extends IInputFieldProps {
     setPage?: (page: number) => void;
     setDomain?: Dispatch<SetStateAction<any>>;
     searchController: SearchController;
+    tableGroupController: (props: TableGroupControllerProps) => TableGroupControllerReturn;
     evalJSONContext?: any;
     checkedAll?: any;
     handleCheckBoxAll?: any;

package/dist/widgets.d.ts CHANGED Viewed

@@ -166,6 +166,7 @@ interface IBinaryFieldProps extends IInputFieldProps {
     handleRemoveImage: any;
     checkIsImageLink: any;
     getImageBase64WithMimeType: any;
+    image: any;
 }
 declare const BinaryField: (props: IBinaryFieldProps) => JSX.Element;
@@ -423,6 +424,7 @@ interface Many2ManyProps extends IInputFieldProps {
     setPage?: (page: number) => void;
     setDomain?: Dispatch<SetStateAction<any>>;
     searchController: SearchController;
+    tableGroupController: (props: TableGroupControllerProps) => TableGroupControllerReturn;
     evalJSONContext?: any;
     checkedAll?: any;
     handleCheckBoxAll?: any;

package/dist/widgets.js CHANGED Viewed

@@ -8148,26 +8148,6 @@ var loadLanguages2 = instance.loadLanguages;
 // src/icons/add-icon.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var AddIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "path",
-        {
-          d: "M8.09961 4.30078V7.90039H11.7002V8.10059H8.09961V11.7012H7.89941V8.10059H4.2998V7.90039H7.89941V4.30078H8.09961Z",
-          fill: "#060606",
-          stroke: "currentColor"
-        }
-      )
-    }
-  );
-};
 // src/icons/archive-icon.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -8204,9 +8184,9 @@ var AttachIcon = () => {
 // src/icons/back-icon.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-// src/icons/calandar-icon.tsx
+// src/icons/calendar-icon.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var CalandarIcon = () => {
+var CalendarIcon = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
@@ -15065,7 +15045,7 @@ var Search = ({
     "div",
     {
       ref: popupFilterRef,
-      className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
+      className: `search gap-[8px] p-2 items-center flex !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "size-5", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SearchIcon, {}) }),
         /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
@@ -17768,7 +17748,8 @@ var BinaryField = (props) => {
     handleImageChange,
     handleRemoveImage,
     checkIsImageLink: checkIsImageLink2,
-    getImageBase64WithMimeType
+    getImageBase64WithMimeType,
+    image
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     Controller,
@@ -17781,7 +17762,7 @@ var BinaryField = (props) => {
           "div",
           {
             ref: binaryRef,
-            className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
+            className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
             children: renderImage ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "relative group", children: [
               renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                 "img",
@@ -17811,9 +17792,8 @@ var BinaryField = (props) => {
               "label",
               {
                 htmlFor: inputId,
-                className: `flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border-4 border-dashed border-gray-300 bg-white transition-colors duration-300 hover:bg-gray-200 ${readonly && "pointer-events-none"}`,
+                className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(AddIcon, {}) }),
                   /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     "input",
                     {
@@ -17823,7 +17803,38 @@ var BinaryField = (props) => {
                       placeholder,
                       required: !invisible && required,
                       onChange: (e3) => handleImageChange(e3, field.onChange),
-                      className: "hidden"
+                      className: "hidden z-10 relative"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("img", { src: image, alt: "", className: "z-0 relative" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                    "div",
+                    {
+                      className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
+                      style: {
+                        bottom: "-8px",
+                        left: "-8px",
+                        boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
+                      },
+                      children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 14 14",
+                          fill: "none",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+                            "path",
+                            {
+                              "fill-rule": "evenodd",
+                              "clip-rule": "evenodd",
+                              d: "M13.1868 0.813097C12.7961 0.422532 12.2663 0.203125 11.7139 0.203125C11.1615 0.203125 10.6317 0.422532 10.241 0.813097L9.35765 1.69726L12.3035 4.64393L12.0085 4.9381L11.7143 5.2331L8.76765 2.28643L1.40182 9.65226C1.34395 9.7104 1.30452 9.78432 1.28848 9.86476L0.698483 12.8114C0.685057 12.8787 0.688459 12.9483 0.708387 13.014C0.728316 13.0796 0.764154 13.1394 0.812719 13.1878C0.861283 13.2363 0.92107 13.2721 0.986769 13.2919C1.05247 13.3117 1.12204 13.315 1.18932 13.3014L4.13515 12.7123C4.21599 12.6961 4.29023 12.6564 4.34848 12.5981L13.1868 3.75976C13.3803 3.5663 13.5338 3.33661 13.6386 3.08381C13.7433 2.83102 13.7972 2.56006 13.7972 2.28643C13.7972 2.0128 13.7433 1.74184 13.6386 1.48905C13.5338 1.23625 13.3803 1.00656 13.1868 0.813097Z",
+                              fill: "black"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ]
@@ -26044,7 +26055,7 @@ var Calendar = (
     return Calendar2;
   }(import_react42.Component)
 );
-var CalendarIcon = function(_a2) {
+var CalendarIcon2 = function(_a2) {
   var icon = _a2.icon, _b = _a2.className, className = _b === void 0 ? "" : _b, onClick = _a2.onClick;
   var defaultClass = "react-datepicker__calendar-icon";
   if (typeof icon === "string") {
@@ -26989,7 +27000,7 @@ var DatePicker = (
       return import_react42.default.createElement(
         "div",
         { className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "") },
-        showIcon && import_react42.default.createElement(CalendarIcon, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
+        showIcon && import_react42.default.createElement(CalendarIcon2, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
           onClick: this.toggleCalendar
         } : null)),
         this.state.isRenderAriaLiveMessage && this.renderAriaLiveRegion(),
@@ -32112,7 +32123,7 @@ var DateField = (props) => {
           value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
         }
       ),
-      isForm2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalandarIcon, {})
+      isForm2 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(CalendarIcon, {})
     ] })
   );
   if (!isForm && !isEditTable) {
@@ -33868,6 +33879,7 @@ var Many2ManyField = (props) => {
     setPage,
     evalJSONContext,
     searchController,
+    tableGroupController,
     viewData,
     setDomain,
     isDisplayCheckbox,
@@ -33897,7 +33909,7 @@ var Many2ManyField = (props) => {
       "div",
       {
         style: {
-          zIndex: 99999
+          zIndex: 999
         },
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
@@ -33991,6 +34003,7 @@ var Many2ManyField = (props) => {
                               /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                                 TableBody,
                                 {
+                                  tableGroupController,
                                   columns,
                                   rows,
                                   rootField,
@@ -34197,7 +34210,7 @@ var Many2OneField = (props) => {
                   classNames: {
                     control: ({ isFocused }) => `w-full flex h-full 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]" : ""}`,
+                    singleValue: () => `!m-0`,
                     input: () => "!m-0 !p-0",
                     dropdownIndicator: () => `${isEditTable ? "invisible group-hover:visible" : ""} !m-0 !p-0`,
                     clearIndicator: () => `${isEditTable ? "invisible group-hover:visible !m-0 !p-0" : ""} `,

package/dist/widgets.mjs CHANGED Viewed

@@ -8085,26 +8085,6 @@ var loadLanguages2 = instance.loadLanguages;
 // src/icons/add-icon.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var AddIcon = () => {
-  return /* @__PURE__ */ jsx3(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "none",
-      children: /* @__PURE__ */ jsx3(
-        "path",
-        {
-          d: "M8.09961 4.30078V7.90039H11.7002V8.10059H8.09961V11.7012H7.89941V8.10059H4.2998V7.90039H7.89941V4.30078H8.09961Z",
-          fill: "#060606",
-          stroke: "currentColor"
-        }
-      )
-    }
-  );
-};
 // src/icons/archive-icon.tsx
 import { jsx as jsx4 } from "react/jsx-runtime";
@@ -8141,9 +8121,9 @@ var AttachIcon = () => {
 // src/icons/back-icon.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
-// src/icons/calandar-icon.tsx
+// src/icons/calendar-icon.tsx
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-var CalandarIcon = () => {
+var CalendarIcon = () => {
   return /* @__PURE__ */ jsxs2(
     "svg",
     {
@@ -15002,7 +14982,7 @@ var Search = ({
     "div",
     {
       ref: popupFilterRef,
-      className: `search gap-[8px] p-2 items-center ${selectedRowKeys?.length <= 0 ? "flex" : "hidden"} !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
+      className: `search gap-[8px] p-2 items-center flex !order-3 xl:!order-2 bg-white custom-search-input relative flex-1 xl:min-w-[480px] xl:flex-1 rounded-[10px] shadow-[0px_1px_3px_rgba(16,24,40,0.1),0px_1px_2px_rgba(16,24,40,0.06)] min-h-[40px] border border-[var(--stroke-default)]`,
       children: [
         /* @__PURE__ */ jsx58("div", { className: "size-5", children: /* @__PURE__ */ jsx58(SearchIcon, {}) }),
         /* @__PURE__ */ jsxs38("div", { className: "flex flex-1 flex-wrap items-center gap-[8px]", children: [
@@ -17705,7 +17685,8 @@ var BinaryField = (props) => {
     handleImageChange,
     handleRemoveImage,
     checkIsImageLink: checkIsImageLink2,
-    getImageBase64WithMimeType
+    getImageBase64WithMimeType,
+    image
   } = props;
   return /* @__PURE__ */ jsx69(
     Controller,
@@ -17718,7 +17699,7 @@ var BinaryField = (props) => {
           "div",
           {
             ref: binaryRef,
-            className: "relative flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
+            className: "flex w-fit items-center gap-4 rounded-lg shadow-md mb-11",
             children: renderImage ? /* @__PURE__ */ jsxs47("div", { className: "relative group", children: [
               renderImage && checkIsImageLink2(renderImage) ? /* @__PURE__ */ jsx69(
                 "img",
@@ -17748,9 +17729,8 @@ var BinaryField = (props) => {
               "label",
               {
                 htmlFor: inputId,
-                className: `flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border-4 border-dashed border-gray-300 bg-white transition-colors duration-300 hover:bg-gray-200 ${readonly && "pointer-events-none"}`,
+                className: `relative p-2 flex h-32 w-32 cursor-pointer items-center justify-center rounded-lg border border-gray-300 hover:border-gray-500 bg-white transition-colors duration-300 ${readonly && "pointer-events-none"}`,
                 children: [
-                  /* @__PURE__ */ jsx69("div", { className: "w-[48px] h-[48px]", children: /* @__PURE__ */ jsx69(AddIcon, {}) }),
                   /* @__PURE__ */ jsx69(
                     "input",
                     {
@@ -17760,7 +17740,38 @@ var BinaryField = (props) => {
                       placeholder,
                       required: !invisible && required,
                       onChange: (e3) => handleImageChange(e3, field.onChange),
-                      className: "hidden"
+                      className: "hidden z-10 relative"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx69("img", { src: image, alt: "", className: "z-0 relative" }),
+                  /* @__PURE__ */ jsx69(
+                    "div",
+                    {
+                      className: "absolute size-8 bg-white rounded-full flex justify-center items-center z-20",
+                      style: {
+                        bottom: "-8px",
+                        left: "-8px",
+                        boxShadow: "0 1px 2px 0 rgba(228, 229, 231, 0.24)"
+                      },
+                      children: /* @__PURE__ */ jsx69(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "14",
+                          height: "14",
+                          viewBox: "0 0 14 14",
+                          fill: "none",
+                          children: /* @__PURE__ */ jsx69(
+                            "path",
+                            {
+                              "fill-rule": "evenodd",
+                              "clip-rule": "evenodd",
+                              d: "M13.1868 0.813097C12.7961 0.422532 12.2663 0.203125 11.7139 0.203125C11.1615 0.203125 10.6317 0.422532 10.241 0.813097L9.35765 1.69726L12.3035 4.64393L12.0085 4.9381L11.7143 5.2331L8.76765 2.28643L1.40182 9.65226C1.34395 9.7104 1.30452 9.78432 1.28848 9.86476L0.698483 12.8114C0.685057 12.8787 0.688459 12.9483 0.708387 13.014C0.728316 13.0796 0.764154 13.1394 0.812719 13.1878C0.861283 13.2363 0.92107 13.2721 0.986769 13.2919C1.05247 13.3117 1.12204 13.315 1.18932 13.3014L4.13515 12.7123C4.21599 12.6961 4.29023 12.6564 4.34848 12.5981L13.1868 3.75976C13.3803 3.5663 13.5338 3.33661 13.6386 3.08381C13.7433 2.83102 13.7972 2.56006 13.7972 2.28643C13.7972 2.0128 13.7433 1.74184 13.6386 1.48905C13.5338 1.23625 13.3803 1.00656 13.1868 0.813097Z",
+                              fill: "black"
+                            }
+                          )
+                        }
+                      )
                     }
                   )
                 ]
@@ -25981,7 +25992,7 @@ var Calendar = (
     return Calendar2;
   }(Component)
 );
-var CalendarIcon = function(_a2) {
+var CalendarIcon2 = function(_a2) {
   var icon = _a2.icon, _b = _a2.className, className = _b === void 0 ? "" : _b, onClick = _a2.onClick;
   var defaultClass = "react-datepicker__calendar-icon";
   if (typeof icon === "string") {
@@ -26926,7 +26937,7 @@ var DatePicker = (
       return React9.createElement(
         "div",
         { className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "") },
-        showIcon && React9.createElement(CalendarIcon, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
+        showIcon && React9.createElement(CalendarIcon2, _assign({ icon, className: clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, toggleCalendarOnIconClick ? {
           onClick: this.toggleCalendar
         } : null)),
         this.state.isRenderAriaLiveMessage && this.renderAriaLiveRegion(),
@@ -32049,7 +32060,7 @@ var DateField = (props) => {
           value: defaultValue && (0, import_moment2.default)(defaultValue).isValid() ? (0, import_moment2.default)(defaultValue).add(7, "hours").format(formatDate2) : ""
         }
       ),
-      isForm2 && /* @__PURE__ */ jsx80(CalandarIcon, {})
+      isForm2 && /* @__PURE__ */ jsx80(CalendarIcon, {})
     ] })
   );
   if (!isForm && !isEditTable) {
@@ -33805,6 +33816,7 @@ var Many2ManyField = (props) => {
     setPage,
     evalJSONContext,
     searchController,
+    tableGroupController,
     viewData,
     setDomain,
     isDisplayCheckbox,
@@ -33834,7 +33846,7 @@ var Many2ManyField = (props) => {
       "div",
       {
         style: {
-          zIndex: 99999
+          zIndex: 999
         },
         className: "fixed bottom-0 left-0 right-0 top-0",
         children: [
@@ -33928,6 +33940,7 @@ var Many2ManyField = (props) => {
                               /* @__PURE__ */ jsx103(
                                 TableBody,
                                 {
+                                  tableGroupController,
                                   columns,
                                   rows,
                                   rootField,
@@ -34134,7 +34147,7 @@ var Many2OneField = (props) => {
                   classNames: {
                     control: ({ isFocused }) => `w-full flex h-full 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]" : ""}`,
+                    singleValue: () => `!m-0`,
                     input: () => "!m-0 !p-0",
                     dropdownIndicator: () => `${isEditTable ? "invisible group-hover:visible" : ""} !m-0 !p-0`,
                     clearIndicator: () => `${isEditTable ? "invisible group-hover:visible !m-0 !p-0" : ""} `,

package/package.json CHANGED Viewed

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