impact-ui 4.0.18 → 5.0.0-alpha.1

package/dist/components/OnboardingTour/useTooltipCardPosition.js

@@ -0,0 +1,221 @@
+import { useRef, useState, useCallback, useLayoutEffect } from "react";
+const ALL_PLACEMENTS = [
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right",
+  "left-top",
+  "left-bottom",
+  "right-top",
+  "right-bottom"
+];
+const TOP_BOTTOM_PLACEMENTS = [
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+];
+const SIDE_PLACEMENTS = [
+  "left-top",
+  "left-bottom",
+  "right-top",
+  "right-bottom"
+];
+const ARROW_TIP_OFFSET = 32 + 9;
+function getPlacementRect(placement, anchorRect, width, height, offset) {
+  const anchorCenterX = anchorRect.left + anchorRect.width / 2;
+  const anchorCenterY = anchorRect.top + anchorRect.height / 2;
+  let top = 0;
+  let left = 0;
+  switch (placement) {
+    case "top-left":
+      top = anchorRect.bottom + offset;
+      left = anchorCenterX - ARROW_TIP_OFFSET;
+      break;
+    case "top-right":
+      top = anchorRect.bottom + offset;
+      left = anchorCenterX + ARROW_TIP_OFFSET - width;
+      break;
+    case "bottom-left":
+      top = anchorRect.top - height - offset;
+      left = anchorCenterX - ARROW_TIP_OFFSET;
+      break;
+    case "bottom-right":
+      top = anchorRect.top - height - offset;
+      left = anchorCenterX + ARROW_TIP_OFFSET - width;
+      break;
+    case "left-top":
+      top = anchorCenterY - ARROW_TIP_OFFSET;
+      left = anchorRect.right + offset;
+      break;
+    case "left-bottom":
+      top = anchorCenterY + ARROW_TIP_OFFSET - height;
+      left = anchorRect.right + offset;
+      break;
+    case "right-top":
+      top = anchorCenterY - ARROW_TIP_OFFSET;
+      left = anchorRect.left - width - offset;
+      break;
+    case "right-bottom":
+      top = anchorCenterY + ARROW_TIP_OFFSET - height;
+      left = anchorRect.left - width - offset;
+      break;
+  }
+  return { top, left, right: left + width, bottom: top + height };
+}
+function getViewportOverflow(rect, viewportWidth, viewportHeight) {
+  let overflow = 0;
+  if (rect.top < 0) overflow += -rect.top;
+  if (rect.left < 0) overflow += -rect.left;
+  if (rect.bottom > viewportHeight) overflow += rect.bottom - viewportHeight;
+  if (rect.right > viewportWidth) overflow += rect.right - viewportWidth;
+  return overflow;
+}
+function getBestPlacement(anchorRect, width, height, offset, preferred) {
+  if (preferred) return preferred;
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+  const scored = ALL_PLACEMENTS.map((placement) => {
+    const rect = getPlacementRect(placement, anchorRect, width, height, offset);
+    const overflow = getViewportOverflow(rect, viewportWidth, viewportHeight);
+    const spareRoom = Math.min(
+      rect.left,
+      rect.top,
+      viewportWidth - rect.right,
+      viewportHeight - rect.bottom
+    );
+    return { placement, overflow, spareRoom };
+  });
+  const pickBest = (candidates) => {
+    if (candidates.length === 0) return "top-right";
+    return candidates.reduce((winner, current) => {
+      if (current.spareRoom !== winner.spareRoom) {
+        return current.spareRoom > winner.spareRoom ? current : winner;
+      }
+      return current.overflow < winner.overflow ? current : winner;
+    }).placement;
+  };
+  const topBottomFits = scored.filter(
+    (s) => TOP_BOTTOM_PLACEMENTS.includes(s.placement) && s.overflow === 0
+  );
+  if (topBottomFits.length > 0) {
+    return pickBest(topBottomFits);
+  }
+  const sideFits = scored.filter((s) => SIDE_PLACEMENTS.includes(s.placement) && s.overflow === 0);
+  if (sideFits.length > 0) {
+    return pickBest(sideFits);
+  }
+  const topBottom = scored.filter((s) => TOP_BOTTOM_PLACEMENTS.includes(s.placement));
+  const sides = scored.filter((s) => SIDE_PLACEMENTS.includes(s.placement));
+  const bestTopBottomOverflow = Math.min(...topBottom.map((s) => s.overflow));
+  const bestSideOverflow = Math.min(...sides.map((s) => s.overflow));
+  return bestTopBottomOverflow <= bestSideOverflow ? pickBest(topBottom) : pickBest(sides);
+}
+const useTooltipCardPosition = (anchorRef, arrowPosition, { offset = 12, contentKey } = {}) => {
+  const wrapperRef = useRef(null);
+  const [wrapperStyle, setWrapperStyle] = useState({ opacity: 0 });
+  const [isPositioned, setIsPositioned] = useState(false);
+  const [resolvedArrowPosition, setResolvedArrowPosition] = useState(
+    arrowPosition ?? "top-right"
+  );
+  const positionUpdateRef = useRef(null);
+  const lastStyleRef = useRef("");
+  const calculatePosition = useCallback(() => {
+    const anchor = anchorRef == null ? void 0 : anchorRef.current;
+    const wrapper = wrapperRef.current;
+    if (!anchor || typeof window === "undefined") {
+      return null;
+    }
+    const anchorRect = anchor.getBoundingClientRect();
+    const wrapperRect = wrapper == null ? void 0 : wrapper.getBoundingClientRect();
+    const width = (wrapperRect == null ? void 0 : wrapperRect.width) ?? 0;
+    const height = (wrapperRect == null ? void 0 : wrapperRect.height) ?? 0;
+    const nextResolvedArrowPosition = getBestPlacement(
+      anchorRect,
+      width,
+      height,
+      offset,
+      arrowPosition
+    );
+    if (nextResolvedArrowPosition !== resolvedArrowPosition) {
+      setResolvedArrowPosition(nextResolvedArrowPosition);
+    }
+    const { top, left } = getPlacementRect(
+      nextResolvedArrowPosition,
+      anchorRect,
+      width,
+      height,
+      offset
+    );
+    const scrollX = window.scrollX || document.documentElement.scrollLeft;
+    const scrollY = window.scrollY || document.documentElement.scrollTop;
+    return {
+      position: "absolute",
+      top: top + scrollY,
+      left: left + scrollX,
+      opacity: 1
+    };
+  }, [anchorRef, arrowPosition, contentKey, offset]);
+  const applyPositionSync = useCallback(() => {
+    const style = calculatePosition();
+    if (!style) return;
+    const styleKey = JSON.stringify(style);
+    if (lastStyleRef.current === styleKey) return;
+    lastStyleRef.current = styleKey;
+    setWrapperStyle(style);
+    setIsPositioned(true);
+  }, [calculatePosition]);
+  const applyPosition = useCallback(() => {
+    if (positionUpdateRef.current !== null) {
+      cancelAnimationFrame(positionUpdateRef.current);
+    }
+    positionUpdateRef.current = requestAnimationFrame(() => {
+      applyPositionSync();
+      positionUpdateRef.current = null;
+    });
+  }, [applyPositionSync]);
+  useLayoutEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const anchorElement = anchorRef == null ? void 0 : anchorRef.current;
+    if (!anchorElement) {
+      return;
+    }
+    applyPositionSync();
+    let resizeObserver = null;
+    if (typeof ResizeObserver !== "undefined") {
+      resizeObserver = new ResizeObserver(() => {
+        applyPosition();
+      });
+      resizeObserver.observe(anchorElement);
+      if (wrapperRef.current) {
+        resizeObserver.observe(wrapperRef.current);
+      }
+    }
+    const handleScroll = () => {
+      applyPosition();
+    };
+    const handleResize = () => {
+      applyPosition();
+    };
+    window.addEventListener("scroll", handleScroll, { passive: true });
+    window.addEventListener("resize", handleResize, { passive: true });
+    return () => {
+      if (positionUpdateRef.current !== null) {
+        cancelAnimationFrame(positionUpdateRef.current);
+        positionUpdateRef.current = null;
+      }
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
+      window.removeEventListener("scroll", handleScroll);
+      window.removeEventListener("resize", handleResize);
+      lastStyleRef.current = "";
+    };
+  }, [anchorRef, applyPosition, contentKey]);
+  return { wrapperRef, wrapperStyle, isPositioned, arrowPosition: resolvedArrowPosition };
+};
+export {
+  useTooltipCardPosition
+};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAgBhE,eAAO,MAAM,MAAM,yCA22CjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsBhE,eAAO,MAAM,MAAM,yCA82CjB,CAAC"}

package/dist/components/Select/index.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-select-main-container-v3{align-items:center;display:flex;gap:5px}.top-orientation{align-items:flex-start;flex-direction:column}.isAgGridCellRenderer{width:100%}.isAgGridCellRenderer .ia-select-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.isAgGridCellRenderer .ia-select-button-text-span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-label-v3{line-height:18px;white-space:nowrap}.ia-select-container-v3{position:relative}.ia-select-container-v3 [aria-disabled=true]{background-color:#f8f9fb!important;border:1px solid #d9dde7!important;border-radius:8px;cursor:not-allowed;pointer-events:none}.multi-select__control{display:none}.multi-select__option{font-size:14px;padding:8px 16px}@media screen and (max-width:1399px) and (min-width:1200px){.multi-select__option{font-size:12px;padding:5px 16px}}.multi-select__option--is-selected{background-color:#984d4d;color:#1d1d1d}.multi-select__option--is-selected:active{background-color:#cfafaf}.loading-option{color:green;pointer-events:none}.loading-option-multi label{color:#ff0;pointer-events:none}.ia-select-container-v3-styled-menu{background:#fff;border-radius:4px;box-shadow:0 3px 6px #00000040;margin-top:4px;min-width:240px;padding:8px 0;position:absolute;z-index:2;z-index:99999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ia-select-styled-dropdown-main-button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:4px;box-sizing:border-box;color:#1d1d1d;cursor:pointer;display:flex;font-size:14px;height:37px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-styled-dropdown-main-button{font-size:12px;height:28px}}.ia-select-styled-dropdown-main-button.is-with-clearable{gap:16px}.ia-select-button-clear-icon{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/notification-close.svg);background-position:end;background-repeat:no-repeat;background-size:10px;border-radius:4px;cursor:pointer;height:10px;margin-left:10px;position:absolute;right:40px;top:10px;width:10px}.ia-select-button-clear-icon:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/select-chevron.svg) no-repeat;background-position:50%;background-size:10px;display:inline-block;flex-shrink:0;height:10px;margin-left:10px;transform:rotate(0);width:10px}.ia-select-chevron-icon.open{transform:rotate(180deg)}.ia-select-search-box{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/search.svg) no-repeat;background-position:16px;background-size:12px;border:none;border-bottom:1px solid blue;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;height:37px;outline:none;padding:0 16px 0 34px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-search-box{height:28px}}.ia-select-search-box::placeholder{color:#b4bac7}.ia-select-clear-all-button{background-color:initial;border:none;border-radius:4px;box-sizing:border-box;color:#60697d;cursor:pointer;font-size:12px;font-weight:400;height:26px;line-height:18px}.ia-select-clear-all-button:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-selectAll-container{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:35px;justify-content:space-between;margin-bottom:2px;padding:4px 12px;position:relative}.ia-select-selectAll-container.ia-select-option-highlighted{background-color:#f5f6fa;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-selectAll-container:after{background:#d9dde7;bottom:-3px;content:" ";height:1px;left:-6px;position:absolute;right:-6px}.ia-select-selectAll-container:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-selectAll-container .impact-form-checkbox-container .MuiFormControlLabel-label{color:#1f2b4d}.ia-select-max-selectable-options{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectInfoIcon.svg) no-repeat;background-position:12px 10px;border-top:1px solid #f5f6fa;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px;padding:9px 0 4px 34px}.ia-select-button-text{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif!important;font-weight:500;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-button-text svg{font-size:18px}.ia-select-button-text.impact-select-table{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;gap:0;max-width:100%;min-width:0;overflow:hidden;width:100%}.ia-select-button-text.impact-select-table .ia-select-button-text-span{box-sizing:border-box;display:block;flex:1;max-width:100%;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.ia-select-button-text-full-width{width:90%}.ia-select-button-text-span{display:inline-block;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder .ia-select-button-text-span{font-weight:400}.ia-select-button-text.placeholder{color:#b4bac7;font-weight:400}.select-label-with-icon{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:left;width:100%}.select-label-with-icon span{display:inline-block}.select-label-with-icon .selected-children-count{color:#6b7280;font-size:12px;margin-left:4px}.select-label-with-icon-multi span{max-width:153px}.impact-checkbox-label.disabled .select-label-with-icon{color:#b4bac7!important}.select-options-tag-group{display:flex;gap:4px;margin-top:4px;position:absolute;width:70px}.select-options-tag-group span{width:100%}.select-options-tag-group span>div{background-color:#eceefd;border:none!important}.select-options-tag-list{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001f;display:flex;flex-direction:column;margin-top:2px;max-height:200px;overflow-y:auto;padding:4px 8px;position:absolute;width:91px;z-index:10}.tag-group-more{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/menu-ext.svg) 50% no-repeat;display:inline-block;display:flex;height:20px;transform:rotate(90deg);width:14px!important;z-index:10}.tag-group-open>div{background-color:#eceefd}.ia-select-container-v3-styled-menu{border:none;border-radius:12px;box-shadow:0 1px 6px #1a277c24;margin-top:6px;padding:8px 6px}.ia-select-search-box{background-position:12px;border-bottom:none;border-radius:8px 8px 0 0;font-family:Manrope,sans-serif;font-weight:400;height:35px;padding-left:30px}.ia-select-search-box:focus,.ia-select-search-box:focus-visible{border:none;box-shadow:none;outline:none}.ia-select-search-box::placeholder{font-weight:400}.ia-select-search-box:not(:placeholder-shown){font-weight:500}.css-13cymwt-control{display:none!important}.ia-select-label-v3{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500}.ia-select-main-container-v3{gap:6px}.css-tr4s17-option{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important;font-family:Manrope,sans-serif;font-weight:500;height:36px;margin-bottom:2px}.ia-select-styled-dropdown-main-button{border:1px solid #c3c8d4;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif!important;font-weight:500;height:32px}.ia-select-styled-dropdown-main-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-select-styled-dropdown-main-button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.Mui-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-btn-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-switch-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact-select-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact_input_disabled:focus-visible,.ia-select-styled-dropdown-main-button.route-disabled:focus-visible,.ia-select-styled-dropdown-main-button:disabled:focus-visible,.ia-select-styled-dropdown-main-button[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.ia-select-button-keyboard-open{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none}.ia-select-styled-dropdown-main-button:hover{border:1px solid #4259ee}.impact-select-error,.impact-select-error:hover{border:1px solid #e15554!important}.impact-select-disabled{background-color:#f2f4fb}.impact-select-disabled,.impact-select-disabled:hover{border:1px solid #d9dde7}.ia-select-loading-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.ia-select-loading-more-container{height:92px!important}.default-select-tooltip,.select-tooltip{z-index:999999!important}.ia-select-dropdown-container{gap:4px}.ia-select-dropdown-v3{position:relative}.ia-select-dropdown-v3 .select__menu{position:relative;z-index:1}.ia-select-dropdown-v3 .menulistScroll{margin-top:3px;overflow-y:hidden;padding-bottom:0;padding-top:0!important}.ia-select-dropdown-v3 .menulistScroll .ia-select-no-options-message{align-items:center;color:#60697d;display:flex;font-weight:500;height:50px;justify-content:center;line-height:16px}.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option{background-color:initial;border-radius:8px;height:35px;margin-bottom:2px}.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option:focus,.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option:hover{background-color:#f5f6fa}.ia-select-dropdown-v3 :is(.css-1s9izoc,.css-qr46ko){padding:0}.ia-select-dropdown-v3 .css-1s9izoc{border-bottom:1px solid #d9dde7}.ia-select-dropdown-v3 .css-1s9izoc:last-child{border-bottom:none}.ia-select-dropdown-v3 .ia-select-group-heading-container{align-items:center;display:flex;height:35px;justify-content:space-between;padding:0 12px}.ia-select-dropdown-v3 .ia-select-group-heading-container .css-jtaw72-group{color:#b4bac7;font-size:12px;font-weight:700;line-height:20px;margin-bottom:0;padding:0;text-transform:capitalize}.ia-select-dropdown-v3 .ia-select-group-heading-left{gap:6px}.ia-select-dropdown-v3 .group-icon,.ia-select-dropdown-v3 .ia-select-group-heading-left{align-items:center;display:flex;justify-content:center}.ia-select-dropdown-v3 .group-icon svg{color:#60697d;height:16px;width:16px}.ia-select-dropdown-v3 .group-icon svg path{fill:#60697d}.ia-select-dropdown-v3 .ia-select-option{background-color:initial;cursor:pointer;margin-bottom:2px}.ia-select-dropdown-v3 .ia-select-option:has(.disabled){opacity:.5;pointer-events:none}.ia-select-dropdown-v3 .ia-select-option.submenu-active,.ia-select-dropdown-v3 .ia-select-option:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option-highlighted{background-color:#f5f6fa;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.select-option-content .select-submenu-chevron{bottom:11px;color:#60697d;height:16px;position:absolute;right:12px;width:16px}.ia-select-submenu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px}.ia-select-submenu-header .ia-select-submenu-back{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:0}.ia-select-submenu-header .ia-select-submenu-back:hover{color:#374151}.ia-select-dropdown-container{display:flex;position:relative}.ia-select-dropdown-v3{flex:1}.select-label-with-icon{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.select-label-with-icon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-submenu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:8px 6px;z-index:3}.ia-select-submenu-content .select-option-content:not(:first-child){margin-top:2px}.ia-select-submenu-content .select-option-content{padding:7.5px 0 7.5px 12px}.ia-select-submenu-content .select-option-content:hover{background-color:#f5f6fa!important;border-radius:8px;color:#1f2b4d!important}.ia-select-submenu-content .select-option-content.selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.ia-select-chevron-icon.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.4;opacity:.2;pointer-events:none}.ia-select-submenu-content .ia-select-option-highlighted{background-color:#f5f6fa!important;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-footer-message{align-items:center;border-top:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:8px 12px 4px}.ia-select-footer-message .ia-select-max-selectable-options{background-position:0 1px;border:none;padding:0 0 0 20px}.ia-select-footer-message .ia-styles.ia-btn.ia-btn-with-icon{height:16px}.ia-select-footer-message .ia-select-footer-description{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.ia-select-footer-message .ia-select-footer-action-button{color:#4259ee;cursor:pointer;font-size:12px;font-weight:500;padding:0;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-select-main-container-v3{align-items:center;display:flex;gap:5px}.top-orientation{align-items:flex-start;flex-direction:column}.isAgGridCellRenderer{width:100%}.isAgGridCellRenderer .ia-select-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.isAgGridCellRenderer .ia-select-button-text-span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-label-v3{line-height:18px;white-space:nowrap}.ia-select-container-v3{position:relative}.ia-select-container-v3 [aria-disabled=true]{background-color:#f8f9fb!important;border:1px solid #d9dde7!important;border-radius:8px;cursor:not-allowed;pointer-events:none}.multi-select__control{display:none}.multi-select__option{font-size:14px;padding:8px 16px}@media screen and (max-width:1399px) and (min-width:1200px){.multi-select__option{font-size:12px;padding:5px 16px}}.multi-select__option--is-selected{background-color:#984d4d;color:#1d1d1d}.multi-select__option--is-selected:active{background-color:#cfafaf}.loading-option{color:green;pointer-events:none}.loading-option-multi label{color:#ff0;pointer-events:none}.ia-select-container-v3-styled-menu{background:#fff;border-radius:4px;box-shadow:0 3px 6px #00000040;margin-top:4px;min-width:240px;padding:8px 0;position:absolute;z-index:2;z-index:99999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ia-select-styled-dropdown-main-button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:4px;box-sizing:border-box;color:#1d1d1d;cursor:pointer;display:flex;font-size:14px;height:37px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-styled-dropdown-main-button{font-size:12px;height:28px}}.ia-select-styled-dropdown-main-button.is-with-clearable{gap:16px}.ia-select-button-clear-icon{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/notification-close.svg);background-position:end;background-repeat:no-repeat;background-size:10px;border-radius:4px;cursor:pointer;height:10px;margin-left:10px;position:absolute;right:40px;top:10px;width:10px}.ia-select-button-clear-icon:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/select-chevron.svg) no-repeat;background-position:50%;background-size:10px;display:inline-block;flex-shrink:0;height:10px;margin-left:10px;transform:rotate(0);width:10px}.ia-select-chevron-icon.open{transform:rotate(180deg)}.ia-select-search-box{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/search.svg) no-repeat;background-position:16px;background-size:12px;border:none;border-bottom:1px solid blue;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;height:37px;outline:none;padding:0 16px 0 34px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-search-box{height:28px}}.ia-select-search-box::placeholder{color:#b4bac7}.ia-select-clear-all-button{background-color:initial;border:none;border-radius:4px;box-sizing:border-box;color:#60697d;cursor:pointer;font-size:12px;font-weight:400;height:26px;line-height:18px}.ia-select-clear-all-button:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-selectAll-container{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:35px;justify-content:space-between;margin-bottom:2px;padding:4px 12px;position:relative}.ia-select-selectAll-container.ia-select-option-highlighted{background-color:#f5f6fa;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-selectAll-container:after{background:#d9dde7;bottom:-3px;content:" ";height:1px;left:-6px;position:absolute;right:-6px}.ia-select-selectAll-container:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-selectAll-container .impact-form-checkbox-container .MuiFormControlLabel-label{color:#1f2b4d}.ia-select-max-selectable-options{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectInfoIcon.svg) no-repeat;background-position:12px 10px;border-top:1px solid #f5f6fa;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px;padding:9px 0 4px 34px}.ia-select-button-text{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif!important;font-weight:500;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-button-text svg{font-size:18px}.ia-select-button-text.impact-select-table{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;gap:0;max-width:100%;min-width:0;overflow:hidden;width:100%}.ia-select-button-text.impact-select-table .ia-select-button-text-span{box-sizing:border-box;display:block;flex:1;max-width:100%;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.ia-select-button-text-full-width{width:90%}.ia-select-button-text-span{display:inline-block;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder .ia-select-button-text-span{font-weight:400}.ia-select-button-text.placeholder{color:#b4bac7;font-weight:400}.select-label-with-icon{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:left;width:100%}.select-label-with-icon span{display:inline-block}.select-label-with-icon .selected-children-count{color:#6b7280;font-size:12px;margin-left:4px}.select-label-with-icon-multi span{max-width:153px}.impact-checkbox-label.disabled .select-label-with-icon{color:#b4bac7!important}.select-options-tag-group{display:flex;gap:4px;margin-top:4px;position:absolute;width:70px}.select-options-tag-group span{width:100%}.select-options-tag-group span>div{background-color:#eceefd;border:none!important}.select-options-tag-list{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001f;display:flex;flex-direction:column;margin-top:2px;max-height:200px;overflow-y:auto;padding:4px 8px;position:absolute;width:91px;z-index:10}.tag-group-more{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/menu-ext.svg) 50% no-repeat;display:inline-block;display:flex;height:20px;transform:rotate(90deg);width:14px!important;z-index:10}.tag-group-open>div{background-color:#eceefd}.ia-select-container-v3-styled-menu{border:none;border-radius:12px;box-shadow:0 1px 6px #1a277c24;margin-top:6px;padding:8px 6px}.ia-select-search-box{background-position:12px;border-bottom:none;border-radius:8px 8px 0 0;font-family:Manrope,sans-serif;font-weight:400;height:35px;padding-left:30px}.ia-select-search-box:focus,.ia-select-search-box:focus-visible{border:none;box-shadow:none;outline:none}.ia-select-search-box::placeholder{font-weight:400}.ia-select-search-box:not(:placeholder-shown){font-weight:500}.ia-select-label-v3{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500}.ia-select-main-container-v3{gap:6px}.ia-select-styled-dropdown-main-button{border:1px solid #c3c8d4;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif!important;font-weight:500;height:32px}.ia-select-styled-dropdown-main-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-select-styled-dropdown-main-button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.Mui-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-btn-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-switch-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact-select-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact_input_disabled:focus-visible,.ia-select-styled-dropdown-main-button.route-disabled:focus-visible,.ia-select-styled-dropdown-main-button:disabled:focus-visible,.ia-select-styled-dropdown-main-button[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.ia-select-button-keyboard-open{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none}.ia-select-styled-dropdown-main-button:hover{border:1px solid #4259ee}.impact-select-error,.impact-select-error:hover{border:1px solid #e15554!important}.impact-select-disabled{background-color:#f2f4fb}.impact-select-disabled,.impact-select-disabled:hover{border:1px solid #d9dde7}.ia-select-loading-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.ia-select-loading-more-container{height:92px!important}.default-select-tooltip,.select-tooltip{z-index:999999!important}.ia-select-dropdown-container{gap:4px}.ia-select-dropdown-v3{position:relative}.ia-select-dropdown-v3 .select__menu{position:relative;z-index:1}.ia-select-dropdown-v3 .menulistScroll{margin-top:3px;overflow-y:hidden;padding-bottom:0;padding-top:0!important}.ia-select-dropdown-v3 .menulistScroll .ia-select-no-options-message{align-items:center;color:#60697d;display:flex;font-weight:500;height:50px;justify-content:center;line-height:16px}.ia-select-dropdown-v3 :is(.ia-select-group,.ia-select-menu-list){padding:0}.ia-select-dropdown-v3 .ia-select-group{border-bottom:1px solid #d9dde7}.ia-select-dropdown-v3 .ia-select-group:last-child{border-bottom:none}.ia-select-dropdown-v3 .ia-select-group-heading-container{align-items:center;display:flex;height:35px;justify-content:space-between;padding:0 12px}.ia-select-dropdown-v3 .ia-select-group-heading-container .ia-select-group-heading{color:#b4bac7;font-size:12px;font-weight:700;line-height:20px;margin-bottom:0;padding:0;text-transform:capitalize}.ia-select-dropdown-v3 .ia-select-group-heading-left{gap:6px}.ia-select-dropdown-v3 .group-icon,.ia-select-dropdown-v3 .ia-select-group-heading-left{align-items:center;display:flex;justify-content:center}.ia-select-dropdown-v3 .group-icon svg{color:#60697d;height:16px;width:16px}.ia-select-dropdown-v3 .group-icon svg path{fill:#60697d}.ia-select-dropdown-v3 .ia-select-option{align-items:center;background-color:initial;border-radius:8px;box-sizing:border-box;color:#1f2b4d;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-weight:500;height:36px;margin-bottom:2px;padding:0 12px}.ia-select-dropdown-v3 .ia-select-option:has(.disabled){opacity:.5;pointer-events:none}.ia-select-dropdown-v3 .ia-select-option.submenu-active,.ia-select-dropdown-v3 :is(.ia-select-option:focus,.ia-select-option:hover){background-color:#f5f6fa;border-radius:8px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option-highlighted{background-color:#f5f6fa;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option--selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.select-option-content{flex:1 1 auto;min-width:0;overflow:hidden;width:100%}.select-option-content .select-submenu-chevron{bottom:11px;color:#60697d;height:16px;position:absolute;right:12px;width:16px}.ia-select-submenu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px}.ia-select-submenu-header .ia-select-submenu-back{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:0}.ia-select-submenu-header .ia-select-submenu-back:hover{color:#374151}.ia-select-dropdown-container{display:flex;position:relative}.ia-select-dropdown-v3{flex:1}.select-label-with-icon{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.select-label-with-icon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-submenu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:8px 6px;z-index:3}.ia-select-submenu-content .select-option-content:not(:first-child){margin-top:2px}.ia-select-submenu-content .select-option-content{padding:7.5px 0 7.5px 12px}.ia-select-submenu-content .select-option-content:hover{background-color:#f5f6fa!important;border-radius:8px;color:#1f2b4d!important}.ia-select-submenu-content .select-option-content.selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.ia-select-chevron-icon.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.4;opacity:.2;pointer-events:none}.ia-select-submenu-content .ia-select-option-highlighted{background-color:#f5f6fa!important;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-footer-message{align-items:center;border-top:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:8px 12px 4px}.ia-select-footer-message .ia-select-max-selectable-options{background-position:0 1px;border:none;padding:0 0 0 20px}.ia-select-footer-message .ia-styles.ia-btn.ia-btn-with-icon{height:16px}.ia-select-footer-message .ia-select-footer-description{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.ia-select-footer-message .ia-select-footer-action-button{color:#4259ee;cursor:pointer;font-size:12px;font-weight:500;padding:0;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useState, useRef, useMemo, useEffect, useCallback } from "react";
 import ReactSelect from "react-select";
@@ -21,7 +21,13 @@ import { HelperText } from "../common/HelperText/index.js";
 
 import { useTranslation } from "../../i18n/useTranslation.js";
 const selectStyles = {
-  menu: () => ({})
+  menu: () => ({}),
+  // Neutralize react-select emotion styles so we rely on stable classNames + SCSS
+  control: () => ({ display: "none" }),
+  option: () => ({}),
+  group: () => ({}),
+  groupHeading: () => ({}),
+  menuList: () => ({})
 };
 const SUBMENU_MAX_HEIGHT = 200;
 const countTotalSelectedOptions = (selectedOptions) => {
@@ -942,11 +948,14 @@ const Select = React__default.memo(function Select2(props) {
                         captureMenuScroll: false,
                         className: "ia-select-dropdown-v3",
                         classNames: {
-                          option: ({ data }) => {
+                          option: ({ data, isSelected }) => {
                             const opt = data;
                             const optIdx = flatOptions.findIndex((o) => o.value === (opt == null ? void 0 : opt.value));
-                            return `ia-select-option${(submenuParent == null ? void 0 : submenuParent.value) === (opt == null ? void 0 : opt.value) ? " submenu-active" : ""}${isKeyboardNav && optIdx >= 0 && optIdx === highlightedIndex ? " ia-select-option-highlighted" : ""}`;
-                          }
+                            return `ia-select-option${isSelected ? " ia-select-option--selected" : ""}${(submenuParent == null ? void 0 : submenuParent.value) === (opt == null ? void 0 : opt.value) ? " submenu-active" : ""}${isKeyboardNav && optIdx >= 0 && optIdx === highlightedIndex ? " ia-select-option-highlighted" : ""}`;
+                          },
+                          group: () => "ia-select-group",
+                          groupHeading: () => "ia-select-group-heading",
+                          menuList: () => "ia-select-menu-list"
                         },
                         components: {
                           IndicatorSeparator: null,

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

@@ -1,3 +1,5 @@
+import { default as React } from 'react';
+
 declare const AdvanceSearchModalItem: ({ colDefs, control, index, actualIndex, onDelete, filteredColumnsInitialOptions, totalColumns, currentColumnId, activeOption, getValues, addNewColumn, setToShowDuplicateColumnInAdvanceSearch, selectedThirdOptionDropdownValue, setSelectedThirdOptionDropdownValue, isClearAll, fields, isLastVisible, flag, setFlag, pendingDeletions, setPendingDeletions, remove, ...args }: {
     [x: string]: any;
     colDefs: any;
@@ -22,6 +24,6 @@ declare const AdvanceSearchModalItem: ({ colDefs, control, index, actualIndex, o
     pendingDeletions: any;
     setPendingDeletions: any;
     remove: any;
-}) => import("react").JSX.Element;
+}) => React.JSX.Element;
 export default AdvanceSearchModalItem;
 //# sourceMappingURL=AdvanceSearchModalItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSearchModalItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgB5D,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwB/B,sBAmUA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,8 +1,10 @@
+import { default as React } from 'react';
+
 export default function AdvanceSortModal({ open, onClose, colDefs, sortState, onApply }: {
     open: any;
     onClose: any;
     colDefs?: never[] | undefined;
     sortState?: never[] | undefined;
     onApply: any;
-}): import("react").JSX.Element;
+}): React.JSX.Element;
 //# sourceMappingURL=AdvanceSortModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdvanceSortModal.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSortModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AA0K3D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAY,EAAE,SAAc,EAAE,OAAO,EAAE;;;;;;CAAA,qBAoJhG"}

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

@@ -1,29 +1,31 @@
 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 { Modal } from "../Modal/index.js";
+import { useTableV36PortalContainerProps } from "./TableV36PortalContext.js";
 import { Select } from "../Select/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-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" }
-  ];
+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) {
   if (filterType === "agNumberColumnFilter") {
-    return numberOptions;
+    return SORT_ORDER_OPTIONS_NUMBER;
   }
   if (filterType === "agTextColumnFilter") {
-    return textOptions;
+    return SORT_ORDER_OPTIONS_TEXT;
   }
-  return textOptions;
+  return SORT_ORDER_OPTIONS_TEXT;
 }
 let nextId = 1;
 const generateId = () => `sort-row-${nextId++}`;
@@ -60,20 +62,20 @@ function SortRow({
   onOrderChange,
   onDelete,
   dragHandlers,
-  rowsCount,
-  t
+  rowsCount
 }) {
+  const { container: portalContainer } = useTableV36PortalContainerProps();
   const [columnIsOpen, setColumnIsOpen] = useState(false);
   const [orderIsOpen, setOrderIsOpen] = useState(false);
   const [columnCurrentOptions, setColumnCurrentOptions] = useState(availableColumnOptions);
   const [orderCurrentOptions, setOrderCurrentOptions] = useState(
-    getSortOrderOptionsByFilter(selectedColumnFilter, t)
+    getSortOrderOptionsByFilter(selectedColumnFilter)
   );
   useEffect(() => {
     setColumnCurrentOptions(availableColumnOptions);
   }, [availableColumnOptions]);
   useEffect(() => {
-    setOrderCurrentOptions(getSortOrderOptionsByFilter(selectedColumnFilter, t));
+    setOrderCurrentOptions(getSortOrderOptionsByFilter(selectedColumnFilter));
   }, [selectedColumnFilter]);
   return /* @__PURE__ */ jsxs(
     "div",
@@ -99,9 +101,10 @@ function SortRow({
                 handleChange: (val) => onColumnChange(index, val),
                 initialOptions: availableColumnOptions,
                 isOpen: columnIsOpen,
-                label: t("table.sort.column"),
+                label: "Column",
                 minWidth: "210px",
-                placeholder: t("table.sort.selectColumn"),
+                placeholder: "Select column",
+                portalContainer,
                 selectedOptions: selectedColumnOption,
                 setCurrentOptions: setColumnCurrentOptions,
                 setIsOpen: setColumnIsOpen,
@@ -115,11 +118,12 @@ function SortRow({
                 withPortal: true,
                 currentOptions: orderCurrentOptions,
                 handleChange: (val) => onOrderChange(index, val),
-                initialOptions: getSortOrderOptionsByFilter(selectedColumnFilter, t),
+                initialOptions: getSortOrderOptionsByFilter(selectedColumnFilter),
                 isOpen: orderIsOpen,
-                label: t("table.sort.sortingOrder"),
+                label: "Sorting Order",
                 minWidth: "210px",
-                placeholder: t("table.sort.selectSortingOrder"),
+                placeholder: "Select sorting order",
+                portalContainer,
                 selectedOptions: selectedOrderOption,
                 setCurrentOptions: setOrderCurrentOptions,
                 setIsOpen: setOrderIsOpen,
@@ -134,7 +138,7 @@ function SortRow({
             Badge,
             {
               color: "default",
-              label: t("table.sort.priority", { number: index + 1 }),
+              label: `Priority ${index + 1}`,
               size: "default",
               sx: {
                 background: "#F1F3FE !important",
@@ -146,11 +150,11 @@ function SortRow({
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "divider-line" }),
-          /* @__PURE__ */ jsx(Tooltip, { title: t("table.sort.delete"), variant: "tertiary", children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(Tooltip, { title: "Delete", variant: "tertiary", children: /* @__PURE__ */ jsx("span", { style: { display: "inline-block" }, children: /* @__PURE__ */ jsx(
             Button,
             {
               disabled: rowsCount === 1,
-              icon: /* @__PURE__ */ jsx(SaveViewDeleteIcon_default, {}),
+              icon: /* @__PURE__ */ jsx(SaveViewDeleteIcon, {}),
               size: "medium",
               type: "destructive",
               variant: "secondary",
@@ -163,7 +167,7 @@ function SortRow({
   );
 }
 function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply }) {
-  const { t } = useTranslation();
+  const modalContainerProps = useTableV36PortalContainerProps();
   const [rows, setRows] = useState([makeEmptyRow()]);
   const dragIndexRef = useRef(null);
   const dragOverIndexRef = useRef(null);
@@ -234,7 +238,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, t).find((o) => o.value === order) || null;
+    return getSortOrderOptionsByFilter(filterType).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));
@@ -243,17 +247,18 @@ function AdvanceSortModal({ open, onClose, colDefs = [], sortState = [], onApply
     {
       className: "advance-sort-modal",
       open,
-      primaryButtonLabel: t("common.apply"),
-      secondaryButtonLabel: t("common.cancel"),
+      primaryButtonLabel: "Apply",
+      secondaryButtonLabel: "Cancel",
       size: "medium",
-      title: t("table.sort.title"),
+      title: "Advance Sort",
       onClose,
       onPrimaryButtonClick: handleApply,
       onSecondaryButtonClick: onClose,
+      ...modalContainerProps,
       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: t("table.sort.columnSort") }),
-          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: handleClearAll, children: t("common.clearAll") })
+          /* @__PURE__ */ jsx("span", { className: "advance-sort-section-title", children: "Column sort" }),
+          /* @__PURE__ */ jsx(Button, { variant: "url", onClick: handleClearAll, children: "Clear All" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "advance-sort-rows", children: rows.map((row, index) => {
           var _a;
@@ -268,7 +273,6 @@ 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
@@ -277,16 +281,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: t("table.sort.clearValues") }),
+          /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleClearValues, children: "Clear Values" }),
           /* @__PURE__ */ jsx(
             Button,
             {
               className: "advance-sort-add-level-button",
               disabled: columnOptions.length === rows.length,
-              icon: /* @__PURE__ */ jsx(Plus_default, {}),
+              icon: /* @__PURE__ */ jsx(AddOutlinedIcon, {}),
               variant: "tertiary",
               onClick: handleAddLevel,
-              children: t("table.sort.addLevel")
+              children: "Add Level"
             }
           )
         ] })

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

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

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

@@ -0,0 +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,4BAo7BA;;AA2BD,wBAAuD"}