impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.21

package/dist/components/Table/AgGridHeader.js

@@ -4,17 +4,18 @@ import default_1$1 from "../../node_modules/@mui/icons-material/Close.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/Search.js";
 import default_1 from "../../node_modules/@mui/icons-material/Tune.js";
 import moment from "moment";
-import TableSortDescIcon from "../../assets/Down.svg.js";
-import TableSortIcon from "../../assets/tableSortIcon.svg.js";
-import TableSortAscIcon from "../../assets/Up.svg.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { debounce } from "../../utils/debounce.js";
 import { DatePicker } from "../DatePicker/index.js";
 import { DateRangePicker } from "../DateRangePicker/index.js";
 import { Input } from "../Input/index.js";
 import { Select } from "../Select/index.js";
-import { syncFiltersWithModal, parseInlineSearchValue, buildFilterModelEntry } from "./filterUtils.js";
+import { syncNoRowsOverlay, syncFiltersWithModal, parseInlineSearchValue, buildFilterModelEntry } from "./filterUtils.js";
 import { Tooltip } from "../Tooltip/index.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
+const TableSortDescIcon = getAssetUrl("icons/Down.svg");
+const TableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
+const TableSortAscIcon = getAssetUrl("icons/Up.svg");
 function AgGridHeader({
   children,
   sortModel,
@@ -26,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, _la, _ma, _na;
   if (!rest.column || !rest.api) {
     return null;
   }
@@ -79,7 +80,7 @@ function AgGridHeader({
   const originalSuppressHeaderKeyboardEventRef = useRef(
     (_d = (_c = rest.column) == null ? void 0 : _c.colDef) == null ? void 0 : _d.suppressHeaderKeyboardEvent
   );
-  const filterModel = rest.api.getFilterModel();
+  const filterModel = rest.api && !(typeof rest.api.isDestroyed === "function" && rest.api.isDestroyed()) ? rest.api.getFilterModel() : {};
   const isFilterAppliedChanged = filterModel[(_e = rest.column) == null ? void 0 : _e.colId];
   const [isOverflowText, setIsOverflowText] = useState(false);
   const headerTextRef = useRef(null);
@@ -148,6 +149,7 @@ function AgGridHeader({
       }
       setHasActiveSearch(true);
     }
+    syncNoRowsOverlay(rest.api);
   }, [
     rest.api,
     (_f = rest.column) == null ? void 0 : _f.colId,
@@ -168,7 +170,11 @@ function AgGridHeader({
   const [currentDropdownOptions, setCurrentDropdownOptions] = useState([]);
   useEffect(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
-    const filterModel2 = rest.api.getFilterModel();
+    const api = rest.api;
+    if (!api || typeof api.isDestroyed === "function" && api.isDestroyed()) {
+      return;
+    }
+    const filterModel2 = api.getFilterModel();
     if (filterModel2[(_a2 = rest.column) == null ? void 0 : _a2.colId]) {
       const columnFilter = filterModel2[((_b2 = rest.column) == null ? void 0 : _b2.field) || ((_c2 = rest.column) == null ? void 0 : _c2.colId)];
       let filterValue;
@@ -267,31 +273,40 @@ function AgGridHeader({
   };
   const applyFilterToGrid = (inputValue, filterType) => {
     var _a2;
-    const currentFilterModel = rest.sortModel || rest.api.getFilterModel();
+    const api = rest.api;
+    if (!api || typeof api.isDestroyed === "function" && api.isDestroyed()) {
+      return;
+    }
+    const currentFilterModel = api.getFilterModel();
     const filterEntry = buildFilterModelEntry(inputValue, filterType, (_a2 = rest.column) == null ? void 0 : _a2.colDef);
     if (filterEntry === void 0) {
       delete currentFilterModel[rest.column.colId];
     } else {
       currentFilterModel[rest.column.colId] = filterEntry;
     }
-    rest.api.setFilterModel(currentFilterModel);
-    setTimeout(() => {
-      if (rest.api) {
-        const displayedRowCount = rest.api.getDisplayedRowCount();
-        if (displayedRowCount === 0) {
-          rest.api.showNoRowsOverlay();
-        } else {
-          rest.api.hideOverlay();
-        }
-      }
-    }, 100);
+    api.setFilterModel(currentFilterModel);
+    syncNoRowsOverlay(api);
   };
-  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();
@@ -316,21 +331,29 @@ function AgGridHeader({
     });
   };
   const onCloseIconClick = (colId) => {
-    var _a2, _b2, _c2, _d2;
+    var _a2, _b2, _c2, _d2, _e2;
+    debouncedFnRef.current.cancel();
     setSearchText("");
     setSelectedDropdownOption(null);
     setSelectedDate(null);
     setStartDate(null);
     setEndDate(null);
     setHasActiveSearch(false);
-    rest.api.destroyFilter(colId);
-    const currentFilters = ((_b2 = (_a2 = rest.getValues) == null ? void 0 : _a2.call(rest)) == null ? void 0 : _b2.filters) || [];
+    const api = rest.api;
+    if (api && !(typeof api.isDestroyed === "function" && api.isDestroyed())) {
+      const currentFilterModel = api.getFilterModel();
+      delete currentFilterModel[colId];
+      api.setFilterModel(currentFilterModel);
+      (_a2 = api.onFilterChanged) == null ? void 0 : _a2.call(api);
+      syncNoRowsOverlay(api);
+    }
+    const currentFilters = ((_c2 = (_b2 = rest.getValues) == null ? void 0 : _b2.call(rest)) == null ? void 0 : _c2.filters) || [];
     const updatedFilters = currentFilters.filter((f) => {
       var _a3;
       return ((_a3 = f == null ? void 0 : f.column) == null ? void 0 : _a3.value) !== colId;
     });
-    (_c2 = rest.setValue) == null ? void 0 : _c2.call(rest, "filters", updatedFilters);
-    (_d2 = rest.setInitialFilters) == null ? void 0 : _d2.call(rest, updatedFilters);
+    (_d2 = rest.setValue) == null ? void 0 : _d2.call(rest, "filters", updatedFilters);
+    (_e2 = rest.setInitialFilters) == null ? void 0 : _e2.call(rest, updatedFilters);
     if (rest.onFilterChanged) {
       rest.onFilterChanged(rest);
     }
@@ -350,11 +373,15 @@ function AgGridHeader({
       rest.applySort(rest.column.colId);
       return;
     }
+    const api = rest.api;
+    if (!api || typeof api.isDestroyed === "function" && api.isDestroyed()) {
+      return;
+    }
     if ((_b2 = (_a2 = rest.column) == null ? void 0 : _a2.colDef) == null ? void 0 : _b2.sortable) {
-      const currentSortModel = rest.api.getColumnState();
+      const currentSortModel = api.getColumnState();
       const currentSort2 = currentSortModel.find((model) => model.colId === rest.column.colId);
       const newSort = (currentSort2 == null ? void 0 : currentSort2.sort) === null ? "asc" : (currentSort2 == null ? void 0 : currentSort2.sort) === "asc" ? "desc" : null;
-      rest.api.applyColumnState({
+      api.applyColumnState({
         state: [{ colId: rest.column.colId, sort: newSort }],
         defaultState: { sort: null }
       });
@@ -379,15 +406,18 @@ function AgGridHeader({
         ...prev,
         [params.column.colId]: params.column.actualWidth
       }));
-      rest.api.applyColumnState({
-        state: [
-          {
-            colId: params.column.colId,
-            width: params.column.actualWidth
-          }
-        ],
-        defaultState: { width: null }
-      });
+      const api = rest.api;
+      if (api && !(typeof api.isDestroyed === "function" && api.isDestroyed())) {
+        api.applyColumnState({
+          state: [
+            {
+              colId: params.column.colId,
+              width: params.column.actualWidth
+            }
+          ],
+          defaultState: { width: null }
+        });
+      }
     }
   };
   useEffect(() => {
@@ -427,23 +457,26 @@ 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",
+                    className: "ia-search-input-field-custom-icon-date-range",
+                    style: {
+                      display: ((_E = (_D = (_C = rest.column) == null ? void 0 : _C.colDef) == null ? void 0 : _D.thirdOptionAsDateRangePickerProps) == null ? void 0 : _E.displayCustomIcon) ? "block" : "none"
+                    },
                     onClick: (e) => {
                       var _a2, _b2, _c2, _d2, _e2, _f2;
                       e.stopPropagation();
@@ -457,14 +490,14 @@ function AgGridHeader({
                     }
                   }
                 ),
-                displayFormat: ((_x = (_w = rest.column) == null ? void 0 : _w.colDef) == null ? void 0 : _x.displayFormat) || "MM-DD-YYYY",
+                displayFormat: ((_G = (_F = rest.column) == null ? void 0 : _F.colDef) == null ? void 0 : _G.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,
@@ -491,7 +524,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: ((_I = (_H = rest.column) == null ? void 0 : _H.colDef) == null ? void 0 : _I.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                   default_1,
                   {
                     className: "ia-search-input-field-custom-icon",
@@ -507,9 +540,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: ((_K = (_J = rest.column) == null ? void 0 : _J.colDef) == null ? void 0 : _K.displayFormat) || "MM-DD-YYYY",
+                maxDate: moment("2100-12-31"),
+                minDate: moment("2000-01-01"),
                 placeholder: "Select Date",
                 selectedDate,
                 setSelectedDate,
@@ -543,9 +576,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[(_L = rest.column) == null ? void 0 : _L.colId] ?? ((_M = rest.column) == null ? void 0 : _M.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(
+            ((_O = (_N = rest.column) == null ? void 0 : _N.colDef) == null ? void 0 : _O.thirdOptionAsDropdown) && !((_Q = (_P = rest.column) == null ? void 0 : _P.colDef) == null ? void 0 : _Q.toShowDuplicateColumnInAdvanceSearch) ? /* @__PURE__ */ jsxs(
               "div",
               {
                 id: "ia-select-option-dropdown-container",
@@ -585,7 +618,7 @@ function AgGridHeader({
                       minWidth: "100%"
                     }
                   ),
-                  ((_J = (_I = rest.column) == null ? void 0 : _I.colDef) == null ? void 0 : _J.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                  ((_S = (_R = rest.column) == null ? void 0 : _R.colDef) == null ? void 0 : _S.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                     default_1,
                     {
                       className: "ia-search-input-field-custom-icon",
@@ -618,11 +651,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: (_U = (_T = rest.column) == null ? void 0 : _T.colDef) == null ? void 0 : _U.toShowDuplicateColumnInAdvanceSearch,
+                isDisabled: (_W = (_V = rest.column) == null ? void 0 : _V.colDef) == null ? void 0 : _W.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[(_X = rest.column) == null ? void 0 : _X.colId] ?? ((_Y = rest.column) == null ? void 0 : _Y.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
                     default_1$1,
                     {
                       onClick: () => {
@@ -633,7 +666,7 @@ function AgGridHeader({
                       }
                     }
                   ),
-                  ((_R = (_Q = rest.column) == null ? void 0 : _Q.colDef) == null ? void 0 : _R.advanceSearchEnabled) && /* @__PURE__ */ jsx(
+                  ((__ = (_Z = rest.column) == null ? void 0 : _Z.colDef) == null ? void 0 : __.advanceSearchEnabled) && /* @__PURE__ */ jsx(
                     default_1,
                     {
                       onClick: () => {
@@ -654,7 +687,7 @@ function AgGridHeader({
                 onChange: (e) => {
                   setSearchText(e.target.value);
                   setHasActiveSearch(!!e.target.value);
-                  debouncedHandleSearchChange(e.target.value);
+                  handleSearchInputChange(e.target.value);
                 }
               }
             ),
@@ -678,9 +711,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 ${((_aa = (_$ = rest.column) == null ? void 0 : _$.colDef) == null ? void 0 : _aa.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(
+                ((_ca = (_ba = rest.column) == null ? void 0 : _ba.colDef) == null ? void 0 : _ca.field) === "Selection" || ((_ea = (_da = rest.column) == null ? void 0 : _da.colDef) == null ? void 0 : _ea.checkboxSelection) ? children : /* @__PURE__ */ jsx(
                   "div",
                   {
                     ref: headerTextRef,
@@ -703,7 +736,7 @@ function AgGridHeader({
                     )
                   }
                 ),
-                ((_Z = (_Y = rest.column) == null ? void 0 : _Y.colDef) == null ? void 0 : _Z.sortable) && /* @__PURE__ */ jsx(
+                ((_ga = (_fa = rest.column) == null ? void 0 : _fa.colDef) == null ? void 0 : _ga.sortable) && /* @__PURE__ */ jsx(
                   "img",
                   {
                     alt: "TableSortIcon",
@@ -720,10 +753,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) => {
+                (_ja = (_ia = (_ha = rest.column) == null ? void 0 : _ha.colDef) == null ? void 0 : _ia.customHeaderIcons) == null ? void 0 : _ja.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(
+                ((_la = (_ka = rest.column) == null ? void 0 : _ka.colDef) == null ? void 0 : _la.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
                   default_1$2,
                   {
                     fontSize: "small",
@@ -747,7 +780,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(
+                !((_na = (_ma = rest.column) == null ? void 0 : _ma.colDef) == null ? void 0 : _na.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
                   "button",
                   {
                     ref: menuRef,

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

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId, position, author, onMouseEnter, onMouseLeave, openedBy, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, editCommentText, isLoading, error, onClearError, currentAuthor, editingComment, onUpdateComment, setEditingComment, loadParticipantsAvatar, resolvedComments, messageId, configuration, }: {
     isOpen: any;
     onClose: any;
@@ -26,6 +24,6 @@ declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId
     resolvedComments?: never[] | undefined;
     messageId?: null | undefined;
     configuration: any;
-}) => React.ReactPortal | null;
+}) => import('react').ReactPortal | null;
 export default CommentsPortal;
 //# sourceMappingURL=CommentsPortal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAapE,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,6BA0ZA,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,uCAyZA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Table/CommentsPortal.js

@@ -2,15 +2,16 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import moment from "moment";
 import { createPortal } from "react-dom";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import NoComments from "./NoComments.js";
-import CloseIcon from "../../assets/close.svg.js";
-import MenuIcon from "../../assets/MoreHorizontal.svg.js";
-import SuccessFillIcon from "../../assets/success-fill.svg.js";
-import SuccessIcon from "../../assets/success-gray.svg.js";
 import { getUserAvatarColor } from "../../utils/avatarColor.js";
 import { toInnerHTML } from "../../utils/html.js";
 import { Avatar } from "../Avatar/index.js";
 import { Button } from "../Button/index.js";
+const CloseIcon = getAssetUrl("icons/close.svg");
+const MenuIcon = getAssetUrl("icons/MoreHorizontal.svg");
+const SuccessFillIcon = getAssetUrl("icons/success-fill.svg");
+const SuccessIcon = getAssetUrl("icons/success-gray.svg");
 const CommentsPortal = ({
   isOpen,
   onClose,
@@ -252,9 +253,8 @@ const CommentsPortal = ({
                           alt: "",
                           src: CloseIcon,
                           style: {
-                            width: 24,
-                            height: 24,
-                            display: "block"
+                            width: 14,
+                            height: 14
                           }
                         }
                       ),

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,4CAkRA,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

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useEffect } from "react";
-import { useForm, useFieldArray } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { useForm, useFieldArray } from "react-hook-form";
 import NewAdvanceSearchModalItem from "./NewAdvanceSearchModalItem.js";
 import { convertToOptions } from "../../../utils/helper.js";
 import { Button } from "../../Button/index.js";
@@ -31,9 +31,6 @@ const NewAdvanceSearchModal = ({
   const formMethods = useForm({
     defaultValues: {
       filters: initialFilters
-    },
-    rules: {
-      required: true
     }
   });
   const {
@@ -192,7 +189,7 @@ const NewAdvanceSearchModal = ({
                 var _a, _b;
                 e.preventDefault();
                 onChangeSearchType(e, val);
-                (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.destroyFilter(null);
+                (_b = (_a = actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.destroyFilter(null);
               }
             }
           ),
@@ -244,7 +241,6 @@ const NewAdvanceSearchModal = ({
                     size: "large",
                     variant: "secondary",
                     onClick: onClearAttributeValue,
-                    type: "button",
                     children: "Clear values"
                   }
                 ),
@@ -253,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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
 import moment from "moment";
-import { useController } from "../../../node_modules/react-hook-form/dist/index.esm.js";
+import { useController } from "react-hook-form";
 import { convertToOptions } from "../../../utils/helper.js";
 import { Button } from "../../Button/index.js";
 import { DatePicker } from "../../DatePicker/index.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",

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

@@ -1 +1 @@
-{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAyCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAyOA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAyCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CA2OA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Table/NoComments.js

@@ -122,7 +122,9 @@ const NoComments = ({
   }, []);
   const handleAddComment = (e) => {
     var _a;
-    e.stopPropagation();
+    if (e) {
+      e.stopPropagation();
+    }
     if (inputValue.trim() && !isLoading) {
       let taggedUsers = [];
       try {

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

@@ -15,6 +15,19 @@ export interface TableProps extends Omit<AgGridReactProps, 'rowHeight'> {
     hideTableBody?: boolean;
     onSearchApplyClick?: (filters: unknown[]) => void;
     onPaginationChanged?: (params: unknown) => void;
+    viewPoint?: string;
+    disableContextualFilter?: boolean;
+    disableTableSettings?: boolean;
+    showBulkActionBar?: boolean;
+    bulkActionBarProps?: {
+        actionBarLabel?: string;
+        enableSelectAll?: boolean;
+        totalRowCount?: number;
+    };
+    onSelectAllRows?: () => void;
+    onClearSelection?: () => void;
+    onSortChanged?: (params: unknown) => void;
+    advanceSortEnabled?: boolean;
     [key: string]: unknown;
 }
 //# sourceMappingURL=Table.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,2GAA2G;AAC3G,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,2GAA2G;AAC3G,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,OAAO,CAAC;QAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

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

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 
-export declare const Table: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const Table: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 //# sourceMappingURL=TableImpl.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableImpl.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableImpl.tsx"],"names":[],"mappings":"AACA,OAAO,KAQN,MAAM,OAAO,CAAC;AAaf,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAW7B,eAAO,MAAM,KAAK,+DA0yDjB,CAAC"}
+{"version":3,"file":"TableImpl.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableImpl.tsx"],"names":[],"mappings":"AAaA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAe7B,eAAO,MAAM,KAAK,mFAwgEjB,CAAC"}