impact-ui 4.0.17 → 5.0.0-beta.1

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

@@ -1,14 +1,16 @@
+!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-bg-primary);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-bg-primary)}.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{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";
 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";
+
+import { ImpactIcon, impactIconSource } from "../ImpactIcon/index.js";
 const CommentsPortal = ({
   isOpen,
   onClose,
@@ -16,7 +18,7 @@ const CommentsPortal = ({
   onAddComment,
   cellId,
   position,
-  author: authorProp,
+  author = "Current User",
   onMouseEnter,
   onMouseLeave,
   openedBy,
@@ -38,8 +40,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);
@@ -102,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 = "";
@@ -176,14 +176,14 @@ 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,
                     {
                       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: {
@@ -200,12 +200,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(
@@ -213,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: {
@@ -254,7 +253,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(
@@ -262,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/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/{Table → 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

@@ -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-runtime").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,sBAiaA,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,13 @@ const NewAdvanceSearchModalItem = ({
     /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
       Select,
       {
-        currentOptions: rowColumnOptions,
-        initialOptions: rowColumnOptions,
+        currentOptions: filteredColumnsInitialOptions || [],
+        dropDownPortalClassName: "advance-search-select-menu",
+        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: () => {
         },
@@ -180,11 +168,12 @@ 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,
         name: `filters.${index}.operation`,
-        placeholder: t("table.search.selectPlaceholder"),
+        placeholder: "Select",
         selectedOptions: operationField.value || null,
         setCurrentOptions: setCurrentOperationOptions,
         setIsOpen: setIsOperationOptionsOpen,
@@ -202,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,
@@ -210,7 +200,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,
@@ -231,9 +221,10 @@ 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: t("table.search.selectDate"),
+        placeholder: "Select date",
         selectedDate: valueField.value ? moment(valueField.value) : void 0,
         setSelectedDate: (date) => {
           valueField.onChange(date);
@@ -245,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 = {
@@ -276,23 +268,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-runtime").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);
@@ -98,7 +96,7 @@ const NoComments = ({
                 top: 0;
                 bottom: 0;
                 width: 3px;
-                background: #4259ee;
+                background: var(--iu-bg-primary);
                 left: 0;
               }
             `;
@@ -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"
             }
           )
         ] })