impact-ui 4.0.17 → 5.0.0-alpha.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, isTableExpanded, onTableExpandToggle, }: {
     actualRef: any;
     colDefs: any;
     Columns: any;
@@ -71,11 +73,13 @@ 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;
+    isTableExpanded: any;
+    onTableExpandToggle: any;
+}): 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;AAmBpF,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,EAClB,eAAe,EACf,mBAAmB,GACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,4BA0WA"}

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

@@ -10,7 +10,6 @@ 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({
@@ -87,15 +86,16 @@ function TableHeader({
   tableSettingsTitle,
   registerTableSettingToggle,
   numericFormatDefault,
+  extraNumericFormatOptions,
   viewPoint,
   disableContextualFilter,
   disableTableSettings,
-  columnSettingsMode = "legacy",
   onAdvanceSortClick,
-  advanceSortEnabled
+  advanceSortEnabled,
+  isTableExpanded,
+  onTableExpandToggle
 }) {
   var _a, _b;
-  const { t } = useTranslation();
   const [showMenu, setShowMenu] = useState(false);
   const [anchorEl, setAnchorEl] = useState(null);
   const handleWidthButtonClose = () => {
@@ -155,7 +155,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 +166,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);
     }
   };
@@ -183,7 +183,7 @@ function TableHeader({
     }
   };
   const hasHeaderContent = useMemo(() => {
-    return !!(tableHeader || topLeftOptions || topCenterOptions || topRightOptions || onGlobalSearchClick || showContentualFilter || showDownloadButton || !hideTableSetting || closeButton || showFilterStrip || contentualFilterComponent || contentualFilterProps && Object.keys(contentualFilterProps).length > 0 || isCommentFeatureEnabled);
+    return !!(tableHeader || topLeftOptions || topCenterOptions || topRightOptions || onGlobalSearchClick || showContentualFilter || showDownloadButton || !hideTableSetting || closeButton || isTableExpanded || showFilterStrip || contentualFilterComponent || contentualFilterProps && Object.keys(contentualFilterProps).length > 0 || isCommentFeatureEnabled);
   }, [
     tableHeader,
     topLeftOptions,
@@ -194,6 +194,7 @@ function TableHeader({
     showDownloadButton,
     hideTableSetting,
     closeButton,
+    isTableExpanded,
     showFilterStrip,
     contentualFilterComponent,
     contentualFilterProps,
@@ -228,7 +229,7 @@ function TableHeader({
               Alert,
               {
                 severity: "success",
-                title: t("table.header.commentResolved"),
+                title: "Comment is resolved",
                 onClose: () => setIsCommentResolvedAlertOpen(false)
               }
             )
@@ -255,8 +256,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,
@@ -271,23 +272,16 @@ function TableHeader({
                 )
               }
             ),
-            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 +293,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 +303,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,
@@ -318,7 +312,7 @@ function TableHeader({
                 onClick: handleMenuClick
               }
             ) }),
-            closeButton && /* @__PURE__ */ jsxs(Fragment, { children: [
+            (closeButton || isTableExpanded) && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx("div", { className: "divider-line" }),
               /* @__PURE__ */ jsx(
                 Button,
@@ -339,7 +333,6 @@ function TableHeader({
             advanceSortEnabled,
             colDefs,
             Columns,
-            columnSettingsMode,
             customRenderSaveViewContent,
             customTabInTableSettings,
             deleteViewPromptText,
@@ -364,6 +357,7 @@ function TableHeader({
             isViewNameUniqueAcrossTypes,
             maxSavedViews,
             numericFormatDefault,
+            extraNumericFormatOptions,
             registerTableSettingToggle,
             rowHeight,
             savedViewsOptions,
@@ -385,7 +379,9 @@ function TableHeader({
             onNumberFormatChange,
             onRowHeightChange,
             onTableActionsTabClick,
-            onTableSettingClick
+            onTableSettingClick,
+            isTableExpanded,
+            onTableExpandToggle
           }
         ),
         showFilterStrip && /* @__PURE__ */ jsx("div", { className: "divider-line", style: { paddingTop: "16px" } }),

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, isTableExpanded, onTableExpandToggle, }: {
     showMenu: any;
     extraButtons: any;
     hideRowHeightOptionMenu: any;
@@ -45,9 +47,11 @@ 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;
+    isTableExpanded?: boolean | undefined;
+    onTableExpandToggle: any;
+}): 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;AAcnD,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,EACzB,eAAuB,EACvB,mBAAmB,GACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA,qBAiTA"}

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

@@ -1,11 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
+import { CollapseNew as CollapseNew_default, ExpandIcon as ExpandIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import { getAssetUrl } from "../../utils/assetBase.js";
-import TableSettings$1 from "./tableSettings.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";
+import { getTableMeta } from "./tableFunctions.js";
 const tableSettingsIcon = getAssetUrl("icons/tableSettingIcon.svg");
+getAssetUrl("icons/compress.svg");
 const tableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
 function TableMoreOptions({
   showMenu,
@@ -54,12 +55,14 @@ function TableMoreOptions({
   isViewNameUniqueAcrossTypes,
   tableSettingsTitle,
   registerTableSettingToggle,
-  columnSettingsMode = "legacy",
   numericFormatDefault,
+  extraNumericFormatOptions,
   onAdvanceSortClick,
-  advanceSortEnabled = true
+  advanceSortEnabled = true,
+  isTableExpanded = false,
+  onTableExpandToggle
 }) {
-  const { t } = useTranslation();
+  var _a, _b;
   const [showDensityMenu, setShowDensityMenu] = useState(false);
   const [isExpand, setIsExpand] = useState(false);
   const [showEditableCells, setShowEditableCells] = useState(false);
@@ -88,17 +91,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 +108,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",
@@ -128,11 +127,33 @@ function TableMoreOptions({
           extraButtons,
           extraButtons ? /* @__PURE__ */ jsx("div", { className: "horizontal-line" }) : null,
           /* @__PURE__ */ jsxs("div", { className: "table-option-footer-wrapper", children: [
-            /* @__PURE__ */ jsxs(
+            typeof onTableExpandToggle === "function" && /* @__PURE__ */ jsxs(
               "div",
               {
                 className: `table-settings-container ${!extraButtons ? "table-settings-container-without-extra-buttons" : ""}`,
                 tabIndex: 0,
+                onClick: () => {
+                  onTableExpandToggle();
+                  setShowMenu(false);
+                },
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    onTableExpandToggle();
+                    setShowMenu(false);
+                  }
+                },
+                children: [
+                  isTableExpanded ? /* @__PURE__ */ jsx(CollapseNew_default, {}) : /* @__PURE__ */ jsx(ExpandIcon_default, {}),
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: isTableExpanded ? "Table collapse" : "Table expand" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `table-settings-container ${!extraButtons && typeof onTableExpandToggle !== "function" ? "table-settings-container-without-extra-buttons" : ""}`,
+                tabIndex: 0,
                 onClick: handleTableSettingClick,
                 onKeyDown: (e) => {
                   if (e.key === "Enter" || e.key === " ") {
@@ -142,7 +163,7 @@ function TableMoreOptions({
                 },
                 children: [
                   /* @__PURE__ */ jsx("img", { alt: "tableOptionButtonIcon", src: tableSettingsIcon }),
-                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.settings.title") })
+                  /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Table Settings" })
                 ]
               }
             ),
@@ -159,50 +180,50 @@ function TableMoreOptions({
                       handleDensityMenuOpen(e);
                     }
                   },
-                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: t("table.more.rowSize") })
+                  children: /* @__PURE__ */ jsx("span", { className: "table-settings-text", children: "Row size" })
                 }
               ),
               showDensityMenu && /* @__PURE__ */ jsxs("div", { className: "density-menu-container", children: [
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: `density-menu-item compact_menu ${rowHeight === 30 ? "selected" : ""}`,
+                    className: `density-menu-item default_menu ${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("span", { className: "density-menu-item-text", children: "Medium" })
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: `density-menu-item default_menu ${rowHeight === 46 ? "selected" : ""}`,
+                    className: `density-menu-item compact_menu ${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("span", { className: "density-menu-item-text", children: "Small" })
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -223,7 +244,7 @@ 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("span", { className: "density-menu-item-text", children: "Large" })
                   }
                 )
               ] })
@@ -246,7 +267,7 @@ 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("span", { className: "table-settings-text", children: "Advance Sort" })
                 ]
               }
             ),
@@ -261,7 +282,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 +293,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 +309,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;AAMxC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,GAC3B;;;;;CAAA,qBAuDA"}

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

@@ -3,32 +3,24 @@ 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";
+import { useTableV36PortalContainerProps } from "./TableV36PortalContext.js";
 function TablePagination({
   actualRef,
   localPageSize,
   setLocalPageSize,
   paginationPageSizeSelector
 }) {
-  const { t } = useTranslation();
   const [paginationOptionsAnchorEl, setPaginationOptionsAnchorEl] = useState(null);
   const paginationOptionsOpen = Boolean(paginationOptionsAnchorEl);
+  const menuPortalProps = useTableV36PortalContainerProps();
   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,15 +30,16 @@ 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(
       Menu,
       {
+        MenuProps: menuPortalProps,
         anchorEl: paginationOptionsAnchorEl,
         anchorOrigin: {
           vertical: "top",
@@ -54,7 +47,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"}