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

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

@@ -0,0 +1,12 @@
+export interface BulkActionBarProps {
+    showBulkActionBar?: boolean;
+    bulkActionBarProps?: {
+        actionBarLabel?: string;
+        enableSelectAll?: boolean;
+        totalRowCount?: number;
+    };
+    onSelectAllRows?: () => void;
+    onClearSelection?: () => void;
+}
+export default function BulkActionBar({ showBulkActionBar, bulkActionBarProps, onSelectAllRows, onClearSelection, }: BulkActionBarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=actionBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/Table/actionBar.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,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;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB,EAAE,kBAAkB,kDAqCpB"}

package/dist/components/Table/actionBar.js

@@ -0,0 +1,44 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import default_1$1 from "../../node_modules/@mui/icons-material/CheckCircle.js";
+import default_1 from "../../node_modules/@mui/icons-material/Info.js";
+function BulkActionBar({
+  showBulkActionBar,
+  bulkActionBarProps,
+  onSelectAllRows,
+  onClearSelection
+}) {
+  if (!showBulkActionBar) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "ia-bulk-action-bar", children: [
+    /* @__PURE__ */ jsx("span", { className: "icon", children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}) }),
+    /* @__PURE__ */ jsx("span", { className: "ia-bulk-action-bar-text", children: bulkActionBarProps == null ? void 0 : bulkActionBarProps.actionBarLabel }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "ia-bulk-action-bar-select-text",
+        role: "button",
+        tabIndex: 0,
+        onClick: () => {
+          if (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) {
+            onSelectAllRows == null ? void 0 : onSelectAllRows();
+          } else {
+            onClearSelection == null ? void 0 : onClearSelection();
+          }
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            if (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) {
+              onSelectAllRows == null ? void 0 : onSelectAllRows();
+            } else {
+              onClearSelection == null ? void 0 : onClearSelection();
+            }
+          }
+        },
+        children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? `Select all ${bulkActionBarProps.totalRowCount} rows across all pages` : "Clear selection"
+      }
+    )
+  ] });
+}
+export {
+  BulkActionBar as default
+};

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

@@ -1 +1 @@
-{"version":3,"file":"advanceSearchModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/advanceSearchModal.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,EACjB,cAA+D,EAC/D,gCAAgC,EAChC,mCAAmC,EACnC,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACR;;;;;;;;;;;;;;;;;;CAAA,2CAqrBA"}
+{"version":3,"file":"advanceSearchModal.d.ts","sourceRoot":"","sources":["../../../src/components/Table/advanceSearchModal.tsx"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,EACjB,cAA+D,EAC/D,gCAAgC,EAChC,mCAAmC,EACnC,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACR;;;;;;;;;;;;;;;;;;CAAA,2CAqrBA"}

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

@@ -1,4 +1,4 @@
-export default function CommentPanel({ showCommentPanel, setShowCommentPanel, comments, onCommentItemClick, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, commentProps, resolvedComments, popup, onShowResolvedCommentsRequest, }: {
+export default function CommentPanel({ showCommentPanel, setShowCommentPanel, comments, onCommentItemClick, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, commentProps, resolvedComments, popup, onShowResolvedCommentsRequest, onExitResolvedCommentsView, }: {
     showCommentPanel: any;
     setShowCommentPanel: any;
     comments: any;
@@ -10,5 +10,6 @@ export default function CommentPanel({ showCommentPanel, setShowCommentPanel, co
     resolvedComments: any;
     popup: any;
     onShowResolvedCommentsRequest: any;
+    onExitResolvedCommentsView: any;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=commentPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"commentPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Table/commentPanel.tsx"],"names":[],"mappings":"AA0CA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,6BAA6B,GAC9B;;;;;;;;;;;;CAAA,2CAoYA"}
+{"version":3,"file":"commentPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Table/commentPanel.tsx"],"names":[],"mappings":"AA4CA,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,EACR,kBAAkB,EAClB,WAAW,EACX,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EAChB,KAAK,EACL,6BAA6B,EAC7B,0BAA0B,GAC3B;;;;;;;;;;;;;CAAA,2CA2YA"}

package/dist/components/Table/commentPanel.js

@@ -1,13 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo, useEffect } from "react";
 import moment from "moment";
-import EmptyStateIcon from "../../assets/commentEmptyStateIcon.svg.js";
-import SortIcon from "../../assets/material-symbols_sort.svg.js";
-import MenuIcon from "../../assets/MoreHorizontal.svg.js";
-import NoFilterResultsIcon from "../../assets/no-filter-results.svg.js";
-import SearchIcon from "../../assets/search.svg.js";
-import SuccessFillIcon from "../../assets/success-fill.svg.js";
-import SuccessIcon from "../../assets/success-gray.svg.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { getUserAvatarColor } from "../../utils/avatarColor.js";
 import { toInnerHTML } from "../../utils/html.js";
 import { Avatar } from "../Avatar/index.js";
@@ -15,6 +9,13 @@ import { Button } from "../Button/index.js";
 import { EmptyState } from "../EmptyState/index.js";
 import { Input } from "../Input/index.js";
 import { Menu } from "../Menu/index.js";
+const EmptyStateIcon = getAssetUrl("icons/commentEmptyStateIcon.svg");
+const SortIcon = getAssetUrl("icons/material-symbols_sort.svg");
+const MenuIcon = getAssetUrl("icons/MoreHorizontal.svg");
+const NoFilterResultsIcon = getAssetUrl("icons/no-filter-results.svg");
+const SearchIcon = getAssetUrl("icons/search.svg");
+const SuccessFillIcon = getAssetUrl("icons/success-fill.svg");
+const SuccessIcon = getAssetUrl("icons/success-gray.svg");
 const COMMENT_SEARCH_OPTIONS = [
   {
     label: "Sort by date",
@@ -48,7 +49,8 @@ function CommentPanel({
   commentProps,
   resolvedComments,
   popup,
-  onShowResolvedCommentsRequest
+  onShowResolvedCommentsRequest,
+  onExitResolvedCommentsView
 }) {
   const [activeItem, setActiveItem] = useState(null);
   const [menuAnchorEl, setMenuAnchorEl] = useState(null);
@@ -128,6 +130,9 @@ function CommentPanel({
   };
   const handleOptionClick = async (option) => {
     setMenuAnchorEl(null);
+    if (selectedOption === "opt3" && option.value !== "opt3" && onExitResolvedCommentsView) {
+      onExitResolvedCommentsView();
+    }
     if (option.value === "opt3" && onShowResolvedCommentsRequest) {
       setIsLoadingResolvedComments(true);
       try {

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

@@ -154,4 +154,6 @@ export declare const syncFiltersWithModal: (api: any, currentColumnId: any, inpu
  * @returns {object} - AG Grid filter model
  */
 export declare const buildAdvanceSearchFilterModel: (formValues: any, colDefs: any) => {};
+/** Show or hide AG Grid's no-rows overlay based on displayed row count after filtering. */
+export declare const syncNoRowsOverlay: (api: any) => void;
 //# sourceMappingURL=filterUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Table/filterUtils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB,GAAI,cAAS,QAoDjD,CAAC;AAGF,eAAO,MAAM,4BAA4B,GAAI,cAAS,EAAE,aAAa,QAyBpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAK,QAMtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAK,EAAE,cAAS;;;CA4EhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAG,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,GAAI,gBAAW,EAAE,eAAU,EAAE,cAAS,EAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;aAoG7F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,EAAE,UAAK,QAoB3C,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAK,EAAE,cAAS,EAAE,QAAG,EAAE,aAAQ;;;CA0ErE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,gBAAW,YAwB7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,aAAQ,EAAE,cAAS,EAAE,YAAO,QAc1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,YAUzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAQ,EAAE,WAAM,EAAE,cAAS,EAAE,YAAO;;;;;;;;;;;CA4C9E,CAAC;AAqGF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,oBAAe,EAAE,aAAQ,EAAE,UAAK,EAAE,cAAS,EAAE,YAAO,QAUrF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAG,EACH,oBAAe,EACf,eAAU,EACV,cAAS,EACT,YAAO,EACP,aAAQ,EACR,sBAAiB,EACjB,+BAA0B,SA2B3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GAAI,eAAU,EAAE,YAAO,OAqChE,CAAC"}
+{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Table/filterUtils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB,GAAI,cAAS,QAoDjD,CAAC;AAGF,eAAO,MAAM,4BAA4B,GAAI,cAAS,EAAE,aAAa,QAyBpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAK,QAMtC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAK,EAAE,cAAS;;;CAsFhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAG,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,GAAI,gBAAW,EAAE,eAAU,EAAE,cAAS,EAAE,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;aAoG7F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,EAAE,UAAK,QAoB3C,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAK,EAAE,cAAS,EAAE,QAAG,EAAE,aAAQ;;;CA0ErE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,gBAAW,YAwB7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,aAAQ,EAAE,cAAS,EAAE,YAAO,QAc1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,YAUzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAQ,EAAE,WAAM,EAAE,cAAS,EAAE,YAAO;;;;;;;;;;;CA4C9E,CAAC;AAqGF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,oBAAe,EAAE,aAAQ,EAAE,UAAK,EAAE,cAAS,EAAE,YAAO,QAUrF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAG,EACH,oBAAe,EACf,eAAU,EACV,cAAS,EACT,YAAO,EACP,aAAQ,EACR,sBAAiB,EACjB,+BAA0B,SA2B3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GAAI,eAAU,EAAE,YAAO,OAqChE,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB,GAAI,QAAG,SAkBpC,CAAC"}

package/dist/components/Table/filterUtils.js

@@ -87,7 +87,7 @@ const parseFilterValue = (value, columnDef) => {
     parsedValue = void 0;
     return { parsedValue, filterType };
   }
-  if (filter === "agNumberColumnFilter" || type === "number") {
+  if (filter === "agNumberColumnFilter") {
     const cleanedValue = cleanNumericValue(value);
     const numericValue = parseFloat(cleanedValue);
     if (isNaN(numericValue) || cleanedValue === "") {
@@ -97,6 +97,11 @@ const parseFilterValue = (value, columnDef) => {
     filterType = "equals";
     return { parsedValue, filterType };
   }
+  if (type === "number" && filter === "agTextColumnFilter") {
+    parsedValue = typeof value === "string" ? value : String(value);
+    filterType = "contains";
+    return { parsedValue, filterType };
+  }
   parsedValue = typeof value === "string" ? value : typeof value === "object" && (value == null ? void 0 : value.value) ? value.value : value;
   return { parsedValue, filterType };
 };
@@ -434,6 +439,22 @@ const buildAdvanceSearchFilterModel = (formValues, colDefs) => {
   });
   return filterModel;
 };
+const syncNoRowsOverlay = (api) => {
+  if (!api || typeof api.isDestroyed === "function" && api.isDestroyed()) {
+    return;
+  }
+  setTimeout(() => {
+    if (!api || typeof api.isDestroyed === "function" && api.isDestroyed()) {
+      return;
+    }
+    const displayedRowCount = api.getDisplayedRowCount();
+    if (displayedRowCount === 0) {
+      api.showNoRowsOverlay();
+    } else {
+      api.hideOverlay();
+    }
+  }, 100);
+};
 export {
   buildAdvanceSearchFilterModel,
   buildFilterModelEntry,
@@ -449,5 +470,6 @@ export {
   parseFilterValue,
   parseInlineSearchValue,
   syncFiltersWithModal,
+  syncNoRowsOverlay,
   updateOrAddFilter
 };

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

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export declare const onColMenuFreezeClick: (params: any) => void;
 export declare const freezeColumn: (params: any, isPinned: any) => void;
 export declare const onColMenuAutoAdjustClick: (params: any) => void;
@@ -53,6 +51,6 @@ export declare const getMainMenuItems: (params: any) => (string | {
     subMenu?: undefined;
     action?: undefined;
 })[];
-export declare const Columns: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export declare const Columns: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
 export declare const updateFontSizeOnToolPanel: (fontSizeType: any) => string;
 //# sourceMappingURL=tableFunctions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableFunctions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAiC7F,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqItC,CAAC;AA6BF,eAAO,MAAM,OAAO,+DAuwClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableFunctions.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAK9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqItC,CAAC;AA6BF,eAAO,MAAM,OAAO,mFAuwClB,CAAC;AAEH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}

package/dist/components/Table/tableFunctions.js

@@ -1,29 +1,30 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { useSensors, useSensor, TouchSensor, MouseSensor, DndContext, closestCenter } from "../../node_modules/@dnd-kit/core/dist/core.esm.js";
-import { SortableContext, arrayMove, useSortable } from "../../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { CSS } from "../../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter } from "@dnd-kit/core";
+import { SortableContext, arrayMove, useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
 import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowDown.js";
 import default_1$3 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
 import default_1 from "../../node_modules/@mui/icons-material/KeyboardArrowUp.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/Search.js";
-import saveViewIcon from "../../assets/saveViewIcon.svg.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { debounce } from "../../utils/debounce.js";
+import { isViewNameUnique } from "../../utils/helper.js";
+import { Badge } from "../Badge/index.js";
+import { Button } from "../Button/index.js";
 import { Checkbox } from "../Checkbox/index.js";
 import { Input } from "../Input/index.js";
-import { Button } from "../Button/index.js";
 import { Modal } from "../Modal/index.js";
 import { Prompt } from "../Prompt/index.js";
 import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
 import { Select } from "../Select/index.js";
-import { Badge } from "../Badge/index.js";
-import { isViewNameUnique } from "../../utils/helper.js";
-import saveViewEditIcon from "../../assets/saveViewEditIcon.svg.js";
-import saveViewDeleteIcon from "../../assets/saveViewDeleteIcon.svg.js";
-import defaultViewIcon from "../../assets/defaultViewIcon.svg.js";
-import defaultViewActiveIcon from "../../assets/defaultViewIconActive.svg.js";
-import { debounce } from "../../utils/debounce.js";
 import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
 import DragIndicator from "../../node_modules/@mui/icons-material/esm/DragIndicator.js";
+const saveViewIcon = getAssetUrl("icons/saveViewIcon.svg");
+const saveViewEditIcon = getAssetUrl("icons/saveViewEditIcon.svg");
+const saveViewDeleteIcon = getAssetUrl("icons/deleteIcon.svg");
+const defaultViewIcon = getAssetUrl("icons/defaultViewIcon.svg");
+const defaultViewActiveIcon = getAssetUrl("icons/defaultViewIconActive.svg");
 const onColMenuFreezeClick = (params) => {
   const { pinned } = params.column;
   if (pinned) {

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

@@ -1,4 +1,4 @@
-export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize, setTableFontSize, rowHeight, setRowHeight, tableHeader, topRightOptions, topLeftOptions, onGlobalSearchClick, cardContainer, onNumberFormatChange, hideRowHeightOptionMenu, showDownloadButton, onDownloadButtonClick, closeButton, handleCloseButtonClick, additionalButtons, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, topCenterOptions, showContentualFilter, showContentualFilterBadge, onContentualFilterClick, contentualFilterProps, contentualFilterComponent, tableActions, onTableActionsTabClick, hideTableFormat, hideTableActions, hideTableSetting, explicitlyCloseTableSetting, customSystemButton, isChatEnabled, handleChatClick, isChatOpen, handleChatClose, chatConfiguration, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, isCommentFeatureEnabled, showCommentBadge, toggleCommentMode, commentMode, hideFontSize, hideNumericFormat, onContentDensityChange, isCommentResolvedAlertOpen, setIsCommentResolvedAlertOpen, showCommentPanel, setShowCommentPanel, customTabInTableSettings, closeTableSettingOnOutsideClick, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, contentualFilterOpenByDefault, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, }: {
+export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize, setTableFontSize, rowHeight, setRowHeight, tableHeader, topRightOptions, topLeftOptions, onGlobalSearchClick, cardContainer, onNumberFormatChange, hideRowHeightOptionMenu, showDownloadButton, onDownloadButtonClick, closeButton, handleCloseButtonClick, additionalButtons, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, topCenterOptions, showContentualFilter, showContentualFilterBadge, onContentualFilterClick, contentualFilterProps, contentualFilterComponent, tableActions, onTableActionsTabClick, hideTableFormat, hideTableActions, hideTableSetting, explicitlyCloseTableSetting, customSystemButton, isChatEnabled, handleChatClick, isChatOpen, handleChatClose, chatConfiguration, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, isCommentFeatureEnabled, showCommentBadge, toggleCommentMode, commentMode, hideFontSize, hideNumericFormat, onContentDensityChange, isCommentResolvedAlertOpen, setIsCommentResolvedAlertOpen, showCommentPanel, setShowCommentPanel, customTabInTableSettings, closeTableSettingOnOutsideClick, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, contentualFilterOpenByDefault, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, viewPoint, disableContextualFilter, disableTableSettings, onAdvanceSortClick, advanceSortEnabled, }: {
     actualRef: any;
     colDefs: any;
     Columns: any;
@@ -70,5 +70,10 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
     tableSettingsTitle: any;
     registerTableSettingToggle: any;
     numericFormatDefault: any;
+    viewPoint: any;
+    disableContextualFilter: any;
+    disableTableSettings: any;
+    onAdvanceSortClick: any;
+    advanceSortEnabled: any;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=tableHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableHeader.tsx"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,EACvB,qBAA0B,EAC1B,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,aAAoB,EACpB,eAA0B,EAC1B,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAC/B,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAkWA"}
+{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableHeader.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,yBAAyB,EACzB,uBAAuB,EACvB,qBAA0B,EAC1B,yBAAyB,EACzB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,2BAA2B,EAC3B,kBAAkB,EAClB,aAAoB,EACpB,eAA0B,EAC1B,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,uBAAuB,EACvB,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,0BAA0B,EAC1B,6BAA6B,EAC7B,gBAAgB,EAChB,mBAAmB,EACnB,wBAAwB,EACxB,+BAA+B,EAC/B,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAsWA"}

package/dist/components/Table/tableHeader.js

@@ -1,13 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useMemo } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import { Button } from "../Button/index.js";
 import TableMoreOptions from "./tableMoreOptions.js";
-import ChatIcon from "../../assets/chatIcon.svg.js";
 import { Alert } from "../Alert/index.js";
 import { FiltersStrip } from "../FiltersStrip/index.js";
 import TableChatSidePanel from "../TableChat/TableChatSidePanel.js";
 import { Tooltip } from "../Tooltip/index.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
+const ChatIcon = getAssetUrl("icons/chatIcon.svg");
 function TableHeader({
   actualRef,
   colDefs,
@@ -80,7 +81,12 @@ function TableHeader({
   contentualFilterOpenByDefault,
   tableSettingsTitle,
   registerTableSettingToggle,
-  numericFormatDefault
+  numericFormatDefault,
+  viewPoint,
+  disableContextualFilter,
+  disableTableSettings,
+  onAdvanceSortClick,
+  advanceSortEnabled
 }) {
   var _a, _b;
   const [showMenu, setShowMenu] = useState(false);
@@ -257,12 +263,13 @@ function TableHeader({
                 onClick: onGlobalSearchClick
               }
             ) : null,
-            topRightOptions && /* @__PURE__ */ jsx("div", { className: "divider-line" }),
+            topRightOptions && viewPoint !== "list" && /* @__PURE__ */ jsx("div", { className: "divider-line" }),
             showContentualFilter && /* @__PURE__ */ jsx(Tooltip, { title: showFilterStrip ? "Hide filter" : "Show filter", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showContentualFilterBadge, variant: "dot", children: /* @__PURE__ */ jsx(
               Button,
               {
                 "data-icon": showFilterStrip ? "hide-filter" : "contentual-filter",
                 "data-type": "table-icon",
+                disabled: disableContextualFilter,
                 variant: "text",
                 onClick: handleFilterClick
               }
@@ -294,6 +301,7 @@ function TableHeader({
               {
                 "data-icon": "table-settings",
                 "data-type": "table-icon",
+                disabled: disableTableSettings,
                 variant: "text",
                 onClick: handleMenuClick
               }
@@ -316,6 +324,7 @@ function TableHeader({
           TableMoreOptions,
           {
             actualRef,
+            advanceSortEnabled,
             colDefs,
             Columns,
             customRenderSaveViewContent,
@@ -357,6 +366,7 @@ function TableHeader({
             tableActions,
             tableFontSize,
             tableSettingsTitle,
+            onAdvanceSortClick,
             onContentDensityChange,
             onNumberFormatChange,
             onRowHeightChange,

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

@@ -1,4 +1,4 @@
-export default function TableMoreOptions({ showMenu, extraButtons, hideRowHeightOptionMenu, onRowHeightChange, rowHeight, isGroupRows, actualRef, Columns, handleMenuClick, tableFontSize, setTableFontSize, onNumberFormatChange, colDefs, setShowMenu, showTableSetting, setShowTableSetting, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, tableActions, onTableActionsTabClick, showFilterStrip, hideTableFormat, hideTableActions, explicitlyCloseTableSetting, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, hideFontSize, hideNumericFormat, onContentDensityChange, customTabInTableSettings, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, }: {
+export default function TableMoreOptions({ showMenu, extraButtons, hideRowHeightOptionMenu, onRowHeightChange, rowHeight, isGroupRows, actualRef, Columns, handleMenuClick, tableFontSize, setTableFontSize, onNumberFormatChange, colDefs, setShowMenu, showTableSetting, setShowTableSetting, setTableSettingOpen, showHideEditableCells, handleShowHideEditableCells, tableActions, onTableActionsTabClick, showFilterStrip, hideTableFormat, hideTableActions, explicitlyCloseTableSetting, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, hideFontSize, hideNumericFormat, onContentDensityChange, customTabInTableSettings, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, onAdvanceSortClick, advanceSortEnabled, }: {
     showMenu: any;
     extraButtons: any;
     hideRowHeightOptionMenu: any;
@@ -45,5 +45,7 @@ export default function TableMoreOptions({ showMenu, extraButtons, hideRowHeight
     tableSettingsTitle: any;
     registerTableSettingToggle: any;
     numericFormatDefault: any;
+    onAdvanceSortClick: any;
+    advanceSortEnabled?: boolean | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tableMoreOptions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableMoreOptions.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,2BAA2B,EAC3B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAiNA"}
+{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableMoreOptions.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,YAAY,EACZ,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,SAAS,EACT,OAAO,EACP,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,2BAA2B,EAC3B,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,2BAA2B,EAC3B,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,kBAAkB,EAClB,kBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAqOA"}

package/dist/components/Table/tableMoreOptions.js

@@ -1,8 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
 import TableSettings from "./tableSettings.js";
-import tableSettingsIcon from "../../assets/tableSettingIcon.svg.js";
 import { Button } from "../Button/index.js";
+getAssetUrl("icons/compress.svg");
+const tableSettingsIcon = getAssetUrl("icons/tableSettingIcon.svg");
+const tableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
 function TableMoreOptions({
   showMenu,
   extraButtons,
@@ -49,7 +52,9 @@ function TableMoreOptions({
   deleteViewPromptText,
   tableSettingsTitle,
   registerTableSettingToggle,
-  numericFormatDefault
+  numericFormatDefault,
+  onAdvanceSortClick,
+  advanceSortEnabled = true
 }) {
   var _a, _b, _c;
   const [showDensityMenu, setShowDensityMenu] = useState(false);
@@ -172,6 +177,28 @@ function TableMoreOptions({
                 )
               ] })
             ] }),
+            advanceSortEnabled && onAdvanceSortClick && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "table-settings-container",
+                tabIndex: 0,
+                onClick: () => {
+                  onAdvanceSortClick();
+                  setShowMenu(false);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    onAdvanceSortClick();
+                    setShowMenu(false);
+                  }
+                },
+                children: [
+                  /* @__PURE__ */ jsx("img", { alt: "advance sort", src: tableSortIcon }),
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Advance Sort" })
+                ]
+              }
+            ),
             showHideEditableCells ? /* @__PURE__ */ jsx("div", { className: "show-hide-editable-cells-container", children: /* @__PURE__ */ jsx(
               Button,
               {

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

@@ -1 +1 @@
-{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableSettings.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAuJA"}
+{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableSettings.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,OAAO,EACP,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,wBAAwB,EACxB,oBAAoB,EACpB,2BAA2B,EAC3B,mBAAmB,EACnB,oBAAoB,EACpB,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,GACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAuJA"}

package/dist/components/Table/tableSettings.js

@@ -175,7 +175,7 @@ function TableSettings({
             value: selectedMenuTab,
             onChange: (_event, val) => {
               setSelectedMenuTab(val);
-              if (val === "Actions") {
+              if (val === "Actions" && typeof onTableActionsTabClick === "function") {
                 onTableActionsTabClick();
               }
             }

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

@@ -1 +1 @@
-{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Table/withCommentIcon.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,aAAQ,MAC9B,UAAK,4CAgGd,CAAC"}
+{"version":3,"file":"withCommentIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Table/withCommentIcon.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,GAAI,aAAQ,MAC9B,UAAK,4CAgGd,CAAC"}

package/dist/components/Table/withCommentIcon.js

@@ -1,6 +1,7 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import CommentIndicator from "../../assets/comment-indicator.svg.js";
+import { getAssetUrl } from "../../utils/assetBase.js";
+const CommentIndicator = getAssetUrl("icons/comment-indicator.svg");
 const withCommentIcon = (Renderer) => {
   return (props) => {
     var _a, _b;

package/dist/components/TableChat/EmptyContainer.js

@@ -1,5 +1,6 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}#table-chat-side-panel .impact_drawer_container{background:#fff}#table-chat-side-panel .impact_drawer_header{background:#eceefd;border-bottom:1px solid #d9dde7}#table-chat-side-panel .impact_drawer_body{padding:0}.table-chat-container{display:flex;flex-direction:row;gap:10px;height:100%;width:100%}.empty-container{align-items:center;display:flex;justify-content:center}.empty-container img{height:197px;width:190px}.empty-container p:first-of-type{color:#1f2b4d;font-size:20px;font-style:normal;font-weight:800;line-height:30px}.empty-container p:nth-of-type(2){color:#7a8294;font-size:16px;font-style:normal;font-weight:500;line-height:125%;text-align:center}.loader-padding{padding:16px;width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                               */
+
 import { EmptyStateImage } from "../EmptyState/EmptyStateImage.js";
 const EmptyContainer = ({ title, subTitle }) => {
   return /* @__PURE__ */ jsxs("div", { className: "table-chat-right-section-container-empty empty-container", children: [

package/dist/components/TableChat/TableChatSidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableChatSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/TableChat/TableChatSidePanel.tsx"],"names":[],"mappings":"AAWA,OAAO,kCAAkC,CAAC;AAU1C,QAAA,MAAM,kBAAkB,GAAI;;;;CAA0C,4CAkuBrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"TableChatSidePanel.d.ts","sourceRoot":"","sources":["../../../src/components/TableChat/TableChatSidePanel.tsx"],"names":[],"mappings":"AAWA,OAAO,kCAAkC,CAAC;AAU1C,QAAA,MAAM,kBAAkB,GAAI;;;;CAA0C,4CAmuBrE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/TableChat/TableChatSidePanel.js

@@ -1,3 +1,4 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}#table-chat-side-panel .impact_drawer_container{background:#fff}#table-chat-side-panel .impact_drawer_header{background:#eceefd;border-bottom:1px solid #d9dde7}#table-chat-side-panel .impact_drawer_body{padding:0}.table-chat-container{display:flex;flex-direction:row;gap:10px;height:100%;width:100%}.empty-container{align-items:center;display:flex;justify-content:center}.empty-container img{height:197px;width:190px}.empty-container p:first-of-type{color:#1f2b4d;font-size:20px;font-style:normal;font-weight:800;line-height:30px}.empty-container p:nth-of-type(2){color:#7a8294;font-size:16px;font-style:normal;font-weight:500;line-height:125%;text-align:center}.loader-padding{padding:16px;width:100%}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { Panel } from "../Panel/index.js";
@@ -9,7 +10,7 @@ import TableChatChannelHeader from "./components/TableChatLeftSection/TableChatC
 import { PinnedPanel } from "./components/TableChatRightSection/PinedChatPanel/PinedChatPanel.js";
 import TableChatRightSection from "./components/TableChatRightSection/TableChatRightSection.js";
 import { EmptyContainer } from "./EmptyContainer.js";
-/* empty css                               */
+
 const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
   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;
   const [selectedChannelId, setSelectedChannelId] = useState(null);
@@ -124,7 +125,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
           var _a3, _b3;
           setShowPinnedMsg(false);
           setShowThread(true);
-          handleThreadClick();
+          handleThreadClick(messageId);
           (_b3 = (_a3 = chatConfiguration == null ? void 0 : chatConfiguration.messageChatConfig) == null ? void 0 : _a3.onThreadClick) == null ? void 0 : _b3.call(_a3, messageId, messageItem);
         },
         // Load participants for mentions
@@ -220,12 +221,13 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
             id: (_d2 = (_c2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _c2.object_ids) == null ? void 0 : _d2[0],
             title: "Chat List",
             objectType: (_e2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _e2.object_type
-            // or get from configuration
           };
           await fetchChatList(newChannelInfo);
           setSelectedChannelInfo(newChannelInfo);
           setSelectedChannelId((_g2 = (_f2 = newChat == null ? void 0 : newChat.otherProps) == null ? void 0 : _f2.object_ids) == null ? void 0 : _g2[0]);
           await handleChatClick(newChat.id, newChat);
+        } else if (selectedChannelId2) {
+          await fetchChatList(selectedChannelId2);
         }
       }
       return response;
@@ -306,6 +308,7 @@ const TableChatSidePanel = ({ isOpen, handleClose, chatConfiguration }) => {
     setIsSearchOpen(false);
     setIsMoreOpen(false);
     setHighlightMessageId(null);
+    setIsCreateNewChatOpen(false);
   };
   const handleBackToChannels = async () => {
     var _a2;

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatFooterSkeleton.js

@@ -1,5 +1,6 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chat-skeleton-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:610px;overflow:hidden}.chat-skeleton,.chat-skeleton-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header-skeleton{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-left{align-items:center;display:flex;gap:12px}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-header-right{align-items:center;display:flex;gap:8px}.chat-body{background-color:#f5f5f5;flex:1;overflow-y:auto;padding:16px}.chat-message-list-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.thread-skeleton{max-width:550px}.date-separator-skeleton{display:flex;justify-content:center;margin:8px 0}.message-skeleton{display:flex;gap:8px;max-width:70%;width:100%}.message-skeleton.own-message{align-self:flex-end;flex-direction:row-reverse}.message-content-skeleton{display:flex;flex-direction:column;gap:4px}.message-meta-skeleton{align-items:center;display:flex;gap:4px;margin-top:4px}.chat-footer-skeleton{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.chat-actions,.chat-input-container{align-items:center;display:flex;gap:8px}.chat-actions{justify-content:flex-end;margin-bottom:4px}.action-skeleton,.attach-skeleton,.avatar-skeleton,.date-skeleton,.emoji-skeleton,.icon-skeleton,.input-skeleton,.message-avatar-skeleton,.send-skeleton,.sender-skeleton,.status-skeleton,.text-skeleton,.time-skeleton,.title-skeleton{background-color:#e0e0e0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                  */
+
 import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
 const ChatFooterSkeleton = () => {
   return /* @__PURE__ */ jsxs("div", { className: "chat-footer-skeleton", children: [

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatHeaderSkeleton.js

@@ -1,5 +1,6 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chat-skeleton-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:610px;overflow:hidden}.chat-skeleton,.chat-skeleton-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header-skeleton{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-left{align-items:center;display:flex;gap:12px}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-header-right{align-items:center;display:flex;gap:8px}.chat-body{background-color:#f5f5f5;flex:1;overflow-y:auto;padding:16px}.chat-message-list-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.thread-skeleton{max-width:550px}.date-separator-skeleton{display:flex;justify-content:center;margin:8px 0}.message-skeleton{display:flex;gap:8px;max-width:70%;width:100%}.message-skeleton.own-message{align-self:flex-end;flex-direction:row-reverse}.message-content-skeleton{display:flex;flex-direction:column;gap:4px}.message-meta-skeleton{align-items:center;display:flex;gap:4px;margin-top:4px}.chat-footer-skeleton{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.chat-actions,.chat-input-container{align-items:center;display:flex;gap:8px}.chat-actions{justify-content:flex-end;margin-bottom:4px}.action-skeleton,.attach-skeleton,.avatar-skeleton,.date-skeleton,.emoji-skeleton,.icon-skeleton,.input-skeleton,.message-avatar-skeleton,.send-skeleton,.sender-skeleton,.status-skeleton,.text-skeleton,.time-skeleton,.title-skeleton{background-color:#e0e0e0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
-/* empty css                  */
+
 import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
 const ChatHeaderSkeleton = () => {
   return /* @__PURE__ */ jsxs("div", { className: "chat-header-skeleton", children: [

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatMessageListSkeleton.js

@@ -1,5 +1,6 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chat-skeleton-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:610px;overflow:hidden}.chat-skeleton,.chat-skeleton-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header-skeleton{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-left{align-items:center;display:flex;gap:12px}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-header-right{align-items:center;display:flex;gap:8px}.chat-body{background-color:#f5f5f5;flex:1;overflow-y:auto;padding:16px}.chat-message-list-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.thread-skeleton{max-width:550px}.date-separator-skeleton{display:flex;justify-content:center;margin:8px 0}.message-skeleton{display:flex;gap:8px;max-width:70%;width:100%}.message-skeleton.own-message{align-self:flex-end;flex-direction:row-reverse}.message-content-skeleton{display:flex;flex-direction:column;gap:4px}.message-meta-skeleton{align-items:center;display:flex;gap:4px;margin-top:4px}.chat-footer-skeleton{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.chat-actions,.chat-input-container{align-items:center;display:flex;gap:8px}.chat-actions{justify-content:flex-end;margin-bottom:4px}.action-skeleton,.attach-skeleton,.avatar-skeleton,.date-skeleton,.emoji-skeleton,.icon-skeleton,.input-skeleton,.message-avatar-skeleton,.send-skeleton,.sender-skeleton,.status-skeleton,.text-skeleton,.time-skeleton,.title-skeleton{background-color:#e0e0e0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
-/* empty css                  */
+
 import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
 const ChatMessageListSkeleton = ({ className, messageCount = 8 }) => {
   const renderSkeletonMessages = () => {

package/dist/components/TableChat/components/ChatMessageSkeleton/ChatSkeleton.js

@@ -1,8 +1,9 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chat-skeleton-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 2px #0000001a;max-width:610px;overflow:hidden}.chat-skeleton,.chat-skeleton-container{display:flex;flex-direction:column;height:100%;width:100%}.chat-header-skeleton{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px 16px}.chat-header-left{align-items:center;display:flex;gap:12px}.chat-info{display:flex;flex-direction:column;gap:4px}.chat-header-right{align-items:center;display:flex;gap:8px}.chat-body{background-color:#f5f5f5;flex:1;overflow-y:auto;padding:16px}.chat-message-list-skeleton{display:flex;flex-direction:column;gap:16px;width:100%}.thread-skeleton{max-width:550px}.date-separator-skeleton{display:flex;justify-content:center;margin:8px 0}.message-skeleton{display:flex;gap:8px;max-width:70%;width:100%}.message-skeleton.own-message{align-self:flex-end;flex-direction:row-reverse}.message-content-skeleton{display:flex;flex-direction:column;gap:4px}.message-meta-skeleton{align-items:center;display:flex;gap:4px;margin-top:4px}.chat-footer-skeleton{background-color:#fff;border-top:1px solid #e0e0e0;padding:12px 16px}.chat-actions,.chat-input-container{align-items:center;display:flex;gap:8px}.chat-actions{justify-content:flex-end;margin-bottom:4px}.action-skeleton,.attach-skeleton,.avatar-skeleton,.date-skeleton,.emoji-skeleton,.icon-skeleton,.input-skeleton,.message-avatar-skeleton,.send-skeleton,.sender-skeleton,.status-skeleton,.text-skeleton,.time-skeleton,.title-skeleton{background-color:#e0e0e0}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import ChatFooterSkeleton from "./ChatFooterSkeleton.js";
 import ChatHeaderSkeleton from "./ChatHeaderSkeleton.js";
 import ChatMessageListSkeleton from "./ChatMessageListSkeleton.js";
-/* empty css                  */
+
 const ChatSkeleton = () => {
   return /* @__PURE__ */ jsx("div", { className: "chat-skeleton-container", children: /* @__PURE__ */ jsxs("div", { className: "chat-skeleton", children: [
     /* @__PURE__ */ jsx(ChatHeaderSkeleton, {}),

package/dist/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddChatContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,gCAAgC,CAAC;AA4BxC,QAAA,MAAM,OAAO,GAAI;;;;;;CAMhB,4CA0HA,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"AddChatContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatLeftSection/AddChatContainer/AddChatContainer.tsx"],"names":[],"mappings":"AAMA,OAAO,gCAAgC,CAAC;AAuBxC,QAAA,MAAM,OAAO,GAAI;;;;;;CAMhB,4CAyHA,CAAC;AAEF,eAAe,OAAO,CAAC"}