impact-ui 4.0.0-alpha.16 → 4.0.0-alpha.18

package/dist/_virtual/index3.js

@@ -1,6 +1,4 @@
-import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
+var reactIs = { exports: {} };
 export {
-  require$$1 as default
+  reactIs as __module
 };

package/dist/_virtual/index4.js

@@ -1,6 +1,6 @@
 import { getAugmentedNamespace } from "./_commonjsHelpers.js";
-import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/formatMuiErrorMessage/index.js";
+const require$$1 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  require$$2 as default
+  require$$1 as default
 };

package/dist/_virtual/index5.js

@@ -1,4 +1,6 @@
-var reactIs = { exports: {} };
+import { getAugmentedNamespace } from "./_commonjsHelpers.js";
+import * as index from "../node_modules/@mui/system/node_modules/@mui/utils/esm/clamp/index.js";
+const require$$2 = /* @__PURE__ */ getAugmentedNamespace(index);
 export {
-  reactIs as __module
+  require$$2 as default
 };

package/dist/components/DatePicker/showMonthYearSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"showMonthYearSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/showMonthYearSelect.tsx"],"names":[],"mappings":"AAIA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,WAAW,kCAAkC;IACjD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAID,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,KAAK,EACL,aAAa,EACb,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,kCAAkC,2CA4EpC"}
+{"version":3,"file":"showMonthYearSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/showMonthYearSelect.tsx"],"names":[],"mappings":"AAIA,OAAe,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,WAAW,kCAAkC;IACjD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAkCD,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,KAAK,EACL,aAAa,EACb,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,kCAAkC,2CA8EpC"}

package/dist/components/DatePicker/showMonthYearSelect.js

@@ -5,6 +5,35 @@ import FormControl from "../../node_modules/@mui/material/FormControl/FormContro
 import Select from "../../node_modules/@mui/material/Select/Select.js";
 import MenuItem from "../../node_modules/@mui/material/MenuItem/MenuItem.js";
 const DEFAULT_YEARS_COUNT = 10;
+const selectMenuProps = {
+  anchorOrigin: {
+    vertical: "bottom",
+    horizontal: "left"
+  },
+  transformOrigin: {
+    vertical: "top",
+    horizontal: "left"
+  },
+  slotProps: {
+    paper: {
+      sx: {
+        zIndex: 999999,
+        maxHeight: 300,
+        marginTop: "4px"
+      }
+    },
+    root: {
+      sx: {
+        zIndex: 999999
+      }
+    }
+  },
+  MenuListProps: {
+    sx: {
+      maxHeight: 280
+    }
+  }
+};
 function ShowMonthYearSelect({
   customYears,
   month,
@@ -46,6 +75,7 @@ function ShowMonthYearSelect({
       {
         displayEmpty: true,
         id: "date-picker-month-select",
+        MenuProps: selectMenuProps,
         size: "small",
         sx: { height: 32, fontSize: 14 },
         value: monthValue,
@@ -60,6 +90,7 @@ function ShowMonthYearSelect({
       {
         displayEmpty: true,
         id: "date-picker-year-select",
+        MenuProps: selectMenuProps,
         size: "small",
         sx: { height: 32, fontSize: 14 },
         value: yearValue,

package/dist/components/DateRangePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAKhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AAEvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,eAAe,wHA2U3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,wBAAwB,CAAC;AAKhC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,qCAAqC,CAAC;AAC7C,OAAO,+BAA+B,CAAC;AAEvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,eAAe,wHA2V3B,CAAC"}

package/dist/components/DateRangePicker/index.js

@@ -144,6 +144,20 @@ const DateRangePicker = forwardRef(
         document.removeEventListener("mousedown", handleClickOutside);
       };
     }, [handleClickOutside]);
+    useEffect(() => {
+      if (!isAgGridCellRenderer) {
+        return void 0;
+      }
+      setIsOpen(true);
+      setFocusedInput("startDate");
+      const timer = window.setTimeout(() => {
+        var _a;
+        (_a = startDateInputRef.current) == null ? void 0 : _a.focus();
+      }, 0);
+      return () => {
+        window.clearTimeout(timer);
+      };
+    }, [isAgGridCellRenderer]);
     const handleResetDates = useCallback(() => {
       resetClicked.current = true;
       setHasInputErrors(false);

package/dist/components/Table/AgGridHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AAwBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDA+3BA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AAwBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDAy5BA;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Table/AgGridHeader.js

@@ -27,7 +27,7 @@ function AgGridHeader({
   enableHeaderTextWrap = true,
   ...rest
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka;
   if (!rest.column || !rest.api) {
     return null;
   }
@@ -268,7 +268,7 @@ function AgGridHeader({
   };
   const applyFilterToGrid = (inputValue, filterType) => {
     var _a2;
-    const currentFilterModel = rest.sortModel || rest.api.getFilterModel();
+    const currentFilterModel = rest.api.getFilterModel();
     const filterEntry = buildFilterModelEntry(inputValue, filterType, (_a2 = rest.column) == null ? void 0 : _a2.colDef);
     if (filterEntry === void 0) {
       delete currentFilterModel[rest.column.colId];
@@ -287,12 +287,26 @@ function AgGridHeader({
       }
     }, 100);
   };
-  const debouncedHandleSearchChange = useCallback(
+  const handleSearchChangeRef = useRef(handleSearchChange);
+  handleSearchChangeRef.current = handleSearchChange;
+  const debouncedFnRef = useRef(
     debounce((value) => {
-      handleSearchChange(value);
-    }, debounceTime),
-    []
+      handleSearchChangeRef.current(value);
+    }, debounceTime || 300)
   );
+  useEffect(() => {
+    debouncedFnRef.current = debounce((value) => {
+      handleSearchChangeRef.current(value);
+    }, debounceTime || 300);
+  }, [debounceTime]);
+  const handleSearchInputChange = useCallback((value) => {
+    if (value === "" || value === null || value === void 0) {
+      debouncedFnRef.current.cancel();
+      handleSearchChangeRef.current(value);
+    } else {
+      debouncedFnRef.current(value);
+    }
+  }, []);
   const handleSearch = (e) => {
     var _a2, _b2, _c2, _d2;
     e.stopPropagation();
@@ -318,6 +332,7 @@ function AgGridHeader({
   };
   const onCloseIconClick = (colId) => {
     var _a2, _b2, _c2, _d2;
+    debouncedFnRef.current.cancel();
     setSearchText("");
     setSelectedDropdownOption(null);
     setSelectedDate(null);
@@ -428,20 +443,20 @@ function AgGridHeader({
     "div",
     {
       ref: containerRef,
-      className: `custom-ag-header-container ${((_p = (_o = rest.column) == null ? void 0 : _o.colDef) == null ? void 0 : _p.checkboxSelection) ? "checkbox-selection" : ""}`,
+      className: `custom-ag-header-container ${((_p = (_o = rest.column) == null ? void 0 : _o.colDef) == null ? void 0 : _p.checkboxSelection) ? "checkbox-selection" : ""} ${((_r = (_q = rest.column) == null ? void 0 : _q.colDef) == null ? void 0 : _r.customHeaderIcons) || !((_t = (_s = rest.column) == null ? void 0 : _s.colDef) == null ? void 0 : _t.suppressMenu) || ((_v = (_u = rest.column) == null ? void 0 : _u.colDef) == null ? void 0 : _v.isSearchable) ? "with-icons" : ""}`,
       onClick: () => rest.onClick(),
       children: showDatePicker ? /* @__PURE__ */ jsxs(
         "div",
         {
-          className: `ia-search-input-field ${(columnWidth[(_q = rest.column) == null ? void 0 : _q.colId] ?? ((_r = rest.column) == null ? void 0 : _r.actualWidth)) < 200 ? "ia-search-input-narrow" : ""}`,
+          className: `ia-search-input-field ${(columnWidth[(_w = rest.column) == null ? void 0 : _w.colId] ?? ((_x = rest.column) == null ? void 0 : _x.actualWidth)) < 200 ? "ia-search-input-narrow" : ""}`,
           children: [
-            ((_t = (_s = rest.column) == null ? void 0 : _s.colDef) == null ? void 0 : _t.thirdOptionAsDateRangePicker) ? /* @__PURE__ */ jsx(
+            ((_z = (_y = rest.column) == null ? void 0 : _y.colDef) == null ? void 0 : _z.thirdOptionAsDateRangePicker) ? /* @__PURE__ */ jsx(
               DateRangePicker,
               {
                 fullWidth: true,
                 isAgGridCellRenderer: true,
                 withPortal: true,
-                customIcon: ((_v = (_u = rest.column) == null ? void 0 : _u.colDef) == null ? void 0 : _v.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                customIcon: ((_B = (_A = rest.column) == null ? void 0 : _A.colDef) == null ? void 0 : _B.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                   default_1,
                   {
                     className: "ia-search-input-field-custom-icon",
@@ -458,14 +473,14 @@ function AgGridHeader({
                     }
                   }
                 ),
-                displayFormat: ((_x = (_w = rest.column) == null ? void 0 : _w.colDef) == null ? void 0 : _x.displayFormat) || "MM-DD-YYYY",
+                displayFormat: ((_D = (_C = rest.column) == null ? void 0 : _C.colDef) == null ? void 0 : _D.displayFormat) || "MM-DD-YYYY",
                 endDate,
                 handleDatesChange: (start, end) => {
                   setStartDate(start);
                   setEndDate(end);
                 },
-                maxDate: /* @__PURE__ */ new Date("2100-12-31"),
-                minDate: /* @__PURE__ */ new Date("2000-01-01"),
+                maxDate: moment("2100-12-31"),
+                minDate: moment("2000-01-01"),
                 setEndDate,
                 setStartDate,
                 startDate,
@@ -492,7 +507,7 @@ function AgGridHeader({
                 isAgGridCellRenderer: true,
                 showMonthYearSelect: true,
                 withPortal: true,
-                customIcon: ((_z = (_y = rest.column) == null ? void 0 : _y.colDef) == null ? void 0 : _z.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                customIcon: ((_F = (_E = rest.column) == null ? void 0 : _E.colDef) == null ? void 0 : _F.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                   default_1,
                   {
                     className: "ia-search-input-field-custom-icon",
@@ -508,9 +523,9 @@ function AgGridHeader({
                     }
                   }
                 ),
-                displayFormat: ((_B = (_A = rest.column) == null ? void 0 : _A.colDef) == null ? void 0 : _B.displayFormat) || "MM-DD-YYYY",
-                maxDate: /* @__PURE__ */ new Date("2100-12-31"),
-                minDate: /* @__PURE__ */ new Date("2000-01-01"),
+                displayFormat: ((_H = (_G = rest.column) == null ? void 0 : _G.colDef) == null ? void 0 : _H.displayFormat) || "MM-DD-YYYY",
+                maxDate: moment("2100-12-31"),
+                minDate: moment("2000-01-01"),
                 placeholder: "Select Date",
                 selectedDate,
                 setSelectedDate,
@@ -544,9 +559,9 @@ function AgGridHeader({
       ) : showInputField ? /* @__PURE__ */ jsxs(
         "div",
         {
-          className: `ia-search-input-field ${(columnWidth[(_C = rest.column) == null ? void 0 : _C.colId] ?? ((_D = rest.column) == null ? void 0 : _D.actualWidth)) < 200 ? "ia-search-input-narrow" : ""}`,
+          className: `ia-search-input-field ${(columnWidth[(_I = rest.column) == null ? void 0 : _I.colId] ?? ((_J = rest.column) == null ? void 0 : _J.actualWidth)) < 200 ? "ia-search-input-narrow" : ""}`,
           children: [
-            ((_F = (_E = rest.column) == null ? void 0 : _E.colDef) == null ? void 0 : _F.thirdOptionAsDropdown) && !((_H = (_G = rest.column) == null ? void 0 : _G.colDef) == null ? void 0 : _H.toShowDuplicateColumnInAdvanceSearch) ? /* @__PURE__ */ jsxs(
+            ((_L = (_K = rest.column) == null ? void 0 : _K.colDef) == null ? void 0 : _L.thirdOptionAsDropdown) && !((_N = (_M = rest.column) == null ? void 0 : _M.colDef) == null ? void 0 : _N.toShowDuplicateColumnInAdvanceSearch) ? /* @__PURE__ */ jsxs(
               "div",
               {
                 id: "ia-select-option-dropdown-container",
@@ -586,7 +601,7 @@ function AgGridHeader({
                       minWidth: "100%"
                     }
                   ),
-                  ((_J = (_I = rest.column) == null ? void 0 : _I.colDef) == null ? void 0 : _J.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                  ((_P = (_O = rest.column) == null ? void 0 : _O.colDef) == null ? void 0 : _P.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                     default_1,
                     {
                       className: "ia-search-input-field-custom-icon",
@@ -619,11 +634,11 @@ function AgGridHeader({
               Input,
               {
                 ref: inputRef,
-                iconClickOnDisabled: (_L = (_K = rest.column) == null ? void 0 : _K.colDef) == null ? void 0 : _L.toShowDuplicateColumnInAdvanceSearch,
-                isDisabled: (_N = (_M = rest.column) == null ? void 0 : _M.colDef) == null ? void 0 : _N.toShowDuplicateColumnInAdvanceSearch,
+                iconClickOnDisabled: (_R = (_Q = rest.column) == null ? void 0 : _Q.colDef) == null ? void 0 : _R.toShowDuplicateColumnInAdvanceSearch,
+                isDisabled: (_T = (_S = rest.column) == null ? void 0 : _S.colDef) == null ? void 0 : _T.toShowDuplicateColumnInAdvanceSearch,
                 placeholder: "Search",
                 rightIcon: /* @__PURE__ */ jsxs(Fragment, { children: [
-                  searchText.toString().length > 0 && (columnWidth[(_O = rest.column) == null ? void 0 : _O.colId] ?? ((_P = rest.column) == null ? void 0 : _P.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
+                  searchText.toString().length > 0 && (columnWidth[(_U = rest.column) == null ? void 0 : _U.colId] ?? ((_V = rest.column) == null ? void 0 : _V.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
                     default_1$1,
                     {
                       onClick: () => {
@@ -634,7 +649,7 @@ function AgGridHeader({
                       }
                     }
                   ),
-                  ((_R = (_Q = rest.column) == null ? void 0 : _Q.colDef) == null ? void 0 : _R.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                  ((_X = (_W = rest.column) == null ? void 0 : _W.colDef) == null ? void 0 : _X.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                     default_1,
                     {
                       onClick: () => {
@@ -655,7 +670,7 @@ function AgGridHeader({
                 onChange: (e) => {
                   setSearchText(e.target.value);
                   setHasActiveSearch(!!e.target.value);
-                  debouncedHandleSearchChange(e.target.value);
+                  handleSearchInputChange(e.target.value);
                 }
               }
             ),
@@ -679,9 +694,9 @@ function AgGridHeader({
           /* @__PURE__ */ jsxs(
             "div",
             {
-              className: `ag-header-cell-text ${((_T = (_S = rest.column) == null ? void 0 : _S.colDef) == null ? void 0 : _T.sortable) ? "sortable" : ""} ${enableHeaderTextWrap ? "header-wrap-enabled" : ""}`,
+              className: `ag-header-cell-text ${((_Z = (_Y = rest.column) == null ? void 0 : _Y.colDef) == null ? void 0 : _Z.sortable) ? "sortable" : ""} ${enableHeaderTextWrap ? "header-wrap-enabled" : ""}`,
               children: [
-                ((_V = (_U = rest.column) == null ? void 0 : _U.colDef) == null ? void 0 : _V.field) === "Selection" || ((_X = (_W = rest.column) == null ? void 0 : _W.colDef) == null ? void 0 : _X.checkboxSelection) ? children : /* @__PURE__ */ jsx(
+                ((_$ = (__ = rest.column) == null ? void 0 : __.colDef) == null ? void 0 : _$.field) === "Selection" || ((_ba = (_aa = rest.column) == null ? void 0 : _aa.colDef) == null ? void 0 : _ba.checkboxSelection) ? children : /* @__PURE__ */ jsx(
                   "div",
                   {
                     ref: headerTextRef,
@@ -704,7 +719,7 @@ function AgGridHeader({
                     )
                   }
                 ),
-                ((_Z = (_Y = rest.column) == null ? void 0 : _Y.colDef) == null ? void 0 : _Z.sortable) && /* @__PURE__ */ jsx(
+                ((_da = (_ca = rest.column) == null ? void 0 : _ca.colDef) == null ? void 0 : _da.sortable) && /* @__PURE__ */ jsx(
                   "img",
                   {
                     alt: "TableSortIcon",
@@ -721,10 +736,10 @@ function AgGridHeader({
             {
               className: `ia-icon-div ${hasActiveSearch ? "has-active-search" : ""} ${menuVisible ? "menu-visible" : ""}`,
               children: [
-                (_aa = (_$ = (__ = rest.column) == null ? void 0 : __.colDef) == null ? void 0 : _$.customHeaderIcons) == null ? void 0 : _aa.map((icon) => {
+                (_ga = (_fa = (_ea = rest.column) == null ? void 0 : _ea.colDef) == null ? void 0 : _fa.customHeaderIcons) == null ? void 0 : _ga.map((icon) => {
                   return icon;
                 }),
-                ((_ca = (_ba = rest.column) == null ? void 0 : _ba.colDef) == null ? void 0 : _ca.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
+                ((_ia = (_ha = rest.column) == null ? void 0 : _ha.colDef) == null ? void 0 : _ia.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
                   default_1$2,
                   {
                     fontSize: "small",
@@ -748,7 +763,7 @@ function AgGridHeader({
                     } : handleSearch
                   }
                 ) }),
-                !((_ea = (_da = rest.column) == null ? void 0 : _da.colDef) == null ? void 0 : _ea.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
+                !((_ka = (_ja = rest.column) == null ? void 0 : _ja.colDef) == null ? void 0 : _ka.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
                   "button",
                   {
                     ref: menuRef,

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts

@@ -1,13 +1,16 @@
-declare const NewAdvanceSearchModal: ({ isAdvanceSearch, actualRef, onSearchApplyClick, toggleAdvanceSearch, initialFilters, setInitialFilters, colDefs, currentColumnId, ...args }: {
-    [x: string]: any;
-    isAdvanceSearch: any;
-    actualRef: any;
-    onSearchApplyClick: any;
-    toggleAdvanceSearch: any;
-    initialFilters: any;
-    setInitialFilters: any;
-    colDefs?: never[] | undefined;
-    currentColumnId: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+interface NewAdvanceSearchModalProps {
+    isAdvanceSearch: boolean;
+    actualRef: React.RefObject<any>;
+    onSearchApplyClick: (filters: any[]) => void;
+    toggleAdvanceSearch: () => void;
+    initialFilters: any[];
+    setInitialFilters: (filters: any[]) => void;
+    colDefs: any[];
+    currentColumnId: string;
+    args: any;
+}
+declare const NewAdvanceSearchModal: ({ isAdvanceSearch, actualRef, onSearchApplyClick, toggleAdvanceSearch, initialFilters, setInitialFilters, colDefs, currentColumnId, ...args }: NewAdvanceSearchModalProps) => import("react/jsx-runtime").JSX.Element;
 export default NewAdvanceSearchModal;
 //# sourceMappingURL=NewAdvanceSearchModal.d.ts.map

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,4CAyRA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAe5D,UAAU,0BAA0B;IAClC,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,kBAAkB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,EAAE,GAAG,EAAE,CAAC;IACtB,iBAAiB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,GAAG,CAAC;CACX;AAED,QAAA,MAAM,qBAAqB,GAAI,+IAU5B,0BAA0B,4CAgR5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.js

@@ -24,12 +24,13 @@ const NewAdvanceSearchModal = ({
   ...args
 }) => {
   const [activeSearchType, setActiveSearchType] = useState("advanceSearch");
+  const onChangeSearchType = (e, val) => {
+    e.preventDefault();
+    setActiveSearchType(val);
+  };
   const formMethods = useForm({
     defaultValues: {
       filters: initialFilters
-    },
-    rules: {
-      required: true
     }
   });
   const {
@@ -184,21 +185,11 @@ const NewAdvanceSearchModal = ({
                 }
               ],
               selectedOption: activeSearchType,
-              onChange: (_e, val) => {
+              onChange: (e, val) => {
                 var _a, _b;
-                if (!val) return;
-                setActiveSearchType(val);
-                (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.destroyFilter(null);
-                if (val === "advanceSearch") {
-                  const updatedFilters = getValues().filters.map((filter) => {
-                    const shouldResetOp = filter.value === null || filter.value === "" || !filter.value;
-                    return {
-                      ...filter,
-                      operation: shouldResetOp ? null : filter.operation
-                    };
-                  });
-                  reset({ filters: updatedFilters });
-                }
+                e.preventDefault();
+                onChangeSearchType(e, val);
+                (_b = (_a = actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.destroyFilter(null);
               }
             }
           ),
@@ -250,7 +241,6 @@ const NewAdvanceSearchModal = ({
                     size: "large",
                     variant: "secondary",
                     onClick: onClearAttributeValue,
-                    type: "button",
                     children: "Clear values"
                   }
                 ),
@@ -259,7 +249,6 @@ const NewAdvanceSearchModal = ({
                   {
                     icon: /* @__PURE__ */ jsx(AddOutlined, {}),
                     size: "large",
-                    type: "button",
                     onClick: () => {
                       append({
                         column: null,

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts

@@ -1,16 +1,17 @@
-declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remove, filteredColumnsInitialOptions, activeSearchType, isLastVisible, currentColumnId, getValues, fields, ...args }: {
-    [x: string]: any;
-    colDefs: any;
+interface NewAdvanceSearchModalItemProps {
+    colDefs: any[];
     control: any;
-    index: any;
+    index: number;
     field: any;
     remove: any;
-    filteredColumnsInitialOptions: any;
-    activeSearchType: any;
-    isLastVisible: any;
-    currentColumnId: any;
+    filteredColumnsInitialOptions: any[];
+    activeSearchType: 'search' | 'advanceSearch';
+    isLastVisible: boolean;
+    currentColumnId: string;
     getValues: any;
-    fields: any;
-}) => import("react/jsx-runtime").JSX.Element;
+    fields: any[];
+    args: any;
+}
+declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remove, filteredColumnsInitialOptions, activeSearchType, isLastVisible, currentColumnId, getValues, fields, ...args }: NewAdvanceSearchModalItemProps) => import("react/jsx-runtime").JSX.Element;
 export default NewAdvanceSearchModalItem;
 //# sourceMappingURL=NewAdvanceSearchModalItem.d.ts.map

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,4CAuYA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAkBA,UAAU,8BAA8B;IACtC,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,6BAA6B,EAAE,GAAG,EAAE,CAAC;IACrC,gBAAgB,EAAE,QAAQ,GAAG,eAAe,CAAC;IAC7C,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;CACX;AACD,QAAA,MAAM,yBAAyB,GAAI,yJAahC,8BAA8B,4CAyYhC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js

@@ -99,7 +99,7 @@ const NewAdvanceSearchModalItem = ({
     var _a2;
     if (currentColumnId && index === 0 && // Only auto-select for the first filter
     !columnField.value && ((_a2 = columnField.value) == null ? void 0 : _a2.value) !== currentColumnId) {
-      const columnOption = filteredColumnsInitialOptions == null ? void 0 : filteredColumnsInitialOptions.find(
+      const columnOption = filteredColumnsInitialOptions.find(
         (opt) => opt.value === currentColumnId
       );
       const allOptions = convertToOptions(colDefs || []);
@@ -207,10 +207,11 @@ const NewAdvanceSearchModalItem = ({
           e.stopPropagation();
         }
       }
-    ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) ? /* @__PURE__ */ jsx(
+    ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) || (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePickerProps) ? /* @__PURE__ */ jsx(
       DatePicker,
       {
         fullWidth: true,
+        showMonthYearSelect: true,
         isDisabled: !operationField.value,
         name: `filters.${index}.value`,
         placeholder: "Select date",