impact-ui 4.0.18 → 5.0.0-alpha.2

package/dist/components/TableV36/AgGridHeaderGroup.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useRef, useState } from "react";
+import HighlightedText from "./HighlightedText.js";
+import { Tooltip } from "../Tooltip/index.js";
+const AgGridHeaderGroup = memo((props) => {
+  const { displayName, context } = props;
+  const textRef = useRef(null);
+  const [isOverflowText, setIsOverflowText] = useState(false);
+  const searchText = context == null ? void 0 : context.columnSearchText;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: textRef,
+      className: "ia-header-group-text",
+      onMouseEnter: () => {
+        var _a, _b, _c, _d;
+        setIsOverflowText(
+          ((_a = textRef.current) == null ? void 0 : _a.scrollWidth) > ((_b = textRef.current) == null ? void 0 : _b.clientWidth) || ((_c = textRef.current) == null ? void 0 : _c.scrollHeight) > ((_d = textRef.current) == null ? void 0 : _d.clientHeight) + 1
+        );
+      },
+      children: /* @__PURE__ */ jsx(Tooltip, { orientation: "top", title: isOverflowText ? displayName : "", variant: "tertiary", children: searchText ? /* @__PURE__ */ jsx(HighlightedText, { searchText, text: displayName }) : /* @__PURE__ */ jsx("span", { children: displayName }) })
+    }
+  );
+});
+AgGridHeaderGroup.displayName = "AgGridHeaderGroup";
+export {
+  AgGridHeaderGroup,
+  AgGridHeaderGroup as default
+};

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

@@ -0,0 +1,14 @@
+import { CustomTooltipProps } from 'ag-grid-react';
+
+/**
+ * Impact-styled replacement for AG Grid's built-in tooltip bubble.
+ *
+ * AG Grid owns the trigger, positioning and show/hide of its tooltip and renders this component
+ * inside an already-placed popup, so the MUI-based `Tooltip` cannot be reused here — it needs its
+ * own hover anchor. This renders the bubble body only; `.impact-ag-tooltip` in `Table.styles.scss`
+ * 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.Element | null;
+export default CellTooltip;
+//# sourceMappingURL=CellTooltip.d.ts.map

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

@@ -0,0 +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,uCAYjE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/TableV36/CellTooltip.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+const CellTooltip = ({ value, valueFormatted }) => {
+  const raw = valueFormatted ?? value;
+  if (raw === null || raw === void 0 || raw === "") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "impact-ag-tooltip", children: typeof raw === "object" ? JSON.stringify(raw) : String(raw) });
+};
+export {
+  CellTooltip as default
+};

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

@@ -1,11 +1,13 @@
-declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId, position, author: authorProp, onMouseEnter, onMouseLeave, openedBy, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, editCommentText, isLoading, error, onClearError, currentAuthor, editingComment, onUpdateComment, setEditingComment, loadParticipantsAvatar, resolvedComments, messageId, configuration, }: {
+import { default as React } from 'react';
+
+declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId, position, author, onMouseEnter, onMouseLeave, openedBy, onMenuClick, onMarkAsReadClick, onMarkAsResolvedClick, editCommentText, isLoading, error, onClearError, currentAuthor, editingComment, onUpdateComment, setEditingComment, loadParticipantsAvatar, resolvedComments, messageId, configuration, }: {
     isOpen: any;
     onClose: any;
     comments: any;
     onAddComment: any;
     cellId: any;
     position: any;
-    author: any;
+    author?: string | undefined;
     onMouseEnter: any;
     onMouseLeave: any;
     openedBy: any;
@@ -24,6 +26,6 @@ declare const CommentsPortal: ({ isOpen, onClose, comments, onAddComment, cellId
     resolvedComments?: never[] | undefined;
     messageId?: null | undefined;
     configuration: any;
-}) => import('react').ReactPortal | null;
+}) => React.ReactPortal | null;
 export default CommentsPortal;
 //# sourceMappingURL=CommentsPortal.d.ts.map

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

@@ -0,0 +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"}

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

@@ -3,12 +3,11 @@ 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";
 import moment from "moment";
 import { createPortal } from "react-dom";
-import { getUserAvatarColor } from "../../utils/avatarColor.js";
-import { toInnerHTML } from "../../utils/html.js";
 import { Avatar } from "../Avatar/index.js";
 import { Button } from "../Button/index.js";
 import NoComments from "./NoComments.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
+import { getUserAvatarColor } from "../../utils/avatarColor.js";
+import { toInnerHTML } from "../../utils/html.js";
 const CommentsPortal = ({
   isOpen,
   onClose,
@@ -16,7 +15,7 @@ const CommentsPortal = ({
   onAddComment,
   cellId,
   position,
-  author: authorProp,
+  author = "Current User",
   onMouseEnter,
   onMouseLeave,
   openedBy,
@@ -38,8 +37,6 @@ const CommentsPortal = ({
   messageId = null,
   configuration
 }) => {
-  const { t } = useTranslation();
-  authorProp || t("table.currentUser");
   if (!isOpen) return null;
   const [openFullReplies, setOpenFullReplies] = useState(openedBy == "click");
   const [adjustedPosition, setAdjustedPosition] = useState(position);
@@ -176,7 +173,7 @@ const CommentsPortal = ({
             },
             children: [
               openFullReplies && /* @__PURE__ */ jsx("div", { className: `comments-portal-header ${(position == null ? void 0 : position.side) == "left" ? "left" : ""}`, children: /* @__PURE__ */ jsxs("div", { className: "comments-portal-header-inner", children: [
-                /* @__PURE__ */ jsx("h3", { children: t("table.comments.title") }),
+                /* @__PURE__ */ jsx("h3", { children: "Comments" }),
                 /* @__PURE__ */ jsxs("div", { className: "comments-portal-header-buttons", children: [
                   (comments == null ? void 0 : comments.length) >= 1 && !isResolved && !((configuration == null ? void 0 : configuration.disableMarkAsRead) && (configuration == null ? void 0 : configuration.disableDeleteThread)) && /* @__PURE__ */ jsx(
                     Button,
@@ -200,12 +197,11 @@ const CommentsPortal = ({
                   !(configuration == null ? void 0 : configuration.disableMarkAsResolved) && (isResolved ? /* @__PURE__ */ jsx(SuccessFill_default, { fontSize: "small" }) : /* @__PURE__ */ jsx(
                     "div",
                     {
-                      style: { cursor: "pointer" },
                       onClick: (e) => {
                         e.stopPropagation();
                         if (onMarkAsResolvedClick) onMarkAsResolvedClick(cellId, comments);
                       },
-                      children: /* @__PURE__ */ jsx(SuccessGray_default, { fontSize: "small" })
+                      children: /* @__PURE__ */ jsx(SuccessGray_default, { className: "comment-success-icon", fontSize: "small" })
                     }
                   )),
                   /* @__PURE__ */ jsx(
@@ -254,7 +250,7 @@ const CommentsPortal = ({
                       /* @__PURE__ */ jsx("div", { className: "comment-item-author-name", children: comment.author }),
                       /* @__PURE__ */ jsxs("div", { className: "comment-item-timestamp", children: [
                         formatTimestamp(comment.timestamp),
-                        comment.isEdited && /* @__PURE__ */ jsx("span", { children: t("table.comments.edited") })
+                        comment.isEdited && /* @__PURE__ */ jsx("span", { children: "(edited)" })
                       ] })
                     ] }),
                     openFullReplies && isCurrentAuthor && (!(configuration == null ? void 0 : configuration.disableEditComment) || !(configuration == null ? void 0 : configuration.disableDeleteComment)) && /* @__PURE__ */ jsx(

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

@@ -0,0 +1,11 @@
+export interface HighlightedTextProps {
+    /**  un-highlighted text  */
+    text: string;
+    /** Current search term */
+    searchText?: string | null;
+    /** Optional class */
+    className?: string;
+}
+declare const HighlightedText: import('react').NamedExoticComponent<HighlightedTextProps>;
+export default HighlightedText;
+//# sourceMappingURL=HighlightedText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedText.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/HighlightedText.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,oBAAoB;IACnC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,QAAA,MAAM,eAAe,4DAyBnB,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/dist/components/TableV36/HighlightedText.js

@@ -0,0 +1,20 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { memo } from "react";
+import { getSearchHighlightSegments } from "./tableUtils.js";
+const HighlightedText = memo(function HighlightedText2({
+  text,
+  searchText,
+  className
+}) {
+  const segments = getSearchHighlightSegments(text, searchText);
+  const hasMatch = segments.some((segment) => segment.isMatch);
+  if (!hasMatch) {
+    return className ? /* @__PURE__ */ jsx("span", { className, children: text }) : /* @__PURE__ */ jsx(Fragment, { children: text });
+  }
+  return /* @__PURE__ */ jsx("span", { className, children: segments.map(
+    (segment, index) => segment.isMatch ? /* @__PURE__ */ jsx("mark", { className: "ia-search-highlight", children: segment.text }, index) : /* @__PURE__ */ jsx("span", { children: segment.text }, index)
+  ) });
+});
+export {
+  HighlightedText as default
+};

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

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

@@ -1,12 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useMemo, useEffect } from "react";
-import { useForm, useFieldArray, useWatch } from "react-hook-form";
+import { useForm, useFieldArray } from "react-hook-form";
 import NewAdvanceSearchModalItem from "./NewAdvanceSearchModalItem.js";
 import { convertToOptions } from "../../../utils/helper.js";
 import { Button } from "../../Button/index.js";
 import { ButtonGroup } from "../../ButtonGroup/index.js";
 import { Modal } from "../../Modal/index.js";
-import { useTranslation } from "../../../i18n/useTranslation.js";
 import AddOutlined from "../../../node_modules/@mui/icons-material/esm/AddOutlined.js";
 const filterInitialValues = {
   column: { label: "", value: "", type: "text" },
@@ -24,7 +23,6 @@ const NewAdvanceSearchModal = ({
   currentColumnId,
   ...args
 }) => {
-  const { t } = useTranslation();
   const [activeSearchType, setActiveSearchType] = useState("advanceSearch");
   const onChangeSearchType = (e, val) => {
     e.preventDefault();
@@ -41,6 +39,7 @@ const NewAdvanceSearchModal = ({
   const {
     control,
     handleSubmit,
+    watch,
     formState: { isValid: isFormValid },
     setValue,
     getValues,
@@ -51,15 +50,14 @@ const NewAdvanceSearchModal = ({
     name: "filters",
     keyName: "fieldId"
   });
-  const columnOptions = useMemo(() => convertToOptions(colDefs || []), [colDefs]);
-  const watchedFilters = useWatch({ control, name: "filters" });
-  const selectedColumnValues = useMemo(
-    () => (watchedFilters || []).map((f) => {
+  const formValues = watch();
+  const filteredColumnsInitialOptions = useMemo(() => {
+    const selectedValues = (formValues.filters || []).map((f) => {
       var _a;
       return (_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value;
-    }).filter(Boolean),
-    [watchedFilters]
-  );
+    }).filter(Boolean);
+    return convertToOptions(colDefs || []).filter((opt) => !selectedValues.includes(opt.value));
+  }, [colDefs, formValues.filters]);
   const [hasInitializedWithColumnId, setHasInitializedWithColumnId] = useState(false);
   const prevIsAdvanceSearchRef = React__default.useRef(false);
   useEffect(() => {
@@ -86,8 +84,8 @@ const NewAdvanceSearchModal = ({
         }
       );
       if (!hasValidFilters) {
-        const formValues = getValues();
-        const existingFilters = formValues.filters || [];
+        const formValues2 = getValues();
+        const existingFilters = formValues2.filters || [];
         const columnExists = existingFilters.some(
           (filter) => {
             var _a2;
@@ -132,8 +130,8 @@ const NewAdvanceSearchModal = ({
     toggleAdvanceSearch();
   };
   const handleSearchApplyClick = () => {
-    const formValues = formMethods.getValues().filters || [];
-    const validFilters = formValues.filter((filter) => {
+    const formValues2 = formMethods.getValues().filters || [];
+    const validFilters = formValues2.filter((filter) => {
       var _a, _b, _c, _d, _e, _f;
       const hasColumn = ((_a = filter == null ? void 0 : filter.column) == null ? void 0 : _a.value) && ((_b = filter == null ? void 0 : filter.column) == null ? void 0 : _b.value) !== null && ((_c = filter == null ? void 0 : filter.column) == null ? void 0 : _c.value) !== "";
       if (activeSearchType === "advanceSearch") {
@@ -160,17 +158,17 @@ const NewAdvanceSearchModal = ({
       className: "ia-table-search-modal",
       height: 400,
       open: isAdvanceSearch,
-      primaryButtonLabel: t("common.apply"),
+      primaryButtonLabel: "Apply",
       primaryButtonProps: {
         type: "submit"
         // disabled: !isFormValid,
       },
-      secondaryButtonLabel: args.onSearchSaveClick ? t("table.search.saveSearch") : null,
+      secondaryButtonLabel: args.onSearchSaveClick ? "Save search" : null,
       secondaryButtonProps: {
         disabled: !isFormValid
       },
       size: "small",
-      title: t("common.search"),
+      title: "Search",
       width: 850,
       onClose: onCloseModal,
       onPrimaryButtonClick: handleSearchApplyClick,
@@ -185,11 +183,11 @@ const NewAdvanceSearchModal = ({
             {
               options: [
                 {
-                  label: t("common.search"),
+                  label: "Search",
                   value: "search"
                 },
                 {
-                  label: t("table.search.advanceSearch"),
+                  label: "Advance Search",
                   value: "advanceSearch"
                 }
               ],
@@ -212,7 +210,7 @@ const NewAdvanceSearchModal = ({
                 e.preventDefault();
                 onClearAll();
               },
-              children: t("common.clearAll")
+              children: "Clear all"
             }
           )
         ] }),
@@ -225,22 +223,21 @@ const NewAdvanceSearchModal = ({
               handleSearchApplyClick();
             },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: t("table.search.matchAll") }),
+              /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: "Match all of the following rules" }),
               /* @__PURE__ */ jsx(Fragment, { children: fields.map((field, index) => /* @__PURE__ */ jsx(
                 NewAdvanceSearchModalItem,
                 {
                   activeSearchType,
                   colDefs,
-                  columnOptions,
                   control,
                   currentColumnId,
                   field,
                   fields,
+                  filteredColumnsInitialOptions,
                   getValues,
                   index,
                   isLastVisible: fields.length === 1,
-                  remove,
-                  selectedColumnValues
+                  remove
                 },
                 field.fieldId || field.id
               )) }),
@@ -252,7 +249,7 @@ const NewAdvanceSearchModal = ({
                     variant: "secondary",
                     onClick: onClearAttributeValue,
                     type: "button",
-                    children: t("table.search.clearValues")
+                    children: "Clear values"
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -269,7 +266,7 @@ const NewAdvanceSearchModal = ({
                       });
                     },
                     variant: "tertiary",
-                    children: t("table.search.addAttribute")
+                    children: "Add attribute"
                   }
                 )
               ] })

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

@@ -1,17 +1,18 @@
-declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remove, columnOptions, selectedColumnValues, activeSearchType, isLastVisible, currentColumnId, getValues, fields, ...args }: {
+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;
     control: any;
     index: any;
     field: any;
     remove: any;
-    columnOptions: any;
-    selectedColumnValues: any;
+    filteredColumnsInitialOptions: any;
     activeSearchType: any;
     isLastVisible: any;
     currentColumnId: any;
     getValues: any;
     fields: any;
-}) => import("react").JSX.Element;
+}) => React.JSX.Element;
 export default NewAdvanceSearchModalItem;
 //# sourceMappingURL=NewAdvanceSearchModalItem.d.ts.map

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

@@ -0,0 +1 @@
+{"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,sBA4ZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from "react";
+import { useState, useEffect } from "react";
 import default_1 from "../../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
 import moment from "moment";
 import { useController } from "react-hook-form";
@@ -9,16 +9,14 @@ import { DatePicker } from "../../DatePicker/index.js";
 import { DateRangePicker } from "../../DateRangePicker/index.js";
 import { Input } from "../../Input/index.js";
 import { Select } from "../../Select/index.js";
-import { isNumericValueColumn, findColumnDef, getOperatorListForColumn, getDefaultOperationForColumn, handleNumericKeyDown, isPartialNumericInput, handleNumericPaste } from "../filterUtils.js";
-import { useTranslation } from "../../../i18n/useTranslation.js";
+import { findColumnDef, getOperatorListForColumn, getDefaultOperationForColumn } from "../filterUtils.js";
 const NewAdvanceSearchModalItem = ({
   colDefs,
   control,
   index,
   field,
   remove,
-  columnOptions,
-  selectedColumnValues,
+  filteredColumnsInitialOptions,
   activeSearchType,
   isLastVisible,
   currentColumnId,
@@ -27,7 +25,6 @@ const NewAdvanceSearchModalItem = ({
   ...args
 }) => {
   var _a, _b, _c, _d;
-  const { t } = useTranslation();
   const [isColumnOptionsOpen, setIsColumnOptionsOpen] = useState(false);
   const [isOperationOptionsOpen, setIsOperationOptionsOpen] = useState(false);
   const [isThirdOptionDropdownOpen, setIsThirdOptionDropdownOpen] = useState(false);
@@ -54,25 +51,16 @@ const NewAdvanceSearchModalItem = ({
       required: true
     }
   });
-  const rowColumnOptions = useMemo(() => {
-    var _a2;
-    const ownValue = (_a2 = columnField.value) == null ? void 0 : _a2.value;
-    const takenByOtherRows = new Set(
-      (selectedColumnValues || []).filter((value) => value !== ownValue)
-    );
-    return (columnOptions || []).filter((option) => !takenByOtherRows.has(option.value));
-  }, [columnOptions, selectedColumnValues, columnField.value]);
-  const isNumericColumn = isNumericValueColumn(currentColumnDef);
   useEffect(() => {
     var _a2;
     if (!((_a2 = columnField.value) == null ? void 0 : _a2.value)) return;
     const columnDef = findColumnDef(colDefs, columnField.value.value);
     setCurrentColumnDef(columnDef);
-    const operatorList = getOperatorListForColumn(columnDef, t);
+    const operatorList = getOperatorListForColumn(columnDef);
     setCurrentOperationOptions(operatorList);
     const shouldAutoSelect = activeSearchType === "advanceSearch" && (operatorList == null ? void 0 : operatorList.length) > 0 && !operationField.value;
     if (shouldAutoSelect) {
-      const defaultOperation = getDefaultOperationForColumn(columnDef, null, t);
+      const defaultOperation = getDefaultOperationForColumn(columnDef);
       operationField.onChange(defaultOperation);
     }
   }, [columnField.value, colDefs, activeSearchType]);
@@ -90,10 +78,7 @@ const NewAdvanceSearchModalItem = ({
   useEffect(() => {
     if (activeSearchType === "search" && !operationField.value && columnField.value && currentOperationOptions.length > 0) {
       if (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) {
-        operationField.onChange({
-          label: t("table.search.inRange"),
-          value: "inRange"
-        });
+        operationField.onChange({ label: "In range", value: "inRange" });
       } else if ((currentColumnDef == null ? void 0 : currentColumnDef.filter) === "agDateColumnFilter") {
         const equalsOption = currentOperationOptions.find((opt) => opt.value === "equals");
         if (equalsOption) {
@@ -115,7 +100,9 @@ const NewAdvanceSearchModalItem = ({
     var _a2;
     if (currentColumnId && index === 0 && // Only auto-select for the first filter
     !columnField.value && ((_a2 = columnField.value) == null ? void 0 : _a2.value) !== currentColumnId) {
-      const columnOption = rowColumnOptions == null ? void 0 : rowColumnOptions.find((opt) => opt.value === currentColumnId);
+      const columnOption = filteredColumnsInitialOptions == null ? void 0 : filteredColumnsInitialOptions.find(
+        (opt) => opt.value === currentColumnId
+      );
       const allOptions = convertToOptions(colDefs || []);
       const columnOptionFromAll = allOptions.find((opt) => opt.value === currentColumnId);
       const optionToSelect = columnOption || columnOptionFromAll;
@@ -123,7 +110,7 @@ const NewAdvanceSearchModalItem = ({
         columnField.onChange(optionToSelect);
       }
     }
-  }, [currentColumnId, index, columnField.value, rowColumnOptions, colDefs]);
+  }, [currentColumnId, index, columnField.value, filteredColumnsInitialOptions, colDefs]);
   const handleClickOutside = (event) => {
     if (isColumnOptionsOpen || isThirdOptionDropdownOpen || isOperationOptionsOpen && !event.target.closest(".ia-table-search-content-body")) {
       setIsColumnOptionsOpen(false);
@@ -140,12 +127,12 @@ const NewAdvanceSearchModalItem = ({
     /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
       Select,
       {
-        currentOptions: rowColumnOptions,
-        initialOptions: rowColumnOptions,
+        currentOptions: filteredColumnsInitialOptions || [],
+        initialOptions: filteredColumnsInitialOptions || [],
         isOpen: isColumnOptionsOpen,
         minWidth: activeSearchType !== "advanceSearch" ? 400 : void 0,
         name: `filters.${index}.column`,
-        placeholder: t("table.search.selectPlaceholder"),
+        placeholder: "Select",
         selectedOptions: columnField.value || null,
         setCurrentOptions: () => {
         },
@@ -184,7 +171,7 @@ const NewAdvanceSearchModalItem = ({
         isDisabled: (currentColumnDef == null ? void 0 : currentColumnDef.isThirdOptionDropdownIsBoolean) || (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) ? true : !columnField.value,
         isOpen: isOperationOptionsOpen,
         name: `filters.${index}.operation`,
-        placeholder: t("table.search.selectPlaceholder"),
+        placeholder: "Select",
         selectedOptions: operationField.value || null,
         setCurrentOptions: setCurrentOperationOptions,
         setIsOpen: setIsOperationOptionsOpen,
@@ -210,7 +197,7 @@ const NewAdvanceSearchModalItem = ({
         isWithSearch: currentColumnDef == null ? void 0 : currentColumnDef.enableSearch,
         minWidth: activeSearchType !== "advanceSearch" ? 344 : void 0,
         name: `filters.${index}.value`,
-        placeholder: t("table.search.selectValue"),
+        placeholder: "Select value",
         selectedOptions: (valueField == null ? void 0 : valueField.value) || [],
         setCurrentOptions: setCurrentThirdOptionDropdownOptions,
         setIsOpen: setIsThirdOptionDropdownOpen,
@@ -233,7 +220,7 @@ const NewAdvanceSearchModalItem = ({
         displayFormat: currentColumnDef.displayFormat || "MM-DD-YYYY",
         isDisabled: !operationField.value,
         name: `filters.${index}.value`,
-        placeholder: t("table.search.selectDate"),
+        placeholder: "Select date",
         selectedDate: valueField.value ? moment(valueField.value) : void 0,
         setSelectedDate: (date) => {
           valueField.onChange(date);
@@ -276,23 +263,12 @@ const NewAdvanceSearchModalItem = ({
     ) : /* @__PURE__ */ jsx(
       Input,
       {
-        inputProps: isNumericColumn ? {
-          inputMode: "text",
-          onKeyDown: handleNumericKeyDown,
-          onPaste: (event) => {
-            handleNumericPaste(event, valueField.onChange);
-          }
-        } : void 0,
         isDisabled: activeSearchType === "advanceSearch" && !operationField.value,
         name: `filters.${index}.value`,
-        placeholder: isNumericColumn ? t("table.search.enterNumber") : t("table.search.enterText"),
-        value: valueField.value ?? "",
+        placeholder: "Enter text",
+        value: valueField.value || "",
         onChange: (e) => {
-          const nextValue = e.target.value;
-          if (isNumericColumn && !isPartialNumericInput(nextValue)) {
-            return;
-          }
-          valueField.onChange(nextValue);
+          valueField.onChange(e.target.value);
         }
       }
     ) }),

package/dist/components/{Table → 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.Element;
+}) => React.JSX.Element;
 export default NoComments;
 //# sourceMappingURL=NoComments.d.ts.map

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

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

@@ -3,7 +3,6 @@ import { useState, useRef, useCallback, useEffect } from "react";
 import default_1 from "../../node_modules/@mui/icons-material/North.js";
 import { Button } from "../Button/index.js";
 import { MentionEditor } from "../common/MentionEditor/index.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
 const extractMentionedUsers = (editorJSON) => {
   const mentionedUsers = [];
   const traverseNodes = (node) => {
@@ -41,7 +40,6 @@ const NoComments = ({
   setEditingComment,
   loadParticipantsAvatar
 }) => {
-  const { t } = useTranslation();
   const [inputValue, setInputValue] = useState(editCommentText);
   useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -183,7 +181,7 @@ const NoComments = ({
                   isMultiLine,
                   loadParticipantsAvatar,
                   maxLength: 1e3,
-                  placeholder: t("table.comments.typeMessage"),
+                  placeholder: "Type message...",
                   value: inputValue,
                   onChange: handleInputChange,
                   onSend: handleAddComment
@@ -214,7 +212,7 @@ const NoComments = ({
                 setInputValue("");
                 setEditingComment(null);
               },
-              children: t("common.cancel")
+              children: "Cancel"
             }
           ),
           /* @__PURE__ */ jsx(
@@ -225,7 +223,7 @@ const NoComments = ({
               size: "small",
               variant: "primary",
               onClick: () => onUpdateComment(inputValue),
-              children: t("common.save")
+              children: "Save"
             }
           )
         ] })