impact-ui 4.0.17 → 5.0.0-beta.1

package/dist/components/{Table → TableV36}/tableHeader.d.ts

@@ -1,4 +1,6 @@
-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, viewPoint, disableContextualFilter, disableTableSettings, columnSettingsMode, onAdvanceSortClick, advanceSortEnabled, }: {
+import { default as React } from 'react';
+
+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;
@@ -71,11 +73,11 @@ export default function TableHeader({ actualRef, colDefs, Columns, tableFontSize
     tableSettingsTitle: any;
     registerTableSettingToggle: any;
     numericFormatDefault: any;
+    extraNumericFormatOptions: any;
     viewPoint: any;
     disableContextualFilter: any;
     disableTableSettings: any;
-    columnSettingsMode?: string | undefined;
     onAdvanceSortClick: any;
     advanceSortEnabled: any;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 //# sourceMappingURL=tableHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAkBpF,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,4BAsWA"}

package/dist/components/{Table → TableV36}/tableHeader.js

@@ -1,18 +1,17 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useMemo } from "react";
+import { ChatIcon as ChatIcon_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,
@@ -87,15 +86,14 @@ function TableHeader({
   tableSettingsTitle,
   registerTableSettingToggle,
   numericFormatDefault,
+  extraNumericFormatOptions,
   viewPoint,
   disableContextualFilter,
   disableTableSettings,
-  columnSettingsMode = "legacy",
   onAdvanceSortClick,
   advanceSortEnabled
 }) {
   var _a, _b;
-  const { t } = useTranslation();
   const [showMenu, setShowMenu] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const handleWidthButtonClose = () => {
@@ -155,7 +153,7 @@ function TableHeader({
   }, [commentMode]);
   const isGroupRows = useMemo(() => {
     const hasGroupRows = (cols) => cols.some((col) => col.rowGroup || col.children && hasGroupRows(col.children));
-    return hasGroupRows(colDefs);
+    return hasGroupRows(colDefs || []);
   }, [colDefs]);
   const handleClickOutside = (event) => {
     if (showMenu && !showTableSetting && !event.target.closest(".table-more-options-container")) {
@@ -166,7 +164,7 @@ function TableHeader({
       setShowMenu(false);
       setTableSettingOpen(false);
     }
-    if (showCommentPanel && !event.target.closest(".MuiPopover-root") && !event.target.closest(".impact-input-wrapper") && !event.target.closest(".comment-panel-main-container") && !event.target.closest(".table-more-options-container") && !event.target.closest(".ag-body-viewport")) {
+    if (showCommentPanel && !event.target.closest(".MuiPopover-root") && !event.target.closest(".impact-input-wrapper") && !event.target.closest(".comment-panel-main-container") && !event.target.closest(".table-more-options-container") && !event.target.closest(".ag-grid-viewport")) {
       setShowCommentPanel(false);
     }
   };
@@ -228,7 +226,7 @@ function TableHeader({
               Alert,
               {
                 severity: "success",
-                title: t("table.header.commentResolved"),
+                title: "Comment is resolved",
                 onClose: () => setIsCommentResolvedAlertOpen(false)
               }
             )
@@ -255,8 +253,8 @@ function TableHeader({
             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"),
+                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,
@@ -264,30 +262,23 @@ function TableHeader({
                     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(ChatIcon_default), size: 16 }),
                     variant: "tertiary",
                     onClick: handleChatClick
                   }
                 )
               }
             ),
-            showContentualFilter && /* @__PURE__ */ jsx(
-              Tooltip,
+            showContentualFilter && /* @__PURE__ */ jsx(Tooltip, { title: showFilterStrip ? "Hide filter" : "Show filter", variant: "tertiary", children: /* @__PURE__ */ jsx(Badge, { invisible: !showContentualFilterBadge, variant: "dot", children: /* @__PURE__ */ jsx(
+              Button,
               {
-                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,
-                    icon: showFilterStrip ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}),
-                    variant: "text",
-                    onClick: handleFilterClick
-                  }
-                ) })
+                disabled: disableContextualFilter,
+                icon: showFilterStrip ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}),
+                variant: "text",
+                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,
@@ -299,7 +290,7 @@ function TableHeader({
                 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",
@@ -309,7 +300,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,
@@ -339,12 +330,12 @@ function TableHeader({
             advanceSortEnabled,
             colDefs,
             Columns,
-            columnSettingsMode,
             customRenderSaveViewContent,
             customTabInTableSettings,
             deleteViewPromptText,
             explicitlyCloseTableSetting,
             extraButtons: additionalButtons,
+            extraNumericFormatOptions,
             handleDeleteViewClick,
             handleEditSaveView,
             handleMenuClick,

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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/{Table → TableV36}/tableMoreOptions.d.ts

@@ -1,4 +1,6 @@
-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, columnSettingsMode, numericFormatDefault, onAdvanceSortClick, advanceSortEnabled, }: {
+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;
     hideRowHeightOptionMenu: any;
@@ -45,9 +47,9 @@ export default function TableMoreOptions({ showMenu, extraButtons, hideRowHeight
     isViewNameUniqueAcrossTypes: any;
     tableSettingsTitle: any;
     registerTableSettingToggle: any;
-    columnSettingsMode?: string | undefined;
     numericFormatDefault: any;
+    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

@@ -0,0 +1 @@
+{"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/{Table → 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 TableSettings$1 from "./tableSettings.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 TableSettings from "../shared/tableColumnSettings/tableSettingsV36.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
-const tableSettingsIcon = getAssetUrl("icons/tableSettingIcon.svg");
-const tableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
+import { getTableMeta } from "./tableFunctions.js";
 function TableMoreOptions({
   showMenu,
   extraButtons,
@@ -54,12 +52,12 @@ function TableMoreOptions({
   isViewNameUniqueAcrossTypes,
   tableSettingsTitle,
   registerTableSettingToggle,
-  columnSettingsMode = "legacy",
   numericFormatDefault,
+  extraNumericFormatOptions,
   onAdvanceSortClick,
   advanceSortEnabled = true
 }) {
-  const { t } = useTranslation();
+  var _a, _b;
   const [showDensityMenu, setShowDensityMenu] = useState(false);
   const [isExpand, setIsExpand] = useState(false);
   const [showEditableCells, setShowEditableCells] = useState(false);
@@ -88,17 +86,16 @@ function TableMoreOptions({
     };
   }, [showDensityMenu]);
   const handleChange = () => {
-    var _a, _b, _c;
-    const api = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api;
-    const model = typeof (api == null ? void 0 : api.getModel) === "function" ? api.getModel() : null;
     if (isExpand) {
-      (_b = api == null ? void 0 : api.collapseAll) == null ? void 0 : _b.call(api);
+      actualRef.current.api.collapseAll();
       setIsExpand(false);
-      if (model) model.isExpand = false;
+      const meta = getTableMeta(actualRef.current.api);
+      if (meta) meta.isExpand = false;
     } else {
-      (_c = api == null ? void 0 : api.expandAll) == null ? void 0 : _c.call(api);
+      actualRef.current.api.expandAll();
       setIsExpand(true);
-      if (model) model.isExpand = true;
+      const meta = getTableMeta(actualRef.current.api);
+      if (meta) meta.isExpand = true;
     }
   };
   useEffect(() => {
@@ -106,19 +103,16 @@ function TableMoreOptions({
     setShowMenu(false);
   }, [explicitlyCloseTableSetting]);
   useEffect(() => {
-    var _a, _b;
-    const model = typeof ((_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.getModel) === "function" ? actualRef.current.api.getModel() : null;
-    if (model) {
-      model.isTableSettingOpen = showTableSetting;
+    var _a2;
+    const meta = getTableMeta((_a2 = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a2.api);
+    if (meta) {
+      meta.isTableSettingOpen = showTableSetting;
     }
-  }, [showTableSetting, actualRef]);
+  }, [showTableSetting]);
   useEffect(() => {
-    var _a, _b;
-    const model = typeof ((_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.getModel) === "function" ? actualRef.current.api.getModel() : null;
-    if ((model == null ? void 0 : model.isExpand) !== void 0) {
-      setIsExpand(model.isExpand);
-    }
-  }, [actualRef]);
+    var _a2, _b2;
+    setIsExpand((_b2 = getTableMeta((_a2 = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a2.api)) == null ? void 0 : _b2.isExpand);
+  }, [(_b = getTableMeta((_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api)) == null ? void 0 : _b.isExpand]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     !showTableSetting && /* @__PURE__ */ jsxs(
       "div",
@@ -141,13 +135,13 @@ function TableMoreOptions({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx("img", { alt: "tableOptionButtonIcon", src: tableSettingsIcon }),
-                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.settings.title") })
+                  /* @__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" : ""}`,
@@ -159,56 +153,73 @@ function TableMoreOptions({
                       handleDensityMenuOpen(e);
                     }
                   },
-                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.more.rowSize") })
+                  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 compact_menu ${rowHeight === 30 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 46 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
-                      onRowHeightChange(30);
+                      onRowHeightChange(46);
                       handleDensityMenuClose();
-                      onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
+                      onContentDensityChange == null ? void 0 : onContentDensityChange("default");
                     },
                     onKeyDown: (e) => {
                       if (e.key === "Enter" || e.key === " ") {
                         e.preventDefault();
-                        onRowHeightChange(30);
+                        onRowHeightChange(46);
                         handleDensityMenuClose();
-                        onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
+                        onContentDensityChange == null ? void 0 : onContentDensityChange("default");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: t("table.more.small") })
+                    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 default_menu ${rowHeight === 46 ? "selected" : ""}`,
+                    className: `density-menu-item ${rowHeight === 30 ? "selected" : ""}`,
                     tabIndex: 0,
                     onClick: () => {
-                      onRowHeightChange(46);
+                      onRowHeightChange(30);
                       handleDensityMenuClose();
-                      onContentDensityChange == null ? void 0 : onContentDensityChange("default");
+                      onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
                     },
                     onKeyDown: (e) => {
                       if (e.key === "Enter" || e.key === " ") {
                         e.preventDefault();
-                        onRowHeightChange(46);
+                        onRowHeightChange(30);
                         handleDensityMenuClose();
-                        onContentDensityChange == null ? void 0 : onContentDensityChange("default");
+                        onContentDensityChange == null ? void 0 : onContentDensityChange("compact");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: t("table.more.medium") })
+                    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);
@@ -223,7 +234,10 @@ function TableMoreOptions({
                         onContentDensityChange == null ? void 0 : onContentDensityChange("comfort");
                       }
                     },
-                    children: /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: t("table.more.large") })
+                    children: [
+                      /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(RowHeightComfort_default), size: 14 }),
+                      /* @__PURE__ */ jsx("span", { className: "density-menu-item-text", children: "Large" })
+                    ]
                   }
                 )
               ] })
@@ -245,8 +259,8 @@ function TableMoreOptions({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsx("img", { alt: "advance sort", src: tableSortIcon }),
-                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.sort.title") })
+                  /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(TableSortIcon_default), size: 16 }),
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Advance Sort" })
                 ]
               }
             ),
@@ -261,7 +275,7 @@ function TableMoreOptions({
                   setShowEditableCells(!showEditableCells);
                   handleShowHideEditableCells();
                 },
-                children: !showEditableCells ? t("table.more.hideEditableCells") : t("table.more.showEditableCells")
+                children: !showEditableCells ? "Hide editable cells" : "Show editable cells"
               }
             ) }) : null,
             isGroupRows ? /* @__PURE__ */ jsx("div", { className: "group-row-container", children: /* @__PURE__ */ jsx(
@@ -272,14 +286,14 @@ function TableMoreOptions({
                 "data-type": "table-icon",
                 variant: "secondary",
                 onClick: handleChange,
-                children: !isExpand ? t("table.more.expandAllRows") : t("table.more.collapseAllRows")
+                children: !isExpand ? "Expand all rows" : "Collapse all rows"
               }
             ) }) : null
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: `${showTableSetting ? "show-table-settings" : ""} table-settings-wrapper`, children: columnSettingsMode === "v36" ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: `${showTableSetting ? "show-table-settings" : ""} table-settings-wrapper`, children: /* @__PURE__ */ jsx(
       TableSettings,
       {
         actualRef,
@@ -288,48 +302,7 @@ function TableMoreOptions({
         customRenderSaveViewContent,
         customTabInTableSettings,
         deleteViewPromptText,
-        handleDeleteViewClick,
-        handleEditSaveView,
-        handleMenuClick,
-        handleSaveAndApply,
-        handleSavedViewClick,
-        handleSetDefaultView,
-        hideFontSize,
-        hideNumericFormat,
-        hideTableActions,
-        hideTableFormat,
-        isDeleteViewLoading,
-        isSaveViewEnabled,
-        isSavingViewLoading,
-        isViewNameUniqueAcrossTypes,
-        maxSavedViews,
-        numericFormatDefault,
-        registerTableSettingToggle,
-        savedViewsOptions,
-        saveViewCustomFilter,
-        setShowMenu,
-        setShowTableSetting,
-        setTableFontSize,
-        setTableSettingOpen,
-        showFilterStrip,
-        showMenu,
-        showTableSetting,
-        tableActions,
-        tableFontSize,
-        tableSettingsTitle,
-        onNumberFormatChange,
-        onTableActionsTabClick,
-        onTableSettingClick
-      }
-    ) : /* @__PURE__ */ jsx(
-      TableSettings$1,
-      {
-        actualRef,
-        colDefs,
-        Columns,
-        customRenderSaveViewContent,
-        customTabInTableSettings,
-        deleteViewPromptText,
+        extraNumericFormatOptions,
         handleDeleteViewClick,
         handleEditSaveView,
         handleMenuClick,

package/dist/components/{Table → 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

@@ -0,0 +1 @@
+{"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/{Table → TableV36}/tablePagination.js

@@ -3,32 +3,22 @@ import { useState } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/ExpandLess.js";
 import { Button } from "../Button/index.js";
 import { Menu } from "../Menu/index.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
 function TablePagination({
   actualRef,
   localPageSize,
   setLocalPageSize,
   paginationPageSizeSelector
 }) {
-  const { t } = useTranslation();
   const [paginationOptionsAnchorEl, setPaginationOptionsAnchorEl] = useState(null);
   const paginationOptionsOpen = Boolean(paginationOptionsAnchorEl);
   const handlePageSizeClick = (e) => {
     setPaginationOptionsAnchorEl(e.currentTarget);
   };
   const onPageSizeChange = (val) => {
-    var _a;
+    var _a, _b;
     setLocalPageSize(val);
-    try {
-      const api = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api;
-      if (typeof (api == null ? void 0 : api.setGridOption) === "function") {
-        api.setGridOption("paginationPageSize", val);
-      } else if (typeof (api == null ? void 0 : api.paginationSetPageSize) === "function") {
-        api.paginationSetPageSize(val);
-      }
-    } finally {
-      setPaginationOptionsAnchorEl(null);
-    }
+    (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.paginationSetPageSize(val);
+    setPaginationOptionsAnchorEl(null);
   };
   return /* @__PURE__ */ jsxs("div", { className: "pagination-container", children: [
     /* @__PURE__ */ jsx("div", { className: "select-button-container", children: /* @__PURE__ */ jsx(
@@ -38,10 +28,10 @@ function TablePagination({
         "data-type": "pagination-btn",
         icon: /* @__PURE__ */ jsx(default_1, {}),
         iconPlacement: "right",
-        label: t("table.pagination.perPage", { count: localPageSize }),
+        label: `${localPageSize} per page`,
         variant: "secondary",
         onClick: handlePageSizeClick,
-        children: /* @__PURE__ */ jsx("span", { className: "ia-pageSize", children: t("table.pagination.perPage", { count: localPageSize }) })
+        children: /* @__PURE__ */ jsx("span", { className: "ia-pageSize", children: `${localPageSize} per page` })
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -54,7 +44,7 @@ function TablePagination({
         },
         open: paginationOptionsOpen,
         options: paginationPageSizeSelector.map((opt) => ({
-          label: t("table.pagination.perPage", { count: opt }),
+          label: `${opt} per page`,
           onClick: () => {
             onPageSizeChange(opt);
           },

package/dist/components/{Table → TableV36}/tableSettings.d.ts

@@ -1,4 +1,6 @@
-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, }: {
+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;
     actualRef: any;
@@ -34,8 +36,9 @@ export default function TableSettings({ showMenu, Columns, actualRef, tableFontS
     onTableSettingClick: any;
     deleteViewPromptText: any;
     isViewNameUniqueAcrossTypes: any;
-    tableSettingsTitle: any;
+    tableSettingsTitle?: string | undefined;
     registerTableSettingToggle: any;
     numericFormatDefault: any;
-}): import("react/jsx-runtime").JSX.Element;
+    extraNumericFormatOptions: any;
+}): React.JSX.Element;
 //# sourceMappingURL=tableSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tableSettings.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/tableSettings.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,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,qBA6NA"}