impact-ui 5.0.2-alpha.1 → 5.0.2-beta.2

package/dist/components/TableV36/AdvanceSortModal.js

@@ -1,30 +1,30 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
+import { Plus as Plus_default, SaveViewDeleteIcon as SaveViewDeleteIcon_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1 from "../../node_modules/@mui/icons-material/DragIndicator.js";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { Badge } from "../Badge/index.js";
 import { Button } from "../Button/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Modal } from "../Modal/index.js";
 import { Select } from "../Select/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-const SaveViewDeleteIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/saveViewDeleteIcon.svg"), ...props });
-const AddOutlinedIcon = (props) => /* @__PURE__ */ jsx("img", { alt: "", src: getAssetUrl("icons/plus.svg"), ...props });
-const SORT_ORDER_OPTIONS_TEXT = [
-  { label: "Ascending (A To Z)", value: "asc" },
-  { label: "Descending (Z To A)", value: "desc" }
-];
-const SORT_ORDER_OPTIONS_NUMBER = [
-  { label: "Smallest to largest", value: "asc" },
-  { label: "Largest to smallest", value: "desc" }
-];
-function getSortOrderOptionsByFilter(filterType) {
+import { useTranslation } from "../../i18n/useTranslation.js";
+function getSortOrderOptionsByFilter(filterType, t) {
+  const textOptions = [
+    { label: t("table.sort.ascending"), value: "asc" },
+    { label: t("table.sort.descending"), value: "desc" }
+  ];
+  const numberOptions = [
+    { label: t("table.sort.smallestToLargest"), value: "asc" },
+    { label: t("table.sort.largestToSmallest"), value: "desc" }
+  ];
   if (filterType === "agNumberColumnFilter") {
-    return SORT_ORDER_OPTIONS_NUMBER;
+    return numberOptions;
   }
   if (filterType === "agTextColumnFilter") {
-    return SORT_ORDER_OPTIONS_TEXT;
+    return textOptions;
   }
-  return SORT_ORDER_OPTIONS_TEXT;
+  return textOptions;
 }
 let nextId = 1;
 const generateId = () => `sort-row-${nextId++}`;
@@ -61,20 +61,21 @@ function SortRow({
   onOrderChange,
   onDelete,
   dragHandlers,
-  rowsCount
+  rowsCount,
+  t
 }) {
   const [columnIsOpen, setColumnIsOpen] = useState(false);
   const [orderIsOpen, setOrderIsOpen] = useState(false);
   const [columnCurrentOptions, setColumnCurrentOptions] = useState(availableColumnOptions);
   const [orderCurrentOptions, setOrderCurrentOptions] = useState(
-    getSortOrderOptionsByFilter(selectedColumnFilter)
+    getSortOrderOptionsByFilter(selectedColumnFilter, t)
   );
   useEffect(() => {
     setColumnCurrentOptions(availableColumnOptions);
   }, [availableColumnOptions]);
   useEffect(() => {
-    setOrderCurrentOptions(getSortOrderOptionsByFilter(selectedColumnFilter));
-  }, [selectedColumnFilter]);
+    setOrderCurrentOptions(getSortOrderOptionsByFilter(selectedColumnFilter, t));
+  }, [selectedColumnFilter, t]);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -96,12 +97,13 @@ function SortRow({
                 isWithSearch: true,
                 withPortal: true,
                 currentOptions: columnCurrentOptions,
+                dropDownPortalClassName: "advance-sort-select-menu",
                 handleChange: (val) => onColumnChange(index, val),
                 initialOptions: availableColumnOptions,
                 isOpen: columnIsOpen,
-                label: "Column",
+                label: t("table.sort.column"),
                 minWidth: "210px",
-                placeholder: "Select column",
+                placeholder: t("table.sort.selectColumn"),
                 selectedOptions: selectedColumnOption,
                 setCurrentOptions: setColumnCurrentOptions,
                 setIsOpen: setColumnIsOpen,
@@ -114,12 +116,13 @@ function SortRow({
               {
                 withPortal: true,
                 currentOptions: orderCurrentOptions,
+                dropDownPortalClassName: "advance-sort-select-menu",
                 handleChange: (val) => onOrderChange(index, val),
-                initialOptions: getSortOrderOptionsByFilter(selectedColumnFilter),
+                initialOptions: getSortOrderOptionsByFilter(selectedColumnFilter, t),
                 isOpen: orderIsOpen,
-                label: "Sorting Order",
+                label: t("table.sort.sortingOrder"),
                 minWidth: "210px",
-                placeholder: "Select sorting order",
+                placeholder: t("table.sort.selectSortingOrder"),
                 selectedOptions: selectedOrderOption,
                 setCurrentOptions: setOrderCurrentOptions,
                 setIsOpen: setOrderIsOpen,
@@ -133,24 +136,19 @@ function SortRow({
           /* @__PURE__ */ jsx(
             Badge,
             {
+              className: "advance-sort-priority-badge",
               color: "default",
-              label: `Priority ${index + 1}`,
+              label: t("table.sort.priority", { number: index + 1 }),
               size: "default",
-              sx: {
-                background: "#F1F3FE !important",
-                "& .MuiChip-label": {
-                  color: "#4259EE !important"
-                }
-              },
               variant: "filled"
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "divider-line" }),
-          /* @__PURE__ */ jsx(Tooltip, { title: "Delete", variant: "tertiary", children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Tooltip, { title: t("table.sort.delete"), variant: "tertiary", children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
             Button,
             {
               disabled: rowsCount === 1,
-              icon: /* @__PURE__ */ jsx(SaveViewDeleteIcon, {}),
+              icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(SaveViewDeleteIcon_default), size: 16 }),
               size: "medium",
               type: "destructive",
               variant: "secondary",
@@ -163,6 +161,7 @@ function SortRow({
   );
 }
 function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply }) {
+  const { t } = useTranslation();
   const [rows, setRows] = useState([makeEmptyRow()]);
   const dragIndexRef = useRef(null);
   const dragOverIndexRef = useRef(null);
@@ -233,7 +232,7 @@ function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply
   const getSelectedOrderOption = (order, colId) => {
     var _a;
     const filterType = (_a = getSelectedColumnOption(colId)) == null ? void 0 : _a.filter;
-    return getSortOrderOptionsByFilter(filterType).find((o) => o.value === order) || null;
+    return getSortOrderOptionsByFilter(filterType, t).find((o) => o.value === order) || null;
   };
   const usedColIds = rows.map((r) => r.colId).filter(Boolean);
   const getAvailableColumnOptionsForRow = (rowColId) => columnOptions.filter((opt) => opt.value === rowColId || !usedColIds.includes(opt.value));
@@ -242,17 +241,17 @@ function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply
     {
       className: "advance-sort-modal",
       open,
-      primaryButtonLabel: "Apply",
-      secondaryButtonLabel: "Cancel",
+      primaryButtonLabel: t("common.apply"),
+      secondaryButtonLabel: t("common.cancel"),
       size: "medium",
-      title: "Advance Sort",
+      title: t("table.sort.title"),
       onClose,
       onPrimaryButtonClick: handleApply,
       onSecondaryButtonClick: onClose,
       children: /* @__PURE__ */ jsxs("div", { className: "advance-sort-modal-body", children: [
         /* @__PURE__ */ jsxs("div", { className: "advance-sort-section-header", children: [
-          /* @__PURE__ */ jsx("span", { className: "advance-sort-section-title", children: "Column sort" }),
-          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: handleClearAll, children: "Clear All" })
+          /* @__PURE__ */ jsx("span", { className: "advance-sort-section-title", children: t("table.sort.columnSort") }),
+          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: handleClearAll, children: t("common.clearAll") })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "advance-sort-rows", children: rows.map((row, index) => {
           var _a;
@@ -267,6 +266,7 @@ function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply
               selectedColumnFilter: (_a = getSelectedColumnOption(row.colId)) == null ? void 0 : _a.filter,
               selectedColumnOption: getSelectedColumnOption(row.colId),
               selectedOrderOption: getSelectedOrderOption(row.order, row.colId),
+              t,
               onColumnChange: handleColumnChange,
               onDelete: handleDeleteRow,
               onOrderChange: handleOrderChange
@@ -275,16 +275,16 @@ function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply
           );
         }) }),
         /* @__PURE__ */ jsxs("div", { className: "advance-sort-footer-actions", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleClearValues, children: "Clear Values" }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleClearValues, children: t("table.sort.clearValues") }),
           /* @__PURE__ */ jsx(
             Button,
             {
               className: "advance-sort-add-level-button",
               disabled: columnOptions.length === rows.length,
-              icon: /* @__PURE__ */ jsx(AddOutlinedIcon, {}),
+              icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Plus_default), size: 16 }),
               variant: "tertiary",
               onClick: handleAddLevel,
-              children: "Add Level"
+              children: t("table.sort.addLevel")
             }
           )
         ] })

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

@@ -10,7 +10,7 @@ declare function AgGridHeader({ children, sortModel, handleInlineSearch, handleC
     debounceTime: any;
     initialFilters: any;
     enableHeaderTextWrap?: boolean | undefined;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof AgGridHeader>;
 export default _default;
 //# sourceMappingURL=AgGridHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AgGridHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAoBxF,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,kDAo7BA;;AA2BD,wBAAuD"}
+{"version":3,"file":"AgGridHeader.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AgGridHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAuBxF,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,YAAY,EACZ,cAAc,EACd,oBAA2B,EAC3B,GAAG,IAAI,EACR;;;;;;;;;;CAAA,4BAw7BA;;AA2BD,wBAAuD"}

package/dist/components/TableV36/AgGridHeader.js

@@ -1,22 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { memo, useRef, useState, useCallback, useEffect, Fragment } from "react";
+import { Up as Up_default, Down as Down_default, TableSortIcon as TableSortIcon_default, MenuTable as MenuTable_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import default_1$1 from "../../node_modules/@mui/icons-material/Close.js";
 import default_1$2 from "../../node_modules/@mui/icons-material/Search.js";
 import default_1 from "../../node_modules/@mui/icons-material/Tune.js";
 import moment from "moment";
-import { getAssetUrl } from "../../utils/assetBase.js";
 import { debounce } from "../../utils/debounce.js";
 import { DatePicker } from "../DatePicker/index.js";
 import { DateRangePicker } from "../DateRangePicker/index.js";
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 import { Input } from "../Input/index.js";
 import { Select } from "../Select/index.js";
 import { syncFiltersWithModal, parseInlineSearchValue, buildFilterModelEntry } from "./filterUtils.js";
 import HighlightedText from "./HighlightedText.js";
 import { Tooltip } from "../Tooltip/index.js";
 import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
-const TableSortIcon = getAssetUrl("icons/tableSortIcon.svg");
-const TableSortAscIcon = getAssetUrl("icons/Up.svg");
-const TableSortDescIcon = getAssetUrl("icons/Down.svg");
 function AgGridHeader({
   children,
   sortModel,
@@ -717,11 +715,13 @@ function AgGridHeader({
                 ),
                 (_la = (_ka = rest.column) == null ? void 0 : _ka.colDef) == null ? void 0 : _la.headerIcons,
                 ((_na = (_ma = rest.column) == null ? void 0 : _ma.colDef) == null ? void 0 : _na.sortable) && /* @__PURE__ */ jsx(
-                  "img",
+                  ImpactIcon,
                   {
-                    alt: "TableSortIcon",
                     className: "ia-table-sort-icon",
-                    src: currentSort === "asc" ? TableSortAscIcon : currentSort === "desc" ? TableSortDescIcon : TableSortIcon,
+                    icon: impactIconSource(
+                      currentSort === "asc" ? Up_default : currentSort === "desc" ? Down_default : TableSortIcon_default
+                    ),
+                    size: 16,
                     onClick: onHeaderClick
                   }
                 )
@@ -741,9 +741,9 @@ function AgGridHeader({
                   {
                     fontSize: "small",
                     style: {
-                      color: "#60697D",
+                      color: "var(--iu-on-surface-label)",
                       cursor: "pointer",
-                      backgroundColor: hasActiveSearch && "#ECEEFD",
+                      backgroundColor: hasActiveSearch && "var(--iu-bg-primary-subtle)",
                       display: menuVisible && !hasActiveSearch ? "none" : "block"
                     },
                     onClick: rest.onColumnSearchClick ? () => {
@@ -761,12 +761,22 @@ function AgGridHeader({
                   "button",
                   {
                     ref: menuRef,
-                    className: `custom-ag-menu-icon-button`,
+                    "aria-label": "Column menu",
+                    className: "custom-ag-menu-icon-button",
+                    type: "button",
                     onClick: (e) => {
                       e.stopPropagation();
                       rest.showColumnMenu(menuRef.current);
                       setMenuvisible(true);
-                    }
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      ImpactIcon,
+                      {
+                        className: "ia-header-column-menu-icon",
+                        icon: impactIconSource(MenuTable_default),
+                        size: 14
+                      }
+                    )
                   }
                 ) })
               ]

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

@@ -9,6 +9,6 @@ import { CustomTooltipProps } from 'ag-grid-react';
  * mirrors the `tertiary` Tooltip variant. There is no arrow because AG Grid does not expose which
  * side of the cell it placed the popup on.
  */
-declare const CellTooltip: ({ value, valueFormatted }: CustomTooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const CellTooltip: ({ value, valueFormatted }: CustomTooltipProps) => import("react").JSX.Element | null;
 export default CellTooltip;
 //# sourceMappingURL=CellTooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CellTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/CellTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,GAAI,2BAA2B,kBAAkB,mDAYjE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CellTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/CellTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,GAAI,2BAA2B,kBAAkB,uCAYjE,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/CommentsPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAgBpE,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,6BA2WA,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CommentsPortal.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/CommentsPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAepE,OAAO,4CAA4C,CAAC;AAGpD,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,6BA2WA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/TableV36/CommentsPortal.js

@@ -1,3 +1,4 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('.comment-panel-main-container{background-color:var(--iu-bg-surface-layer-bg);box-shadow:var(--iu-effect-shadow-drop-4);display:flex;flex-direction:column;opacity:0;overflow:hidden;transition:all .2s ease-in-out;visibility:hidden;width:0}.comment-panel-main-container .comment-panel-header{align-items:center;background-color:var(--iu-bg-primary-subtle);display:flex;justify-content:space-between;padding:12px 16px}.comment-panel-main-container .comment-panel-header h2{color:var(--iu-on-surface-title);font-family:Manrope,sans-serif;font-size:16px;font-weight:700;margin:0}.comment-panel-main-container .comment-panel-header .close_icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;cursor:pointer;height:12px;width:12px}.comment-panel-main-container .comment-panel-header .close_icon:hover{background:var(--iu-bg-primary-subtle) url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/close.svg) no-repeat;background-position:50%;background-size:12px;color:var(--iu-bg-primary-darker)}.comment-panel-main-container .comment-panel-body{bottom:0;left:0;padding-top:8px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-search-panel{align-items:center;display:flex;justify-content:space-between;padding:0 12px}.comment-panel-main-container .comment-panel-search-panel .left-input-icon{padding-top:2px}.comment-panel-main-container .comment-panel-search-panel .ia-styles.ia-btn.ia-btn-small{padding:14px!important}.comment-panel-main-container .comment-panel-search-panel .impact_inputbox_container_with_icons{width:279px}.comment-panel-main-container .comment-panel-content{bottom:0;display:flex;flex-direction:column;gap:0;left:0;line-height:20px;overflow:auto;padding:8px 12px;position:absolute;right:0;top:40px}.comment-panel-main-container .comment-panel-item{background-color:initial;cursor:pointer;padding:16px;position:relative}.comment-panel-main-container .comment-panel-item:not(:last-child){margin-bottom:16px}.comment-panel-main-container .comment-panel-item:not(:last-child):after{background:var(--iu-border-default);bottom:-8px;content:"";height:1px;left:16px;position:absolute;right:16px}.comment-panel-main-container .comment-panel-item.active{background-color:var(--iu-bg-primary-subtle);border-radius:16px}.comment-panel-main-container .comment-panel-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-left{align-items:flex-start;display:flex;gap:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info{display:flex;flex-direction:column;gap:2px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:first-child{color:var(--iu-on-surface-subtitle);font-size:14px;font-weight:600;line-height:21px}.comment-panel-main-container .comment-panel-item-header .comment-panel-author-info span:last-child{color:var(--iu-on-surface-label);font-size:12px;font-weight:500;line-height:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right{align-items:baseline;display:flex}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon{padding:8px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-icon svg{height:16px;width:16px}.comment-panel-main-container .comment-panel-item-header .comment-panel-item-header-right .comment-panel-action-button{background-color:initial;padding:8px}.comment-panel-main-container .comment-panel-item-content{color:var(--iu-on-surface-body);display:-webkit-box;font-size:14px;font-weight:500;line-clamp:3;-webkit-line-clamp:3;line-height:20px;-webkit-box-orient:vertical;max-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:normal}.comment-panel-main-container .comment-panel-item-footer{background:none;border:none;color:var(--iu-link-button-color);cursor:pointer;font-size:14px;font-weight:500;line-height:20px;padding:0;text-align:left}.comment-panel-main-container .comment-panel-item-footer-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:12px;width:100%}.comment-panel-main-container .comment-panel-item-footer-link{color:var(--iu-link-button-color)}.comment-panel-main-container .comment-panel-item-footer-muted{color:var(--iu-on-surface-caption);cursor:default}.comment-panel-main-container .impact_emptystate{border:none;border-radius:0;bottom:0;left:0;margin:0;min-height:auto;padding:0;position:absolute;right:0;top:2px;width:auto}.comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.comment-panel-main-container .impact_emptystate .impact_paragraph{color:var(--iu-on-surface-caption);font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:inherit;width:285px}.comment-panel-main-container.display-comment-panel{border:1px solid var(--iu-border-default);border-radius:8px;gap:8px;min-height:480px;opacity:1;padding:0;visibility:visible;width:355px;z-index:999}.comment-panel-main-container.display-comment-panel .comment-panel-header{border-bottom:none}.comment-panel-main-container.display-comment-panel .comment-panel-header .close_icon{padding:0}.header-comments-dropdown{border-radius:8px;box-shadow:var(--iu-effect-shadow-header-dropdown-elevated);margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10000}.header-comments-dropdown .comment-panel-main-container{max-height:500px;position:relative}.header-comments-dropdown .comment-panel-main-container.display-comment-panel{bottom:unset;max-height:500px;min-height:400px}.header-comments-dropdown .comment-panel-main-container .comment-panel-body{flex:1;overflow:auto;position:relative;top:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate{border:none;border-radius:0;margin:0;min-height:auto;padding:20px;width:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg_with_icon{min-height:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_center_svg{height:auto}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_heading{font-size:14px;line-height:21px;margin-bottom:0}.header-comments-dropdown .comment-panel-main-container .impact_emptystate .impact_paragraph{color:var(--iu-on-surface-caption);font-size:10px;font-weight:500;line-height:14px;margin-top:0;width:285px}.header-comments-dropdown .comment-panel-main-container .comment-panel-content{bottom:auto;max-height:380px;min-height:300px;position:relative;top:auto}.comments-portal-container{background:var(--iu-comments-reply-bg);border:1px solid var(--iu-border-default)}[data-iu-theme=dark] .comment-panel-main-container.display-comment-panel,[data-iu-theme=dark] .comments-portal-container{border-color:var(--iu-border-default-subtle)}')),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { MoreHorizontal as MoreHorizontal_default, SuccessFill as SuccessFill_default, SuccessGray as SuccessGray_default, Close as Close_default } from "../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
@@ -8,6 +9,8 @@ import { Button } from "../Button/index.js";
 import NoComments from "./NoComments.js";
 import { getUserAvatarColor } from "../../utils/avatarColor.js";
 import { toInnerHTML } from "../../utils/html.js";
+
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 const CommentsPortal = ({
   isOpen,
   onClose,
@@ -99,7 +102,7 @@ const CommentsPortal = ({
               behavior: "smooth",
               block: "center"
             });
-            messageElement.style.backgroundColor = "#eceefd";
+            messageElement.style.backgroundColor = "var(--iu-bg-primary-subtle)";
             messageElement.style.transition = "background-color 0.3s ease";
             setTimeout(() => {
               messageElement.style.backgroundColor = "";
@@ -180,7 +183,7 @@ const CommentsPortal = ({
                     {
                       className: "",
                       disabled: false,
-                      icon: /* @__PURE__ */ jsx(MoreHorizontal_default, { fontSize: "small" }),
+                      icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(MoreHorizontal_default), size: 16 }),
                       iconPlacement: "left",
                       size: "small",
                       style: {
@@ -209,7 +212,7 @@ const CommentsPortal = ({
                     {
                       className: "comment-close",
                       disabled: false,
-                      icon: /* @__PURE__ */ jsx(Close_default, { fontSize: "large" }),
+                      icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(Close_default), size: 16 }),
                       iconPlacement: "left",
                       size: "small",
                       style: {
@@ -258,7 +261,7 @@ const CommentsPortal = ({
                       {
                         className: "",
                         disabled: false,
-                        icon: /* @__PURE__ */ jsx(MoreHorizontal_default, { fontSize: "small" }),
+                        icon: /* @__PURE__ */ jsx(ImpactIcon, { icon: impactIconSource(MoreHorizontal_default), size: 16 }),
                         iconPlacement: "left",
                         size: "small",
                         style: { backgroundColor: "transparent" },

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 declare const NewAdvanceSearchModal: ({ isAdvanceSearch, actualRef, onSearchApplyClick, toggleAdvanceSearch, initialFilters, setInitialFilters, colDefs, currentColumnId, ...args }: {
     [x: string]: any;
     isAdvanceSearch: any;
@@ -8,6 +10,6 @@ declare const NewAdvanceSearchModal: ({ isAdvanceSearch, actualRef, onSearchAppl
     setInitialFilters: any;
     colDefs?: never[] | undefined;
     currentColumnId: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NewAdvanceSearchModal;
 //# sourceMappingURL=NewAdvanceSearchModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,4CAoRA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"NewAdvanceSearchModal.d.ts","sourceRoot":"","sources":["../../../../src/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAe5D,QAAA,MAAM,qBAAqB,GAAI;;;;;;;;;;CAU9B,sBAoRA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remove, filteredColumnsInitialOptions, activeSearchType, isLastVisible, currentColumnId, getValues, fields, ...args }: {
     [x: string]: any;
     colDefs: any;
@@ -11,6 +13,6 @@ declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remo
     currentColumnId: any;
     getValues: any;
     fields: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NewAdvanceSearchModalItem;
 //# sourceMappingURL=NewAdvanceSearchModalItem.d.ts.map

package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,4CA4ZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,sBAiaA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js

@@ -128,6 +128,7 @@ const NewAdvanceSearchModalItem = ({
       Select,
       {
         currentOptions: filteredColumnsInitialOptions || [],
+        dropDownPortalClassName: "advance-search-select-menu",
         initialOptions: filteredColumnsInitialOptions || [],
         isOpen: isColumnOptionsOpen,
         minWidth: activeSearchType !== "advanceSearch" ? 400 : void 0,
@@ -167,6 +168,7 @@ const NewAdvanceSearchModalItem = ({
       {
         currentOptions: currentOperationOptions,
         disabled: !columnField.value,
+        dropDownPortalClassName: "advance-search-select-menu",
         initialOptions: currentOperationOptions,
         isDisabled: (currentColumnDef == null ? void 0 : currentColumnDef.isThirdOptionDropdownIsBoolean) || (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) ? true : !columnField.value,
         isOpen: isOperationOptionsOpen,
@@ -189,6 +191,7 @@ const NewAdvanceSearchModalItem = ({
       Select,
       {
         currentOptions: currentThirdOptionDropdownOptions,
+        dropDownPortalClassName: "advance-search-select-menu",
         initialOptions: currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionDropdownOptions,
         isDisabled: !operationField.value,
         isMulti: currentColumnDef == null ? void 0 : currentColumnDef.enableMultiSelect,
@@ -218,6 +221,7 @@ const NewAdvanceSearchModalItem = ({
         fullWidth: true,
         showMonthYearSelect: true,
         displayFormat: currentColumnDef.displayFormat || "MM-DD-YYYY",
+        dropDownPortalClassName: "advance-search-select-menu",
         isDisabled: !operationField.value,
         name: `filters.${index}.value`,
         placeholder: "Select date",
@@ -232,6 +236,7 @@ const NewAdvanceSearchModalItem = ({
       DateRangePicker,
       {
         fullWidth: true,
+        dropDownPortalClassName: "advance-search-select-menu",
         endDate: ((_a = valueField.value) == null ? void 0 : _a.endDate) ? moment.isMoment(valueField.value.endDate) ? valueField.value.endDate : moment(valueField.value.endDate) : ((_b = currentColumnDef.thirdOptionAsDateRangePickerProps) == null ? void 0 : _b.endDate) ? moment.isMoment(currentColumnDef.thirdOptionAsDateRangePickerProps.endDate) ? currentColumnDef.thirdOptionAsDateRangePickerProps.endDate : moment(currentColumnDef.thirdOptionAsDateRangePickerProps.endDate) : null,
         handleDatesChange: (startDate, endDate) => {
           const formattedValue = {

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 declare const NoComments: ({ onAddComment, cellId, position, isInsidePortal, editCommentText, isLoading, error, onClearError, isEditFlow, onUpdateComment, setEditingComment, loadParticipantsAvatar, }: {
     onAddComment: any;
     cellId: any;
@@ -11,6 +13,6 @@ declare const NoComments: ({ onAddComment, cellId, position, isInsidePortal, edi
     onUpdateComment: any;
     setEditingComment: any;
     loadParticipantsAvatar: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export default NoComments;
 //# sourceMappingURL=NoComments.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/NoComments.tsx"],"names":[],"mappings":"AA4CA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAuOA,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/NoComments.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA2CjF,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,sBAuOA,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/TableV36/NoComments.js

@@ -96,7 +96,7 @@ const NoComments = ({
                 top: 0;
                 bottom: 0;
                 width: 3px;
-                background: #4259ee;
+                background: var(--iu-bg-primary);
                 left: 0;
               }
             `;

package/dist/components/TableV36/Table.types.d.ts

@@ -55,10 +55,10 @@ export interface TableProps extends Omit<AgGridReactProps, 'rowHeight'> {
     enableCommentPanel?: boolean;
     isCommentFeatureEnabled?: boolean;
     commentProps?: Record<string, unknown>;
-    extraNumericFormatOptions?: Array<{
+    extraNumericFormatOptions?: {
         label: string;
         value: string;
-    }>;
+    }[];
     /**
      * Number of skeleton rows shown while loading (client-side) and initial
      * placeholder rows for the server-side row model. Default: 6.

package/dist/components/TableV36/Table.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/Table.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/Table.types.ts"],"names":[],"mappings":"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"}

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

@@ -13,6 +13,6 @@ export declare const createInfiniteSkeletonCellRendererSelector: (consumerSelect
     component?: unknown;
     params?: unknown;
 } | undefined;
-declare const TableSkeletonCell: import('react').MemoExoticComponent<(params: ICellRendererParams) => import("react/jsx-runtime").JSX.Element>;
+declare const TableSkeletonCell: import('react').MemoExoticComponent<(params: ICellRendererParams) => import("react").JSX.Element>;
 export default TableSkeletonCell;
 //# sourceMappingURL=TableSkeletonCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableSkeletonCell.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/TableSkeletonCell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,qFAAqF;AACrF,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAGzE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0CAA0C,GACrD,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,KAC3C;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACzC,SAAS,MAEL,QAAQ,mBAAmB;gBAHjB,OAAO;aAAW,OAAO;aAS5C,CAAC;AAEF,QAAA,MAAM,iBAAiB,+CAAiB,mBAAmB,6CAiBzD,CAAC;AAIH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"TableSkeletonCell.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/TableSkeletonCell.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,qFAAqF;AACrF,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAGzE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0CAA0C,GACrD,mBAAmB,CACjB,MAAM,EAAE,mBAAmB,KACxB;IAAE,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,MAElD,QAAQ,mBAAmB;gBAFhB,OAAO;aAAW,OAAO;aAQ7C,CAAC;AAEF,QAAA,MAAM,iBAAiB,+CAAiB,mBAAmB,iCAUzD,CAAC;AAIH,eAAe,iBAAiB,CAAC"}

package/dist/components/TableV36/TableSkeletonCell.js

@@ -14,22 +14,10 @@ const createInfiniteSkeletonCellRendererSelector = (consumerSelector) => {
   };
 };
 const TableSkeletonCell = memo((params) => {
-  var _a;
-  const rowIndex = (_a = params.node) == null ? void 0 : _a.rowIndex;
+  const rowIndex = params.node.rowIndex;
   const width = getSkeletonBarWidth(rowIndex);
-  const style = useMemo(
-    () => width === "85%" ? FALLBACK_WIDTH_STYLE : { width },
-    [width]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-label": "Row data is loading",
-      className: "ag-skeleton-container",
-      role: "status",
-      children: /* @__PURE__ */ jsx("div", { className: "ag-skeleton-effect", style })
-    }
-  );
+  const style = useMemo(() => width === "85%" ? FALLBACK_WIDTH_STYLE : { width }, [width]);
+  return /* @__PURE__ */ jsx("div", { "aria-label": "Row data is loading", className: "ag-skeleton-container", role: "status", children: /* @__PURE__ */ jsx("div", { className: "ag-skeleton-effect", style }) });
 });
 TableSkeletonCell.displayName = "TableSkeletonCell";
 export {

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

@@ -1,7 +1,9 @@
+import { default as React } from 'react';
+
 export default function BulkActionBar({ showBulkActionBar, bulkActionBarProps, onSelectAllRows, onClearSelection, }: {
     showBulkActionBar: any;
     bulkActionBarProps: any;
     onSelectAllRows: any;
     onClearSelection: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=actionBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/actionBar.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,2CA2BA"}
+{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/actionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,qBA2BA"}

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 export default function AdvanceSearchModal({ isAdvanceSearch, toggleAdvanceSearch, colDefs, actualRef, currentColumnId, savedAdvanceSearchConfig, setInitialFilters, initialFilters, selectedThirdOptionDropdownValue, setSelectedThirdOptionDropdownValue, draftFilter, setDraftFilter, ...args }: {
     [x: string]: any;
     isAdvanceSearch: any;
@@ -16,5 +18,5 @@ export default function AdvanceSearchModal({ isAdvanceSearch, toggleAdvanceSearc
     setSelectedThirdOptionDropdownValue: any;
     draftFilter: any;
     setDraftFilter: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=advanceSearchModal.d.ts.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AA2sE7B,eAAO,MAAM,QAAQ,mFAUnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AA0kE7B,eAAO,MAAM,QAAQ,mFAUnB,CAAC"}