impact-ui 5.0.1 → 5.0.2-alpha.1

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

@@ -1 +1 @@
-{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableFunctions.tsx"],"names":[],"mappings":"AA4DA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,QAAG,QAM/B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4ItC,CAAC;AAuhBF,eAAO,MAAM,OAAO,mFA03ClB,CAAC;AACH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableFunctions.tsx"],"names":[],"mappings":"AA8DA,eAAO,MAAM,oBAAoB,GAAI,WAAM,SAQ1C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,QAAG,QAM/B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,WAAM,EAAE,aAAQ,SAK5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,WAAM,SAM9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,eAAU,EAAE,WAAM,EAAE,QAAG,SAM/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,WAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4ItC,CAAC;AA+kBF,eAAO,MAAM,OAAO,mFA+4ClB,CAAC;AACH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}

package/dist/components/TableV36/tableFunctions.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useMemo, useEffect, useCallback, memo } from "react";
-import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
+import { useSensors, useSensor, MouseSensor, TouchSensor, DndContext, closestCenter, DragOverlay, useDroppable } from "@dnd-kit/core";
 import { arrayMove, SortableContext, useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import { PersonUser as PersonUser_default, Globe as Globe_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { PersonUser as PersonUser_default, Globe as Globe_default, PinnedIcon as PinnedIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 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";
@@ -23,6 +23,7 @@ import HighlightedText from "./HighlightedText.js";
 import { collectVisibleLeafIds, syncColumnSearchTextToGrid, ensureColumnGroupsExpanded } from "./tableUtils.js";
 import IconButton from "../../node_modules/@mui/material/IconButton/IconButton.js";
 import DragIndicator from "../../node_modules/@mui/icons-material/esm/DragIndicator.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 const saveViewIcon = getAssetUrl("icons/saveViewIcon.svg");
 const saveViewEditIcon = getAssetUrl("icons/saveViewEditIcon.svg");
 const saveViewDeleteIcon = getAssetUrl("icons/saveViewDeleteIcon.svg");
@@ -392,6 +393,33 @@ const applyVisibilityMapToGrid = (api, visibilityMap) => {
 const capitalizeHeader = (name) => name ? name.charAt(0).toUpperCase() + name.slice(1) : "";
 const mouseSensorOptions = { activationConstraint: { distance: 5 } };
 const touchSensorOptions = { activationConstraint: { delay: 200, tolerance: 5 } };
+const FROZEN_DROP_ZONE_ID = "frozen-drop-zone";
+const FrozenColumnsDropZone = () => {
+  const { t } = useTranslation();
+  const { setNodeRef } = useDroppable({ id: FROZEN_DROP_ZONE_ID });
+  return /* @__PURE__ */ jsx("div", { ref: setNodeRef, className: "table-setting-frozen-drop-zone", children: /* @__PURE__ */ jsx("span", { children: t("table.columns.dragHereToFreeze") }) });
+};
+const hasFrozenColumns = (columns) => columns.length > 0 && !(columns.length === 1 && columns[0].headerName === "N/A");
+const PinSideToggle = ({ pinned, onToggle }) => {
+  const isRight = pinned === "right";
+  return /* @__PURE__ */ jsxs("div", { className: "table-setting-pin-side-toggle", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `table-setting-pin-side-label${isRight ? "" : " is-active"}`, children: "L" }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": isRight ? "Pin right" : "Pin left",
+        className: `table-setting-pin-side-track${isRight ? " is-right" : ""}`,
+        onClick: (e) => {
+          e.stopPropagation();
+          onToggle == null ? void 0 : onToggle(isRight ? "left" : "right");
+        },
+        children: /* @__PURE__ */ jsx("span", { className: "table-setting-pin-side-thumb", children: /* @__PURE__ */ jsx(PinnedIcon_default, {}) })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: `table-setting-pin-side-label${isRight ? " is-active" : ""}`, children: "R" })
+  ] });
+};
 const ColumnRowContent = memo(function ColumnRowContent2({
   column,
   level,
@@ -407,8 +435,10 @@ const ColumnRowContent = memo(function ColumnRowContent2({
   onKeyboardReorder,
   dragHandleProps,
   isOverlay,
-  searchText
+  searchText,
+  onTogglePinSide
 }) {
+  const isFrozen = rowClassName == null ? void 0 : rowClassName.includes("frozen-columns-list-item");
   const rowStyle = useMemo(
     () => ({
       ["--indent-level"]: level
@@ -536,12 +566,19 @@ const ColumnRowContent = memo(function ColumnRowContent2({
               text: capitalizeHeader(column.headerName)
             }
           )
-        ] })
+        ] }),
+        isFrozen && !isOverlay && /* @__PURE__ */ jsx(
+          PinSideToggle,
+          {
+            pinned: column.pinned,
+            onToggle: (side) => onTogglePinSide == null ? void 0 : onTogglePinSide(column.colId, side)
+          }
+        )
       ]
     }
   );
 });
-const areSortablePropsEqual = (prev, next) => prev.column.colId === next.column.colId && prev.column.isVisible === next.column.isVisible && prev.column.headerName === next.column.headerName && prev.column.disabled === next.column.disabled && prev.isIndeterminate === next.isIndeterminate && prev.checkboxChecked === next.checkboxChecked && prev.reserveCollapseSlot === next.reserveCollapseSlot && prev.level === next.level && prev.isCollapsed === next.isCollapsed && prev.hasChildren === next.hasChildren && prev.rowClassName === next.rowClassName && prev.dragIconClass === next.dragIconClass && prev.onToggleCollapse === next.onToggleCollapse && prev.onToggleVisibility === next.onToggleVisibility && prev.onKeyboardReorder === next.onKeyboardReorder && prev.searchText === next.searchText && prev.children === next.children;
+const areSortablePropsEqual = (prev, next) => prev.column.colId === next.column.colId && prev.column.isVisible === next.column.isVisible && prev.column.headerName === next.column.headerName && prev.column.disabled === next.column.disabled && prev.column.pinned === next.column.pinned && prev.isIndeterminate === next.isIndeterminate && prev.checkboxChecked === next.checkboxChecked && prev.reserveCollapseSlot === next.reserveCollapseSlot && prev.level === next.level && prev.isCollapsed === next.isCollapsed && prev.hasChildren === next.hasChildren && prev.rowClassName === next.rowClassName && prev.dragIconClass === next.dragIconClass && prev.onToggleCollapse === next.onToggleCollapse && prev.onToggleVisibility === next.onToggleVisibility && prev.onTogglePinSide === next.onTogglePinSide && prev.onKeyboardReorder === next.onKeyboardReorder && prev.searchText === next.searchText && prev.children === next.children;
 const SortableColumnItem = memo(function SortableColumnItem2({
   column,
   level,
@@ -556,7 +593,8 @@ const SortableColumnItem = memo(function SortableColumnItem2({
   onToggleVisibility,
   onKeyboardReorder,
   searchText,
-  children
+  children,
+  onTogglePinSide
 }) {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id: column.colId
@@ -594,7 +632,8 @@ const SortableColumnItem = memo(function SortableColumnItem2({
             searchText,
             onKeyboardReorder,
             onToggleCollapse,
-            onToggleVisibility
+            onToggleVisibility,
+            onTogglePinSide
           }
         ),
         hasChildren && !isCollapsed && children
@@ -615,7 +654,8 @@ const NestedColumnItem = memo(function NestedColumnItem2({
   onToggleCollapse,
   onToggleVisibility,
   searchText,
-  children
+  children,
+  onTogglePinSide
 }) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(
@@ -632,7 +672,8 @@ const NestedColumnItem = memo(function NestedColumnItem2({
         rowClassName,
         searchText,
         onToggleCollapse,
-        onToggleVisibility
+        onToggleVisibility,
+        onTogglePinSide
       }
     ),
     hasChildren && !isCollapsed && children
@@ -847,7 +888,8 @@ const Columns = forwardRef((props, ref) => {
         colId: column.colId || column.field || column.headerName,
         headerName: column.headerName || column.field || "N/A",
         isVisible: !(column == null ? void 0 : column.hide),
-        isPinned: column.pinned ? true : false,
+        isPinned: !!column.pinned,
+        pinned: column.pinned === "right" ? "right" : column.pinned ? "left" : null,
         children: ((_a3 = column == null ? void 0 : column.children) == null ? void 0 : _a3.length) > 0 ? getColumnState(column.children) : null,
         disabled: column == null ? void 0 : column.disableColumnCheckboxInSettings
       };
@@ -1085,13 +1127,14 @@ const Columns = forwardRef((props, ref) => {
         isDraggingRef.current = false;
         return;
       }
-      const isFrozenTarget = fullFrozenOrder.includes(overId) || frozenColumnOrder.includes(overId);
+      const isFrozenDropZone = overId === FROZEN_DROP_ZONE_ID;
+      const isFrozenTarget = isFrozenDropZone || fullFrozenOrder.includes(overId) || frozenColumnOrder.includes(overId);
       const isScrollableTarget = fullScrollableOrder.includes(overId) || scrollableColumnOrder.includes(overId);
       const visibleScrollable = scrollableColumnOrder.length ? scrollableColumnOrder : fullScrollableOrder;
       let nextFrozen = [...fullFrozenOrder];
       let nextScrollable = [...fullScrollableOrder];
       let pinChanges = null;
-      if (isFrozenSource && isFrozenTarget) {
+      if (isFrozenSource && isFrozenTarget && !isFrozenDropZone) {
         const oldIndex = nextFrozen.indexOf(activeId);
         const newIndex = nextFrozen.indexOf(overId);
         if (oldIndex === -1 || newIndex === -1) {
@@ -1116,7 +1159,7 @@ const Columns = forwardRef((props, ref) => {
         pinChanges = [{ colId: activeId, pinned: null }];
       } else if (isScrollableSource && isFrozenTarget) {
         nextScrollable = nextScrollable.filter((id) => id !== activeId);
-        const insertAt = !nextFrozen.includes(overId) ? nextFrozen.length : nextFrozen.indexOf(overId);
+        const insertAt = isFrozenDropZone || !nextFrozen.includes(overId) ? nextFrozen.length : nextFrozen.indexOf(overId);
         nextFrozen = [...nextFrozen];
         nextFrozen.splice(insertAt, 0, activeId);
         pinChanges = [{ colId: activeId, pinned: "left" }];
@@ -1181,6 +1224,16 @@ const Columns = forwardRef((props, ref) => {
     },
     [frozenColumn, scrollableColumn, fullFrozenOrder, fullScrollableOrder, commitColumnReorder]
   );
+  const handleTogglePinSide = useCallback(
+    (colId, pinned) => {
+      commitColumnReorder({
+        frozenOrder: fullFrozenOrder,
+        scrollableOrder: fullScrollableOrder,
+        pinChanges: [{ colId, pinned }]
+      });
+    },
+    [commitColumnReorder, fullFrozenOrder, fullScrollableOrder]
+  );
   const renderColumnRow = useCallback(
     (column, level, section) => {
       const isFrozen = section === "frozen";
@@ -1215,6 +1268,7 @@ const Columns = forwardRef((props, ref) => {
             onKeyboardReorder: handleKeyboardReorder,
             onToggleCollapse,
             onToggleVisibility,
+            onTogglePinSide: isFrozen ? handleTogglePinSide : void 0,
             children: childNodes
           },
           column.colId
@@ -1235,6 +1289,7 @@ const Columns = forwardRef((props, ref) => {
           searchText: debouncedSearchText,
           onToggleCollapse,
           onToggleVisibility,
+          onTogglePinSide: isFrozen ? handleTogglePinSide : void 0,
           children: childNodes
         },
         column.colId
@@ -1249,7 +1304,8 @@ const Columns = forwardRef((props, ref) => {
       toggleScrollColumnCollapse,
       toggleColumnVisibilityFrozen,
       toggleColumnVisibilityScroll,
-      handleKeyboardReorder
+      handleKeyboardReorder,
+      handleTogglePinSide
     ]
   );
   const handleSaveAndApply = () => {
@@ -1808,9 +1864,9 @@ const Columns = forwardRef((props, ref) => {
             onDragStart: handleDragStart,
             children: [
               /* @__PURE__ */ jsxs(SortableContext, { items: sortableItems, children: [
-                frozenColumn.length > 0 && !(frozenColumn.length === 1 && frozenColumn[0].headerName === "N/A") && /* @__PURE__ */ jsxs("div", { className: "table-setting-collapse-columns-container", children: [
+                /* @__PURE__ */ jsxs("div", { className: "table-setting-collapse-columns-container", children: [
                   /* @__PURE__ */ jsx("h3", { children: "Frozen columns" }),
-                  /* @__PURE__ */ jsx(
+                  hasFrozenColumns(frozenColumn) ? /* @__PURE__ */ jsx(
                     "div",
                     {
                       "aria-label": "Frozen columns",
@@ -1820,7 +1876,7 @@ const Columns = forwardRef((props, ref) => {
                         (column) => column.headerName !== "N/A" && renderColumnRow(column, 0, "frozen")
                       )
                     }
-                  )
+                  ) : /* @__PURE__ */ jsx(FrozenColumnsDropZone, {})
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "table-setting-scroll-columns-container", children: [
                   /* @__PURE__ */ jsx("h3", { children: "Scrollable Columns" }),

package/dist/components/TableV36/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, isViewNameUniqueAcrossTypes, contentualFilterOpenByDefault, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, extraNumericFormatOptions, viewPoint, disableContextualFilter, disableTableSettings, onAdvanceSortClick, advanceSortEnabled, }: {
+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, handleStartNewChatClick, isChatOpen, handleChatClose, chatConfiguration, hasSelectedRows, chatEntryContext, 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, isViewNameUniqueAcrossTypes, contentualFilterOpenByDefault, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, extraNumericFormatOptions, viewPoint, disableContextualFilter, disableTableSettings, onAdvanceSortClick, advanceSortEnabled, highlightChatIcon }: {
     actualRef: any;
     colDefs: any;
     Columns: any;
@@ -36,9 +36,12 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
     customSystemButton: any;
     isChatEnabled?: boolean | undefined;
     handleChatClick?: (() => void) | undefined;
+    handleStartNewChatClick?: (() => void) | undefined;
     isChatOpen: any;
     handleChatClose: any;
     chatConfiguration: any;
+    hasSelectedRows?: boolean | undefined;
+    chatEntryContext?: null | undefined;
     savedViewsOptions: any;
     handleSaveAndApply: any;
     maxSavedViews: any;
@@ -77,5 +80,6 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
     disableTableSettings: any;
     onAdvanceSortClick: any;
     advanceSortEnabled: any;
+    highlightChatIcon: any;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=tableHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/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,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,GACnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAsWA"}
+{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/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,uBAAkC,EAClC,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,eAAuB,EACvB,gBAAuB,EACvB,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,2BAA2B,EAC3B,6BAA6B,EAC7B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,EACT,uBAAuB,EACvB,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,kDAwXA"}

package/dist/components/TableV36/tableHeader.js

@@ -10,6 +10,7 @@ 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 { useTranslation } from "../../i18n/useTranslation.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
 const ChatIcon = getAssetUrl("icons/chatIcon.svg");
 function TableHeader({
@@ -51,9 +52,13 @@ function TableHeader({
   isChatEnabled = true,
   handleChatClick = () => {
   },
+  handleStartNewChatClick = () => {
+  },
   isChatOpen,
   handleChatClose,
   chatConfiguration,
+  hasSelectedRows = false,
+  chatEntryContext = null,
   savedViewsOptions,
   handleSaveAndApply,
   maxSavedViews,
@@ -91,9 +96,11 @@ function TableHeader({
   disableContextualFilter,
   disableTableSettings,
   onAdvanceSortClick,
-  advanceSortEnabled
+  advanceSortEnabled,
+  highlightChatIcon
 }) {
   var _a, _b;
+  const { t } = useTranslation();
   const [showMenu, setShowMenu] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const handleWidthButtonClose = () => {
@@ -250,16 +257,33 @@ function TableHeader({
               }
             ) : null,
             topRightOptions && viewPoint !== "list" && /* @__PURE__ */ jsx("div", { className: "divider-line" }),
-            isChatEnabled && /* @__PURE__ */ jsx(
+            isChatEnabled && (hasSelectedRows ? /* @__PURE__ */ jsx(
+              Badge,
+              {
+                invisible: !(chatConfiguration == null ? void 0 : chatConfiguration.showChatBadge),
+                overlap: "rectangular",
+                variant: "dot",
+                children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: "table-start-new-chat-button",
+                    icon: /* @__PURE__ */ jsx("img", { alt: "", src: ChatIcon }),
+                    variant: "tertiary",
+                    onClick: handleStartNewChatClick,
+                    children: t("table.header.startNewChat")
+                  }
+                )
+              }
+            ) : /* @__PURE__ */ jsx(
               Tooltip,
               {
-                description: ((_a = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _a.description) || '"Chat" allows you to collaborate with your companions on the go.',
-                title: ((_b = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _b.title) || "New feature",
-                variant: "feature",
+                description: ((_a = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _a.description) || t("table.header.chatDescription"),
+                title: ((_b = chatConfiguration == null ? void 0 : chatConfiguration.tooltipConfig) == null ? void 0 : _b.title) || t("table.header.newFeature"),
+                variant: highlightChatIcon ? "feature" : "tertiary",
                 children: /* @__PURE__ */ jsx(
                   Button,
                   {
-                    className: "table-chat-icon-button",
+                    className: highlightChatIcon ? "table-chat-icon-button" : "",
                     "data-icon": "chat",
                     "data-type": "table-icon",
                     icon: /* @__PURE__ */ jsx("img", { alt: "chat", src: ChatIcon }),
@@ -268,8 +292,8 @@ function TableHeader({
                   }
                 )
               }
-            ),
-            showContentualFilter && /* @__PURE__ */ jsx(Tooltip, { title: showFilterStrip ? "Hide filter" : "Show filter", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showContentualFilterBadge, variant: "dot", children: /* @__PURE__ */ jsx(
+            )),
+            showContentualFilter && /* @__PURE__ */ jsx(Tooltip, { title: showFilterStrip ? t("table.header.hideFilter") : t("table.header.showFilter"), variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showContentualFilterBadge, variant: "dot", children: /* @__PURE__ */ jsx(
               Button,
               {
                 disabled: disableContextualFilter,
@@ -278,7 +302,7 @@ function TableHeader({
                 onClick: handleFilterClick
               }
             ) }) }),
-            isCommentFeatureEnabled && /* @__PURE__ */ jsx(Tooltip, { title: "Comment", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showCommentBadge, variant: "dot", children: /* @__PURE__ */ jsx(
+            isCommentFeatureEnabled && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.comment"), variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showCommentBadge, variant: "dot", children: /* @__PURE__ */ jsx(
               Button,
               {
                 ref: commentBtnRef,
@@ -290,7 +314,7 @@ function TableHeader({
                 onClick: handleCommentClick
               }
             ) }) }),
-            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: "Download", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.download"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 "data-icon": "download",
@@ -300,7 +324,7 @@ function TableHeader({
               }
             ) }),
             customSystemButton && customSystemButton,
-            !hideTableSetting && /* @__PURE__ */ jsx(Tooltip, { title: "More", variant: "tertiary", children: /* @__PURE__ */ jsx(
+            !hideTableSetting && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.more"), variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 disabled: disableTableSettings,
@@ -385,6 +409,7 @@ function TableHeader({
           TableChatSidePanel,
           {
             chatConfiguration,
+            entryContext: chatEntryContext,
             handleClose: handleChatClose,
             isOpen: isChatOpen
           }

package/dist/components/TableV36/withChatIndicator.d.ts

@@ -0,0 +1,3 @@
+export declare const getCachedChatIndicatorWrapper: (Renderer: any) => any;
+export declare const withChatIndicator: (Renderer: any) => any;
+//# sourceMappingURL=withChatIndicator.d.ts.map

package/dist/components/TableV36/withChatIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withChatIndicator.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/withChatIndicator.tsx"],"names":[],"mappings":"AAsGA,eAAO,MAAM,6BAA6B,GAAI,aAAQ,QAgBrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAQ,QAA4C,CAAC"}

package/dist/components/TableV36/withChatIndicator.js

@@ -0,0 +1,89 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { memo, useEffect } from "react";
+import { getAssetUrl } from "../../utils/assetBase.js";
+import { Badge } from "../Badge/index.js";
+const ChatIconSrc = getAssetUrl("icons/chatIndicator.svg");
+const PLAIN_VALUE_CELL = "__impactPlainValueCell";
+const isTruncated = (element) => {
+  if (!element) return false;
+  return element.clientWidth < element.scrollWidth || element.clientHeight < element.scrollHeight;
+};
+const chatIndicatorWrapperCache = /* @__PURE__ */ new WeakMap();
+const undefinedRendererKey = { __undefinedRenderer: true };
+const undefinedWrapperCache = /* @__PURE__ */ new Map();
+const createChatIndicatorWrapper = (Renderer) => {
+  const ChatIndicatorCell = memo((props) => {
+    const { getRowChatMeta, onRowChatIndicatorClick } = props.context || {};
+    const displayValue = props.valueFormatted !== void 0 && props.valueFormatted !== null ? props.valueFormatted : props.value;
+    const safeValue = displayValue !== null && typeof displayValue === "object" ? JSON.stringify(displayValue) : displayValue ?? "";
+    const Content = Renderer ? /* @__PURE__ */ jsx(Renderer, { ...props }) : /* @__PURE__ */ jsx(Fragment, { children: safeValue });
+    const meta = typeof getRowChatMeta === "function" ? getRowChatMeta(props.data) : null;
+    const totalChats = (meta == null ? void 0 : meta.totalChats) ?? 0;
+    const showIndicator = Boolean(meta) && totalChats > 0;
+    useEffect(() => {
+      if (typeof props.setTooltip !== "function") return;
+      if (safeValue === "" || safeValue == null) return;
+      props.setTooltip(String(safeValue), () => {
+        const cell = props.eParentOfValue ?? props.eGridCell;
+        if (!cell) return false;
+        const valueEl = showIndicator ? cell.querySelector(".table-row-chat-indicator-value") : cell.querySelector(".ag-cell-value") || cell;
+        return isTruncated(valueEl ?? cell);
+      });
+    });
+    if (!showIndicator) {
+      return Content;
+    }
+    const resolvedChats = (meta == null ? void 0 : meta.resolvedChats) ?? 0;
+    const handleClick = (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+      onRowChatIndicatorClick == null ? void 0 : onRowChatIndicatorClick(props.data, meta);
+    };
+    return /* @__PURE__ */ jsxs("div", { className: "table-row-chat-indicator-cell", children: [
+      /* @__PURE__ */ jsx("div", { className: "table-row-chat-indicator-value", children: Content }),
+      /* @__PURE__ */ jsxs("div", { "aria-label": "Open row chats", className: "table-row-chat-indicator", children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            alt: "",
+            className: "table-row-chat-indicator-icon",
+            src: ChatIconSrc,
+            onClick: handleClick
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            color: "info",
+            label: `${resolvedChats}/${totalChats}`,
+            size: "small",
+            variant: "stroke"
+          }
+        )
+      ] })
+    ] });
+  });
+  ChatIndicatorCell.displayName = `withChatIndicator(${(Renderer == null ? void 0 : Renderer.displayName) || (Renderer == null ? void 0 : Renderer.name) || "Cell"})`;
+  ChatIndicatorCell[PLAIN_VALUE_CELL] = false;
+  return ChatIndicatorCell;
+};
+const getCachedChatIndicatorWrapper = (Renderer) => {
+  if (Renderer == null) {
+    if (!undefinedWrapperCache.has(undefinedRendererKey)) {
+      undefinedWrapperCache.set(undefinedRendererKey, createChatIndicatorWrapper(void 0));
+    }
+    return undefinedWrapperCache.get(undefinedRendererKey);
+  }
+  if (typeof Renderer !== "function") {
+    return Renderer;
+  }
+  let cached = chatIndicatorWrapperCache.get(Renderer);
+  if (!cached) {
+    cached = createChatIndicatorWrapper(Renderer);
+    chatIndicatorWrapperCache.set(Renderer, cached);
+  }
+  return cached;
+};
+export {
+  getCachedChatIndicatorWrapper
+};

package/dist/locales/de-DE.json.d.ts

@@ -183,6 +183,7 @@ declare const _default: {
 
   "table.columns.na": "N/A",
   "table.columns.frozen": "Fixierte Spalten",
+  "table.columns.dragHereToFreeze": "Zum Fixieren hierher ziehen",
   "table.columns.scrollable": "Scrollbare Spalten",
   "table.columns.main": "Hauptspalte",
   "table.columns.expandColumns": "Spalten einblenden",
@@ -257,6 +258,7 @@ declare const _default: {
   "table.header.comment": "Kommentar",
   "table.header.download": "Herunterladen",
   "table.header.more": "Mehr",
+  "table.header.startNewChat": "Neuen Chat starten",
 
   "table.settings.title": "Tabelleneinstellungen",
   "table.settings.columns": "Spalten",
@@ -319,6 +321,10 @@ declare const _default: {
   "tableChat.nav.searchChatPlaceholder": "Chat-Namen suchen, z. B. \"Deal-Übersicht\"",
   "tableChat.nav.searchChannelPlaceholder": "Kanal-Namen suchen, z. B. \"Vertrieb\"",
 
+  "tableChat.filterChips.all": "Alle",
+  "tableChat.filterChips.starred": "Markiert",
+  "tableChat.filterChips.resolved": "Erledigt",
+
   "tableChat.chatButton.label": "Chat",
 
   "tableChat.addChat.nameRequired": "Chat-Name erforderlich",
@@ -371,10 +377,16 @@ declare const _default: {
   "tableChat.right.clearConfirmTitle": "Sind Sie sicher?",
   "tableChat.right.clearConfirmMessage": "Alle Nachrichten dieser Unterhaltung werden dauerhaft gelöscht.",
 
-  "tableChat.header.idSegment": "ID: {id}... ",
-  "tableChat.header.createdBySegment": "erstellt von {createdBy}",
-  "tableChat.header.atSegment": " am {createdAt}",
+  "tableChat.header.idSegment": "ID: {id}",
+  "tableChat.header.createdBySegment": " | Erstellt von: {createdBy}",
+  "tableChat.header.atSegment": " um {createdAt}",
+  "tableChat.header.resolve": "Lösen",
+  "tableChat.header.resolved": "Gelöst",
   "tableChat.header.searchInHere": "Hier suchen...",
+  "tableChat.header.searchNavigate": "Navigation in Suchergebnissen",
+  "tableChat.header.searchPrevious": "Vorheriges Ergebnis",
+  "tableChat.header.searchNext": "Nächstes Ergebnis",
+  "tableChat.header.editTitle": "Chatnamen bearbeiten",
   "tableChat.header.notifications": "Benachrichtigungen",
   "tableChat.header.viewAllParticipants": "Alle {count} Teilnehmer anzeigen",
   "tableChat.header.add": "Hinzufügen",
@@ -403,6 +415,7 @@ declare const _default: {
   "tableChat.message.deleteConfirmTitle": "Sind Sie sicher",
   "tableChat.message.deleteConfirmMessage": "Diese Nachricht wird dauerhaft gelöscht.",
   "tableChat.message.deleted": "Diese Nachricht wurde gelöscht",
+  "tableChat.message.update": "Aktualisieren",
 
   "tableChat.messageActions.reply": "Antworten",
   "tableChat.messageActions.bookmark": "Nachricht als Lesezeichen",
@@ -414,6 +427,7 @@ declare const _default: {
 
   "tableChat.replyBadge.reply": "Antwort",
   "tableChat.replyBadge.finalize": "Abschließen",
+  "tableChat.message.you": "Du",
 
   "tableChat.pinned.deletedByAuthor": "Nachricht vom Autor gelöscht",
   "tableChat.pinned.pinnedTitle": "Angeheftet",

package/dist/locales/de-DE.json.js

@@ -167,6 +167,7 @@ const deDE = {
   "table.menu.largeFont": "Groß",
   "table.columns.na": "N/A",
   "table.columns.frozen": "Fixierte Spalten",
+  "table.columns.dragHereToFreeze": "Zum Fixieren hierher ziehen",
   "table.columns.scrollable": "Scrollbare Spalten",
   "table.columns.main": "Hauptspalte",
   "table.columns.expandColumns": "Spalten einblenden",
@@ -237,6 +238,7 @@ const deDE = {
   "table.header.comment": "Kommentar",
   "table.header.download": "Herunterladen",
   "table.header.more": "Mehr",
+  "table.header.startNewChat": "Neuen Chat starten",
   "table.settings.title": "Tabelleneinstellungen",
   "table.settings.columns": "Spalten",
   "table.settings.format": "Format",
@@ -286,6 +288,9 @@ const deDE = {
   "tableChat.channelItem.pinChat": "Chat anheften",
   "tableChat.nav.searchChatPlaceholder": 'Chat-Namen suchen, z. B. "Deal-Übersicht"',
   "tableChat.nav.searchChannelPlaceholder": 'Kanal-Namen suchen, z. B. "Vertrieb"',
+  "tableChat.filterChips.all": "Alle",
+  "tableChat.filterChips.starred": "Markiert",
+  "tableChat.filterChips.resolved": "Erledigt",
   "tableChat.chatButton.label": "Chat",
   "tableChat.addChat.nameRequired": "Chat-Name erforderlich",
   "tableChat.addChat.nameMinLength": "Chat-Name muss mindestens 2 Zeichen lang sein",
@@ -332,10 +337,16 @@ const deDE = {
   "tableChat.right.clearing": "Löschen...",
   "tableChat.right.clearConfirmTitle": "Sind Sie sicher?",
   "tableChat.right.clearConfirmMessage": "Alle Nachrichten dieser Unterhaltung werden dauerhaft gelöscht.",
-  "tableChat.header.idSegment": "ID: {id}... ",
-  "tableChat.header.createdBySegment": "erstellt von {createdBy}",
-  "tableChat.header.atSegment": " am {createdAt}",
+  "tableChat.header.idSegment": "ID: {id}",
+  "tableChat.header.createdBySegment": " | Erstellt von: {createdBy}",
+  "tableChat.header.atSegment": " um {createdAt}",
+  "tableChat.header.resolve": "Lösen",
+  "tableChat.header.resolved": "Gelöst",
   "tableChat.header.searchInHere": "Hier suchen...",
+  "tableChat.header.searchNavigate": "Navigation in Suchergebnissen",
+  "tableChat.header.searchPrevious": "Vorheriges Ergebnis",
+  "tableChat.header.searchNext": "Nächstes Ergebnis",
+  "tableChat.header.editTitle": "Chatnamen bearbeiten",
   "tableChat.header.notifications": "Benachrichtigungen",
   "tableChat.header.viewAllParticipants": "Alle {count} Teilnehmer anzeigen",
   "tableChat.header.add": "Hinzufügen",
@@ -361,6 +372,7 @@ const deDE = {
   "tableChat.message.deleteConfirmTitle": "Sind Sie sicher",
   "tableChat.message.deleteConfirmMessage": "Diese Nachricht wird dauerhaft gelöscht.",
   "tableChat.message.deleted": "Diese Nachricht wurde gelöscht",
+  "tableChat.message.update": "Aktualisieren",
   "tableChat.messageActions.reply": "Antworten",
   "tableChat.messageActions.bookmark": "Nachricht als Lesezeichen",
   "tableChat.messageActions.pin": "Nachricht anheften",
@@ -369,6 +381,7 @@ const deDE = {
   "tableChat.dateSeparator.yesterday": "Gestern",
   "tableChat.replyBadge.reply": "Antwort",
   "tableChat.replyBadge.finalize": "Abschließen",
+  "tableChat.message.you": "Du",
   "tableChat.pinned.deletedByAuthor": "Nachricht vom Autor gelöscht",
   "tableChat.pinned.pinnedTitle": "Angeheftet",
   "tableChat.pinned.threadTitle": "Thread",