impact-ui 5.0.2-alpha.1 → 5.0.2-beta.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":"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"}
+{"version":3,"file":"tableFunctions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableFunctions.tsx"],"names":[],"mappings":"AAoEA,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,mFA45ClB,CAAC;AACH,eAAO,MAAM,yBAAyB,GAAI,iBAAY,WAgBrD,CAAC"}

package/dist/components/TableV36/tableFunctions.js

@@ -3,7 +3,7 @@ import { forwardRef, useState, useRef, useMemo, useEffect, useCallback, memo } f
 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, PinnedIcon as PinnedIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
+import { CloseTags as CloseTags_default, SearchTable as SearchTable_default, SaveViewIcon as SaveViewIcon_default, SaveViewEditIcon as SaveViewEditIcon_default, SaveViewDeleteIcon as SaveViewDeleteIcon_default, DefaultViewIconActive as DefaultViewIconActive_default, DefaultViewIcon as DefaultViewIcon_default, 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";
@@ -14,6 +14,7 @@ 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 { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Input } from "../Input/index.js";
 import { Modal } from "../Modal/index.js";
 import { Prompt } from "../Prompt/index.js";
@@ -24,16 +25,10 @@ import { collectVisibleLeafIds, syncColumnSearchTextToGrid, ensureColumnGroupsEx
 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");
-const defaultViewIcon = getAssetUrl("icons/defaultViewIcon.svg");
 const defaultViewActiveIcon = getAssetUrl("icons/defaultViewIconActive.svg");
-const clearIcon = getAssetUrl("icons/close-tags.svg");
-const searchIcon = getAssetUrl("icons/search-table.svg");
 const DEFAULT_VIEW_TYPE_ICONS = {
-  global: /* @__PURE__ */ jsx(Globe_default, { height: 16, width: 16 }),
-  personal: /* @__PURE__ */ jsx(PersonUser_default, { height: 16, width: 16 })
+  global: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Globe_default), size: 16 }),
+  personal: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(PersonUser_default), size: 16 })
 };
 const getViewTypeIcon = (viewType, viewTypeOptions) => {
   var _a;
@@ -407,9 +402,9 @@ const PinSideToggle = ({ pinned, onToggle }) => {
     /* @__PURE__ */ jsx(
       "button",
       {
-        type: "button",
         "aria-label": isRight ? "Pin right" : "Pin left",
         className: `table-setting-pin-side-track${isRight ? " is-right" : ""}`,
+        type: "button",
         onClick: (e) => {
           e.stopPropagation();
           onToggle == null ? void 0 : onToggle(isRight ? "left" : "right");
@@ -632,8 +627,8 @@ const SortableColumnItem = memo(function SortableColumnItem2({
             searchText,
             onKeyboardReorder,
             onToggleCollapse,
-            onToggleVisibility,
-            onTogglePinSide
+            onTogglePinSide,
+            onToggleVisibility
           }
         ),
         hasChildren && !isCollapsed && children
@@ -672,8 +667,8 @@ const NestedColumnItem = memo(function NestedColumnItem2({
         rowClassName,
         searchText,
         onToggleCollapse,
-        onToggleVisibility,
-        onTogglePinSide
+        onTogglePinSide,
+        onToggleVisibility
       }
     ),
     hasChildren && !isCollapsed && children
@@ -1267,8 +1262,8 @@ const Columns = forwardRef((props, ref) => {
             searchText: debouncedSearchText,
             onKeyboardReorder: handleKeyboardReorder,
             onToggleCollapse,
-            onToggleVisibility,
             onTogglePinSide: isFrozen ? handleTogglePinSide : void 0,
+            onToggleVisibility,
             children: childNodes
           },
           column.colId
@@ -1288,8 +1283,8 @@ const Columns = forwardRef((props, ref) => {
           rowClassName,
           searchText: debouncedSearchText,
           onToggleCollapse,
-          onToggleVisibility,
           onTogglePinSide: isFrozen ? handleTogglePinSide : void 0,
+          onToggleVisibility,
           children: childNodes
         },
         column.colId
@@ -1443,7 +1438,22 @@ const Columns = forwardRef((props, ref) => {
     setSearchInputValue("");
     setDebouncedSearchText("");
   };
-  const rightIconForSearchInout = searchInputValue.length > 0 ? /* @__PURE__ */ jsx("img", { alt: "Clear", src: clearIcon, onClick: clearSearchText }) : /* @__PURE__ */ jsx("img", { alt: "search", className: "table-settings-search-icon", src: searchIcon });
+  const rightIconForSearchInout = searchInputValue.length > 0 ? /* @__PURE__ */ jsx(
+    ImpactIcon,
+    {
+      icon: impactIconSource(CloseTags_default),
+      size: 16,
+      style: { cursor: "pointer" },
+      onClick: clearSearchText
+    }
+  ) : /* @__PURE__ */ jsx(
+    ImpactIcon,
+    {
+      className: "table-settings-search-icon",
+      icon: impactIconSource(SearchTable_default),
+      size: 16
+    }
+  );
   return /* @__PURE__ */ jsxs("div", { className: "table-setting-columns-settings", children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -1455,7 +1465,7 @@ const Columns = forwardRef((props, ref) => {
     ),
     props.isSaveViewEnabled && /* @__PURE__ */ jsxs("div", { className: "table-setting-save-view-container", children: [
       savedViewsOptions.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "save-view-icon-title", children: [
-        /* @__PURE__ */ jsx("img", { alt: "save-view-icon", src: saveViewIcon }),
+        /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(SaveViewIcon_default), size: 16 }),
         /* @__PURE__ */ jsx("span", { className: "save-view-title", children: "No views saved yet" })
       ] }) : /* @__PURE__ */ jsxs("div", { className: "save-view-container-active-view", children: [
         /* @__PURE__ */ jsx(
@@ -1589,31 +1599,34 @@ const Columns = forwardRef((props, ref) => {
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "save-view-menu-view-list-item-actions", children: [
                 (view == null ? void 0 : view.isEditable) && /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "save-view-edit-icon",
-                    src: saveViewEditIcon,
+                    icon: impactIconSource(SaveViewEditIcon_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       handleEditView(view, e);
                     }
                   }
                 ),
                 (view == null ? void 0 : view.isDeletable) && /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "save-view-delete-icon",
-                    src: saveViewDeleteIcon,
+                    icon: impactIconSource(SaveViewDeleteIcon_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       handleDeleteView(view, e);
                     }
                   }
                 ),
                 !(view == null ? void 0 : view.notReqDefaultView) && ((view == null ? void 0 : view.isDefaultView) ? /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "default-view-icon",
                     className: "default-view-active-icon",
-                    src: defaultViewActiveIcon,
+                    icon: impactIconSource(DefaultViewIconActive_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       e.stopPropagation();
                       e.preventDefault();
@@ -1621,10 +1634,11 @@ const Columns = forwardRef((props, ref) => {
                     }
                   }
                 ) : /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "default-view-icon",
-                    src: defaultViewIcon,
+                    icon: impactIconSource(DefaultViewIcon_default),
+                    size: 14,
+                    style: { cursor: "pointer" },
                     onClick: (e) => {
                       e.stopPropagation();
                       e.preventDefault();

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, 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 }: {
+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, }: {
     actualRef: any;
     colDefs: any;
     Columns: any;
@@ -36,12 +36,9 @@ 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;
@@ -80,6 +77,5 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
     disableTableSettings: any;
     onAdvanceSortClick: any;
     advanceSortEnabled: any;
-    highlightChatIcon: any;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): import("react").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":"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"}
+{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableHeader.tsx"],"names":[],"mappings":"AAeA,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,sCAuWA"}

package/dist/components/TableV36/tableHeader.js

@@ -1,18 +1,17 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useMemo } from "react";
+import { CommentGray as CommentGray_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/FilterAltOffOutlined.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/FilterAltOutlined.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/MoreHorizOutlined.js";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import TableMoreOptions from "./tableMoreOptions.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 { useTranslation } from "../../i18n/useTranslation.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
-const ChatIcon = getAssetUrl("icons/chatIcon.svg");
 function TableHeader({
   actualRef,
   colDefs,
@@ -52,13 +51,9 @@ function TableHeader({
   isChatEnabled = true,
   handleChatClick = () => {
   },
-  handleStartNewChatClick = () => {
-  },
   isChatOpen,
   handleChatClose,
   chatConfiguration,
-  hasSelectedRows = false,
-  chatEntryContext = null,
   savedViewsOptions,
   handleSaveAndApply,
   maxSavedViews,
@@ -96,11 +91,9 @@ function TableHeader({
   disableContextualFilter,
   disableTableSettings,
   onAdvanceSortClick,
-  advanceSortEnabled,
-  highlightChatIcon
+  advanceSortEnabled
 }) {
   var _a, _b;
-  const { t } = useTranslation();
   const [showMenu, setShowMenu] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const handleWidthButtonClose = () => {
@@ -257,43 +250,26 @@ function TableHeader({
               }
             ) : null,
             topRightOptions && viewPoint !== "list" && /* @__PURE__ */ jsx("div", { className: "divider-line" }),
-            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(
+            isChatEnabled && /* @__PURE__ */ jsx(
               Tooltip,
               {
-                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",
+                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",
                 children: /* @__PURE__ */ jsx(
                   Button,
                   {
-                    className: highlightChatIcon ? "table-chat-icon-button" : "",
+                    className: "table-chat-icon-button",
                     "data-icon": "chat",
                     "data-type": "table-icon",
-                    icon: /* @__PURE__ */ jsx("img", { alt: "chat", src: ChatIcon }),
+                    icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CommentGray_default), size: 16 }),
                     variant: "tertiary",
                     onClick: handleChatClick
                   }
                 )
               }
-            )),
-            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(
+            ),
+            showContentualFilter && /* @__PURE__ */ jsx(Tooltip, { title: showFilterStrip ? "Hide filter" : "Show filter", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showContentualFilterBadge, variant: "dot", children: /* @__PURE__ */ jsx(
               Button,
               {
                 disabled: disableContextualFilter,
@@ -302,7 +278,7 @@ function TableHeader({
                 onClick: handleFilterClick
               }
             ) }) }),
-            isCommentFeatureEnabled && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.comment"), variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showCommentBadge, variant: "dot", children: /* @__PURE__ */ jsx(
+            isCommentFeatureEnabled && /* @__PURE__ */ jsx(Tooltip, { title: "Comment", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showCommentBadge, variant: "dot", children: /* @__PURE__ */ jsx(
               Button,
               {
                 ref: commentBtnRef,
@@ -310,11 +286,12 @@ function TableHeader({
                 "data-active": commentMode ? "true" : void 0,
                 "data-icon": "comment",
                 "data-type": "table-icon",
+                icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(CommentGray_default), size: 16 }),
                 variant: "text",
                 onClick: handleCommentClick
               }
             ) }) }),
-            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.download"), variant: "tertiary", children: /* @__PURE__ */ jsx(
+            showDownloadButton && /* @__PURE__ */ jsx(Tooltip, { title: "Download", variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 "data-icon": "download",
@@ -324,7 +301,7 @@ function TableHeader({
               }
             ) }),
             customSystemButton && customSystemButton,
-            !hideTableSetting && /* @__PURE__ */ jsx(Tooltip, { title: t("table.header.more"), variant: "tertiary", children: /* @__PURE__ */ jsx(
+            !hideTableSetting && /* @__PURE__ */ jsx(Tooltip, { title: "More", variant: "tertiary", children: /* @__PURE__ */ jsx(
               Button,
               {
                 disabled: disableTableSettings,
@@ -359,6 +336,7 @@ function TableHeader({
             deleteViewPromptText,
             explicitlyCloseTableSetting,
             extraButtons: additionalButtons,
+            extraNumericFormatOptions,
             handleDeleteViewClick,
             handleEditSaveView,
             handleMenuClick,
@@ -378,7 +356,6 @@ function TableHeader({
             isViewNameUniqueAcrossTypes,
             maxSavedViews,
             numericFormatDefault,
-            extraNumericFormatOptions,
             registerTableSettingToggle,
             rowHeight,
             savedViewsOptions,
@@ -409,7 +386,6 @@ function TableHeader({
           TableChatSidePanel,
           {
             chatConfiguration,
-            entryContext: chatEntryContext,
             handleClose: handleChatClose,
             isOpen: isChatOpen
           }

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

@@ -1,3 +1,5 @@
-export declare const TableColsIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const TableFormatIcon: () => import("react/jsx-runtime").JSX.Element;
+import { default as React } from 'react';
+
+export declare const TableColsIcon: () => React.JSX.Element;
+export declare const TableFormatIcon: () => React.JSX.Element;
 //# sourceMappingURL=tableIcons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableIcons.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableIcons.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,+CAiBzB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAiB3B,CAAC"}
+{"version":3,"file":"tableIcons.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableIcons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,aAAa,yBAiBzB,CAAC;AAEF,eAAO,MAAM,eAAe,yBAiB3B,CAAC"}

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 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, isViewNameUniqueAcrossTypes, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, extraNumericFormatOptions, onAdvanceSortClick, advanceSortEnabled, }: {
     showMenu: any;
     extraButtons: any;
@@ -49,5 +51,5 @@ export default function TableMoreOptions({ showMenu, extraButtons, hideRowHeight
     extraNumericFormatOptions: any;
     onAdvanceSortClick: any;
     advanceSortEnabled?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=tableMoreOptions.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableMoreOptions.tsx"],"names":[],"mappings":"AAcA,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,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CAuRA"}
+{"version":3,"file":"tableMoreOptions.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableMoreOptions.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,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,2BAA2B,EAC3B,kBAAkB,EAClB,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,EACzB,kBAAkB,EAClB,kBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,qBA0RA"}

package/dist/components/TableV36/tableMoreOptions.js

@@ -1,12 +1,10 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { getAssetUrl } from "../../utils/assetBase.js";
+import { TableSettingIcon as TableSettingIcon_default, Compress as Compress_default, RightArrowMenu as RightArrowMenu_default, RowHeightDefault as RowHeightDefault_default, RowHeightCompact as RowHeightCompact_default, RowHeightComfort as RowHeightComfort_default, TableSortIcon as TableSortIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import TableSettings from "./tableSettings.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { getTableMeta } from "./tableFunctions.js";
-const tableSettingsIcon = getAssetUrl("icons/tableSettingIcon.svg");
-getAssetUrl("icons/compress.svg");
-const tableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
 function TableMoreOptions({
   showMenu,
   extraButtons,
@@ -137,13 +135,13 @@ function TableMoreOptions({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx("img", { alt: "tableOptionButtonIcon", src: tableSettingsIcon }),
+                  /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(TableSettingIcon_default), size: 16 }),
                   /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Table Settings" })
                 ]
               }
             ),
             !hideRowHeightOptionMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-wrapper", children: [
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsxs(
                 "div",
                 {
                   className: `table-settings-container table-density-container ${showDensityMenu ? "density-menu-open" : ""}`,
@@ -155,14 +153,25 @@ function TableMoreOptions({
                       handleDensityMenuOpen(e);
                     }
                   },
-                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Row size" })
+                  children: [
+                    /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Compress_default), size: 16 }),
+                    /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Row size" }),
+                    /* @__PURE__ */ jsx(
+                      ImpactIcon,
+                      {
+                        className: "table-density-chevron",
+                        icon: impactIconSource(RightArrowMenu_default),
+                        size: 16
+                      }
+                    )
+                  ]
                 }
               ),
               showDensityMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-container", children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: `density-menu-item default_menu ${rowHeight === 46 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 46 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
                       onRowHeightChange(46);
@@ -177,13 +186,16 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("default");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Medium" })
+                    children: [
+                      /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(RowHeightDefault_default), size: 14 }),
+                      /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Medium" })
+                    ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: `density-menu-item compact_menu ${rowHeight === 30 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 30 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
                       onRowHeightChange(30);
@@ -198,13 +210,16 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Small" })
+                    children: [
+                      /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(RowHeightCompact_default), size: 14 }),
+                      /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Small" })
+                    ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "div",
                   {
-                    className: `density-menu-item comfort_menu ${rowHeight === 52 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 52 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
                       onRowHeightChange(52);
@@ -219,7 +234,10 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("comfort");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Large" })
+                    children: [
+                      /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(RowHeightComfort_default), size: 14 }),
+                      /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Large" })
+                    ]
                   }
                 )
               ] })
@@ -241,7 +259,7 @@ function TableMoreOptions({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx("img", { alt: "advance sort", src: tableSortIcon }),
+                  /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(TableSortIcon_default), size: 16 }),
                   /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Advance Sort" })
                 ]
               }
@@ -284,6 +302,7 @@ function TableMoreOptions({
         customRenderSaveViewContent,
         customTabInTableSettings,
         deleteViewPromptText,
+        extraNumericFormatOptions,
         handleDeleteViewClick,
         handleEditSaveView,
         handleMenuClick,
@@ -300,7 +319,6 @@ function TableMoreOptions({
         isViewNameUniqueAcrossTypes,
         maxSavedViews,
         numericFormatDefault,
-        extraNumericFormatOptions,
         registerTableSettingToggle,
         savedViewsOptions,
         saveViewCustomFilter,

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

@@ -1,7 +1,9 @@
+import { default as React } from 'react';
+
 export default function TablePagination({ actualRef, localPageSize, setLocalPageSize, paginationPageSizeSelector, }: {
     actualRef: any;
     localPageSize: any;
     setLocalPageSize: any;
     paginationPageSizeSelector: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=tablePagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tablePagination.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,2CAqDA"}
+{"version":3,"file":"tablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tablePagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,qBAqDA"}

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export default function TableSettings({ showMenu, Columns, actualRef, tableFontSize, setTableFontSize, handleMenuClick, onNumberFormatChange, colDefs, setShowMenu, showTableSetting, setShowTableSetting, setTableSettingOpen, tableActions, onTableActionsTabClick, showFilterStrip, hideTableFormat, hideTableActions, savedViewsOptions, handleSaveAndApply, maxSavedViews, handleSavedViewClick, handleEditSaveView, isSaveViewEnabled, isSavingViewLoading, handleDeleteViewClick, isDeleteViewLoading, handleSetDefaultView, hideNumericFormat, hideFontSize, customTabInTableSettings, saveViewCustomFilter, customRenderSaveViewContent, onTableSettingClick, deleteViewPromptText, isViewNameUniqueAcrossTypes, tableSettingsTitle, registerTableSettingToggle, numericFormatDefault, extraNumericFormatOptions, }: {
     showMenu: any;
     Columns: any;
@@ -38,5 +40,5 @@ export default function TableSettings({ showMenu, Columns, actualRef, tableFontS
     registerTableSettingToggle: any;
     numericFormatDefault: any;
     extraNumericFormatOptions: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=tableSettings.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/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,2BAA2B,EAC3B,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,2CA6NA"}
+{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableSettings.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAUjF,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,2BAA2B,EAC3B,kBAAqC,EACrC,0BAA0B,EAC1B,oBAAoB,EACpB,yBAAyB,GAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,qBA0NA"}

package/dist/components/TableV36/tableSettings.js

@@ -1,10 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { Close as Close_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/AutoFixHigh.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/FormatColorTextOutlined.js";
 import default_1 from "../../node_modules/@mui/icons-material/ViewColumnOutlined.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { RadioButtonGroup } from "../RadioButtonGroup/index.js";
 import { Tabs } from "../Tabs/index.js";
+import { useTranslation } from "../../i18n/useTranslation.js";
 function TableSettings({
   showMenu,
   Columns,
@@ -46,6 +49,7 @@ function TableSettings({
   numericFormatDefault,
   extraNumericFormatOptions
 }) {
+  const { t } = useTranslation();
   const [selectedMenuTab, setSelectedMenuTab] = useState("Columns");
   const [numericFormat, setNumericFormat] = useState(numericFormatDefault || "full_no");
   const showTableSettingRef = useRef(showTableSetting);
@@ -227,18 +231,13 @@ function TableSettings({
         /* @__PURE__ */ jsxs("div", { className: "table-setting-header", children: [
           /* @__PURE__ */ jsx("h2", { children: tableSettingsTitle }),
           /* @__PURE__ */ jsx(
-            "span",
+            "button",
             {
+              "aria-label": t("common.close"),
               className: "close_icon",
-              role: "button",
-              tabIndex: 0,
+              type: "button",
               onClick: onCloseTableSetting,
-              onKeyDown: (e) => {
-                if (e.key === "Enter" || e.key === " ") {
-                  e.preventDefault();
-                  onCloseTableSetting();
-                }
-              }
+              children: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Close_default), size: 12 })
             }
           )
         ] }),