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

package/dist/components/Select/menuList.js

@@ -1,39 +1,37 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { useMemo, useRef, useEffect } from "react";
+import { ShowAll as ShowAll_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import { components } from "react-select";
 import { FixedSizeList } from "react-window";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { Button } from "../Button/index.js";
 import { Loader } from "../Loader/index.js";
-const ShowAllIcon = getAssetUrl("icons/showAll.svg");
 const MenuList = (props) => {
+  var _a;
   const { options, children, maxHeight, selectProps } = props;
   const { isLoading } = selectProps;
   const itemHeight = 37;
   const optionList = options;
-  const [dynamicHeight, setDynamicHeight] = useState(
-    Math.min(optionList.length * itemHeight, maxHeight)
-  );
+  const dynamicHeight = useMemo(() => {
+    let calcHeight = options.length * itemHeight;
+    if (props.selectProps.isLoadingMore) {
+      calcHeight += 92;
+    }
+    return Math.min(calcHeight, maxHeight);
+  }, [options.length, props.selectProps.isLoadingMore, maxHeight]);
   const internalListRef = useRef(null);
   const highlightedIndex = selectProps.highlightedIndex ?? -1;
+  const isKeyboardNav = props.selectProps.isKeyboardNav;
   const listboxId = selectProps.listboxId;
-  useEffect(() => {
-    let calcHeight = optionList.length * itemHeight;
-    if (selectProps.isLoadingMore) {
-      calcHeight += 92;
-    }
-    setDynamicHeight(Math.min(calcHeight, maxHeight));
-  }, [optionList.length, maxHeight, selectProps.isLoadingMore, itemHeight]);
   useEffect(() => {
     if (selectProps.listRef && internalListRef.current) {
       selectProps.listRef.current = internalListRef.current;
     }
   });
   useEffect(() => {
-    if (highlightedIndex >= 0 && internalListRef.current) {
+    if (isKeyboardNav && highlightedIndex >= 0 && internalListRef.current) {
       internalListRef.current.scrollToItem(highlightedIndex, "smart");
     }
-  }, [highlightedIndex]);
+  }, [isKeyboardNav, highlightedIndex]);
   const handleScroll = ({
     scrollOffset,
     scrollUpdateWasRequested
@@ -55,8 +53,10 @@ const MenuList = (props) => {
   const childrenArr = Array.isArray(children) ? children : [];
   const itemCount = selectProps.isLoadingMore ? optionList.length + 1 : optionList.length;
   const footerMessage = selectProps.showFooterMessage;
+  const hasFooter = !!((props.selectProps.maxSelectableOptions || ((_a = props.selectProps.showFooterMessage) == null ? void 0 : _a.description)) && options.length > 0);
+  const menuListClass = `menulistScroll${hasFooter ? " has-footer" : ""}`;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { "aria-label": "Options", className: "menulistScroll", id: listboxId, role: "listbox", children: /* @__PURE__ */ jsx(components.MenuList, { className: "menulistScroll", ...props, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { "aria-label": "Options", className: "menuListClass", id: listboxId, role: "listbox", children: /* @__PURE__ */ jsx(components.MenuList, { className: menuListClass, ...props, children: /* @__PURE__ */ jsx(
       FixedSizeList,
       {
         ref: internalListRef,
@@ -86,15 +86,15 @@ const MenuList = (props) => {
       footerMessage.actionButtonText && /* @__PURE__ */ jsx(
         Button,
         {
-          icon: /* @__PURE__ */ jsx("img", { alt: "", src: ShowAllIcon }),
+          icon: /* @__PURE__ */ jsx(ShowAll_default, { height: 16, width: 16 }),
           iconPlacement: "right",
           size: "small",
           type: "default",
           variant: "url",
           onClick: (e) => {
-            var _a;
+            var _a2;
             e.stopPropagation();
-            (_a = footerMessage.action) == null ? void 0 : _a.call(footerMessage);
+            (_a2 = footerMessage.action) == null ? void 0 : _a2.call(footerMessage);
           },
           children: footerMessage.actionButtonText
         }

package/dist/components/Slider/index.d.ts

@@ -4,7 +4,7 @@ export type { SliderProps, SliderHeaderOrientation, SliderVariant, SliderInputPo
 /**
  * Slider with optional header, label, and range inputs. Wraps MUI Slider; supports single and ranged variants.
  */
-export declare function Slider({ headerOrientation, header, label, value, onChange, required, disabled, min, max, variant, inputPosition, colorChangeThreshold, valueFormat, messageTimeout, className, id, 'data-testid': dataTestId, ...sliderProps }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Slider({ headerOrientation: _headerOrientation, header, label, value, onChange, required, disabled, min, max, variant, inputPosition, colorChangeThreshold, valueFormat, messageTimeout, className, id, 'data-testid': dataTestId, ...sliderProps }: SliderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Slider {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AASxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAyB,EACzB,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,oBAAoB,EACpB,WAAW,EACX,cAAqB,EACrB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CAqQb;yBAxRe,MAAM"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EACV,WAAW,EACX,uBAAuB,EACvB,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AASxB;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,iBAAiB,EAAE,kBAA0B,EAC7C,MAAM,EACN,KAAK,EACL,KAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAO,EACP,GAAS,EACT,OAAmB,EACnB,aAAwB,EACxB,oBAAoB,EACpB,WAAW,EACX,cAAqB,EACrB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,WAAW,EACf,EAAE,WAAW,2CA+Pb;yBAlRe,MAAM"}

package/dist/components/Slider/index.js

@@ -12,7 +12,7 @@ function isRangedValue(value) {
   return Array.isArray(value) && value.length === 2;
 }
 function Slider({
-  headerOrientation = "top",
+  headerOrientation: _headerOrientation = "top",
   header,
   label,
   value = 0,
@@ -133,13 +133,7 @@ function Slider({
     if (!focusedInput && valueFormat && typeof formatted === "string") return formatted;
     return raw;
   };
-  const layoutClass = [
-    "impact_slider_layout",
-    "slider-container",
-    headerOrientation === "top" ? "header-top" : "header-left",
-    `input-position-${inputPosition}`,
-    className ?? ""
-  ].filter(Boolean).join(" ");
+  const layoutClass = ["impact_slider_layout", `input-position-${inputPosition}`, className ?? ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("div", { className: "slider-container", "data-testid": dataTestId, id, children: [
     /* @__PURE__ */ jsxs("div", { className: layoutClass, children: [
       isRanged && inputPosition === "inline" && /* @__PURE__ */ jsx("div", { className: "input_layout_style ranged ranged-start", children: /* @__PURE__ */ jsx("form", { noValidate: true, autoComplete: "off", children: /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"AdvanceSortModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AdvanceSortModal.tsx"],"names":[],"mappings":"AAuKA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAY,EAAE,SAAc,EAAE,OAAO,EAAE;;;;;;CAAA,2CAkJhG"}
+{"version":3,"file":"AdvanceSortModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AdvanceSortModal.tsx"],"names":[],"mappings":"AAmKA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAY,EAAE,SAAc,EAAE,OAAO,EAAE;;;;;;CAAA,2CAkJhG"}

package/dist/components/Table/AdvanceSortModal.js

@@ -1,14 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
+import { Plus as Plus_default, SaveViewDeleteIcon as SaveViewDeleteIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/DragIndicator.js";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { Badge } from "../Badge/index.js";
 import { Button } from "../Button/index.js";
 import { Modal } from "../Modal/index.js";
 import { Select } from "../Select/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-const SaveViewDeleteIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/saveViewDeleteIcon.svg"), ...props });
-const AddOutlinedIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/plus.svg"), ...props });
 const SORT_ORDER_OPTIONS_TEXT = [
   { label: "Ascending (A To Z)", value: "asc" },
   { label: "Descending (Z To A)", value: "desc" }
@@ -150,7 +148,7 @@ function SortRow({
             Button,
             {
               disabled: rowsCount === 1,
-              icon: /* @__PURE__ */ jsx(SaveViewDeleteIcon, {}),
+              icon: /* @__PURE__ */ jsx(SaveViewDeleteIcon_default, {}),
               size: "medium",
               type: "destructive",
               variant: "secondary",
@@ -281,7 +279,7 @@ function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply
             {
               className: "advance-sort-add-level-button",
               disabled: columnOptions.length === rows.length,
-              icon: /* @__PURE__ */ jsx(AddOutlinedIcon, {}),
+              icon: /* @__PURE__ */ jsx(Plus_default, {}),
               variant: "tertiary",
               onClick: handleAddLevel,
               children: "Add Level"

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,kDA04BA;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/AgGridHeader.tsx"],"names":[],"mappings":"AAyBA,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDA26BA;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Table/AgGridHeader.js

@@ -13,7 +13,7 @@ import { Select } from "../Select/index.js";
 import { syncFiltersWithModal, parseInlineSearchValue, buildFilterModelEntry } from "./filterUtils.js";
 import { Tooltip } from "../Tooltip/index.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
-const TableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
+const TableSortIconUrl = getAssetUrl("icons/tableSortIcon.svg");
 const TableSortAscIcon = getAssetUrl("icons/Up.svg");
 const TableSortDescIcon = getAssetUrl("icons/Down.svg");
 function AgGridHeader({
@@ -167,6 +167,20 @@ function AgGridHeader({
   const [currentDropdownOptions, setCurrentDropdownOptions] = useState([]);
   const [isSelectAll, setIsSelectAll] = useState(false);
   useEffect(() => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
+    const columnId = ((_a2 = rest.column) == null ? void 0 : _a2.field) || ((_b2 = rest.column) == null ? void 0 : _b2.colId);
+    const currentFilterModel = ((_d2 = (_c2 = rest.api) == null ? void 0 : _c2.getFilterModel) == null ? void 0 : _d2.call(_c2)) || {};
+    const existingFilter = currentFilterModel[columnId] ?? currentFilterModel[(_e2 = rest.column) == null ? void 0 : _e2.colId];
+    if (existingFilter) {
+      onFilterChanged();
+      if ((_g2 = (_f2 = rest.column) == null ? void 0 : _f2.colDef) == null ? void 0 : _g2.isSearchable) {
+        if (((_i2 = (_h2 = rest.column) == null ? void 0 : _h2.colDef) == null ? void 0 : _i2.filter) === "agDateColumnFilter") {
+          setShowDatePicker(true);
+        } else {
+          setShowInputField(true);
+        }
+      }
+    }
     rest.api.addEventListener("filterChanged", onFilterChanged);
     return () => {
       rest.api.removeEventListener("filterChanged", onFilterChanged);
@@ -174,23 +188,27 @@ function AgGridHeader({
   }, []);
   const prevSearchValueRef = useRef(void 0);
   const handleSearchChange = (value) => {
-    var _a2;
+    var _a2, _b2, _c2, _d2, _e2;
     const isEmptyValue = (val) => val === null || val === void 0 || val === "" || Array.isArray(val) && val.length === 0;
     const normalizedValue = isEmptyValue(value) ? null : value;
     const normalizedPrev = isEmptyValue(prevSearchValueRef.current) ? null : prevSearchValueRef.current;
     const currentValue = typeof normalizedValue === "object" && normalizedValue !== null ? JSON.stringify(normalizedValue) : normalizedValue;
     const prevValue = typeof normalizedPrev === "object" && normalizedPrev !== null ? JSON.stringify(normalizedPrev) : normalizedPrev;
     if (currentValue === prevValue) {
-      return;
+      const colId = (_a2 = rest.column) == null ? void 0 : _a2.colId;
+      const hasExistingFilter = Boolean(colId && ((_d2 = (_c2 = (_b2 = rest.api) == null ? void 0 : _b2.getFilterModel) == null ? void 0 : _c2.call(_b2)) == null ? void 0 : _d2[colId]));
+      if (!(normalizedValue === null && hasExistingFilter)) {
+        return;
+      }
     }
     prevSearchValueRef.current = value;
     if (handleInlineSearch) {
       handleInlineSearch == null ? void 0 : handleInlineSearch(value);
-      (_a2 = rest.onFilterChanged) == null ? void 0 : _a2.call(rest, rest);
+      (_e2 = rest.onFilterChanged) == null ? void 0 : _e2.call(rest, rest);
       return;
     }
     setTimeout(() => {
-      var _a3, _b2, _c2, _d2;
+      var _a3, _b3, _c3, _d3;
       try {
         const { inputValue, filterType } = parseSearchValue(value);
         applyFilterToGrid(inputValue, filterType);
@@ -204,8 +222,8 @@ function AgGridHeader({
           rest.setInitialFilters,
           getOptionFromDropdownValue
         );
-        (_c2 = (_b2 = rest.api) == null ? void 0 : _b2.onFilterChanged) == null ? void 0 : _c2.call(_b2);
-        (_d2 = rest.onFilterChanged) == null ? void 0 : _d2.call(rest, rest);
+        (_c3 = (_b3 = rest.api) == null ? void 0 : _b3.onFilterChanged) == null ? void 0 : _c3.call(_b3);
+        (_d3 = rest.onFilterChanged) == null ? void 0 : _d3.call(rest, rest);
       } catch (error) {
         console.warn("Error during filter operation:", error);
       }
@@ -288,6 +306,7 @@ function AgGridHeader({
     setStartDate(null);
     setEndDate(null);
     setHasActiveSearch(false);
+    prevSearchValueRef.current = void 0;
     (_a2 = rest.api) == null ? void 0 : _a2.destroyFilter(colId);
     const currentFilterModel = { ...((_b2 = rest.api) == null ? void 0 : _b2.getFilterModel()) || {} };
     delete currentFilterModel[colId];
@@ -417,7 +436,6 @@ function AgGridHeader({
           DateRangePicker,
           {
             fullWidth: true,
-            isAgGridCellRenderer: true,
             withPortal: true,
             customIcon: ((_x = (_w = rest.column) == null ? void 0 : _w.colDef) == null ? void 0 : _x.advanceSearchEnabled) && /* @__PURE__ */ jsx(
               default_1,
@@ -467,7 +485,6 @@ function AgGridHeader({
           DatePicker,
           {
             fullWidth: true,
-            isAgGridCellRenderer: true,
             showMonthYearSelect: true,
             withPortal: true,
             customIcon: ((_B = (_A = rest.column) == null ? void 0 : _A.colDef) == null ? void 0 : _B.advanceSearchEnabled) && /* @__PURE__ */ jsx(
@@ -706,7 +723,7 @@ function AgGridHeader({
                   {
                     alt: "TableSortIcon",
                     className: "ia-table-sort-icon",
-                    src: currentSort === "asc" ? TableSortAscIcon : currentSort === "desc" ? TableSortDescIcon : TableSortIcon,
+                    src: currentSort === "asc" ? TableSortAscIcon : currentSort === "desc" ? TableSortDescIcon : TableSortIconUrl,
                     onClick: onHeaderClick
                   }
                 )

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;AAkBpE,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,6BA4WA,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/CommentsPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAepE,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,6BA4WA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Table/CommentsPortal.js

@@ -1,17 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
+import { MoreHorizontal as MoreHorizontal_default, SuccessFill as SuccessFill_default, SuccessGray as SuccessGray_default, Close as Close_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import moment from "moment";
 import { createPortal } from "react-dom";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { Avatar } from "../Avatar/index.js";
 import { Button } from "../Button/index.js";
 import NoComments from "./NoComments.js";
 import { getUserAvatarColor } from "../../utils/avatarColor.js";
 import { toInnerHTML } from "../../utils/html.js";
-const CloseIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/close.svg"), ...props });
-const MenuIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/MoreHorizontal.svg"), ...props });
-const SuccessIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/success-gray.svg"), ...props });
-const SuccessFillIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/success-fill.svg"), ...props });
 const CommentsPortal = ({
   isOpen,
   onClose,
@@ -184,7 +180,7 @@ const CommentsPortal = ({
                     {
                       className: "",
                       disabled: false,
-                      icon: /* @__PURE__ */ jsx(MenuIcon, { fontSize: "small" }),
+                      icon: /* @__PURE__ */ jsx(MoreHorizontal_default, { fontSize: "small" }),
                       iconPlacement: "left",
                       size: "small",
                       style: {
@@ -198,7 +194,7 @@ const CommentsPortal = ({
                       }
                     }
                   ),
-                  !(configuration == null ? void 0 : configuration.disableMarkAsResolved) && (isResolved ? /* @__PURE__ */ jsx(SuccessFillIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(
+                  !(configuration == null ? void 0 : configuration.disableMarkAsResolved) && (isResolved ? /* @__PURE__ */ jsx(SuccessFill_default, { fontSize: "small" }) : /* @__PURE__ */ jsx(
                     "div",
                     {
                       style: { cursor: "pointer" },
@@ -206,7 +202,7 @@ const CommentsPortal = ({
                         e.stopPropagation();
                         if (onMarkAsResolvedClick) onMarkAsResolvedClick(cellId, comments);
                       },
-                      children: /* @__PURE__ */ jsx(SuccessIcon, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx(SuccessGray_default, { fontSize: "small" })
                     }
                   )),
                   /* @__PURE__ */ jsx(
@@ -214,7 +210,7 @@ const CommentsPortal = ({
                     {
                       className: "comment-close",
                       disabled: false,
-                      icon: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "large" }),
+                      icon: /* @__PURE__ */ jsx(Close_default, { fontSize: "large" }),
                       iconPlacement: "left",
                       size: "small",
                       style: {
@@ -263,7 +259,7 @@ const CommentsPortal = ({
                       {
                         className: "",
                         disabled: false,
-                        icon: /* @__PURE__ */ jsx(MenuIcon, { fontSize: "small" }),
+                        icon: /* @__PURE__ */ jsx(MoreHorizontal_default, { fontSize: "small" }),
                         iconPlacement: "left",
                         size: "small",
                         style: { backgroundColor: "transparent" },

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":"AAgBA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,4CAoRA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -63,8 +63,12 @@ const NewAdvanceSearchModal = ({
   useEffect(() => {
     const isOpening = isAdvanceSearch && !prevIsAdvanceSearchRef.current;
     if (isOpening && initialFilters !== void 0) {
+      const validInitialFilters = (initialFilters || []).filter((f) => {
+        var _a;
+        return (_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value;
+      });
       reset({
-        filters: initialFilters.length > 0 ? initialFilters : [filterInitialValues]
+        filters: validInitialFilters.length > 0 ? validInitialFilters : [filterInitialValues]
       });
       setHasInitializedWithColumnId(false);
     }

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,4CAiZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,4CA4ZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

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

@@ -212,10 +212,12 @@ const NewAdvanceSearchModalItem = ({
         },
         setIsSelectAll
       }
-    ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) ? /* @__PURE__ */ jsx(
+    ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) || (currentColumnDef == null ? void 0 : currentColumnDef.filter) === "agDateColumnFilter" && !currentColumnDef.thirdOptionAsDateRangePicker ? /* @__PURE__ */ jsx(
       DatePicker,
       {
         fullWidth: true,
+        showMonthYearSelect: true,
+        displayFormat: currentColumnDef.displayFormat || "MM-DD-YYYY",
         isDisabled: !operationField.value,
         name: `filters.${index}.value`,
         placeholder: "Select date",
@@ -246,6 +248,9 @@ const NewAdvanceSearchModalItem = ({
         },
         startDate: ((_c = valueField.value) == null ? void 0 : _c.startDate) ? moment.isMoment(valueField.value.startDate) ? valueField.value.startDate : moment(valueField.value.startDate) : ((_d = currentColumnDef.thirdOptionAsDateRangePickerProps) == null ? void 0 : _d.startDate) ? moment.isMoment(currentColumnDef.thirdOptionAsDateRangePickerProps.startDate) ? currentColumnDef.thirdOptionAsDateRangePickerProps.startDate : moment(currentColumnDef.thirdOptionAsDateRangePickerProps.startDate) : null,
         withPortal: true,
+        onResetClick: () => {
+          valueField.onChange({ startDate: null, endDate: null });
+        },
         ...(() => {
           const {
             startDate: _,

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":"AA4CA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAuOA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/Table/NoComments.tsx"],"names":[],"mappings":"AAwCA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAuOA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/Table/NoComments.js

@@ -1,9 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect } from "react";
-import { getAssetUrl } from "../../utils/assetBase.js";
+import default_1 from "../../node_modules/@mui/icons-material/North.js";
 import { Button } from "../Button/index.js";
 import { MentionEditor } from "../common/MentionEditor/index.js";
-const ChatBotSendIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/comment-send.svg"), ...props });
 const extractMentionedUsers = (editorJSON) => {
   const mentionedUsers = [];
   const traverseNodes = (node) => {
@@ -192,7 +191,7 @@ const NoComments = ({
                 Button,
                 {
                   disabled: isLoading || !inputValue.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, " ").trim(),
-                  icon: /* @__PURE__ */ jsx(ChatBotSendIcon, {}),
+                  icon: /* @__PURE__ */ jsx(default_1, {}),
                   size: "small",
                   style: { display: "flex" },
                   variant: "primary",

package/dist/components/Table/index.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=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KASN,MAAM,OAAO,CAAC;AAcf,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAuiD7B,eAAO,MAAM,KAAK,+DAUhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AA0lD7B,eAAO,MAAM,KAAK,mFAUhB,CAAC"}