@banyan_cloud/roots 2.0.66 → 2.0.68

package/dist/esm/index.js

@@ -5367,18 +5367,27 @@ var Copy = function Copy(props) {
     width = props.width,
     height = props.height,
     color = props.color;
-  return jsx("svg", {
-    width: width !== null && width !== void 0 ? width : '1.5rem',
-    height: height !== null && height !== void 0 ? height : '1.5rem',
-    fill: color !== null && color !== void 0 ? color : 'black',
+  return jsxs("svg", {
+    width: width !== null && width !== void 0 ? width : '20',
+    height: height !== null && height !== void 0 ? height : '20',
     className: className,
-    viewBox: '0 0 16 17',
+    viewBox: '0 0 20 20',
+    fill: 'none',
     xmlns: 'http://www.w3.org/2000/svg',
-    children: jsx("path", {
-      fillRule: 'evenodd',
-      clipRule: 'evenodd',
-      d: 'M2 9.5H1V2.5C1 1.94772 1.44772 1.5 2 1.5H9V2.5H2V9.5ZM14 5.5V14.5H5V5.5H14ZM5 4.5H14C14.5523 4.5 15 4.94772 15 5.5V14.5C15 15.0523 14.5523 15.5 14 15.5H5C4.44772 15.5 4 15.0523 4 14.5V5.5C4 4.94772 4.44772 4.5 5 4.5Z'
-    })
+    children: [jsx("path", {
+      d: 'M12.4997 5.41667V4.5C12.4997 3.39543 11.6042 2.5 10.4997 2.5H5.33301C4.22844 2.5 3.33301 3.39543 3.33301 4.5V10.5C3.33301 11.6046 4.22844 12.5 5.33301 12.5H5.41634',
+      stroke: color !== null && color !== void 0 ? color : '#A4A7AE',
+      "stroke-width": '1.67',
+      "stroke-linecap": 'round'
+    }), jsx("rect", {
+      x: '7.5',
+      y: '7.5',
+      width: '9.16667',
+      height: '10',
+      rx: '2',
+      stroke: color !== null && color !== void 0 ? color : '#A4A7AE',
+      "stroke-width": '1.67'
+    })]
   });
 };
 
@@ -6120,6 +6129,7 @@ function Accordion(props) {
       }), children, onExpand && jsx(Button, {
         size: 'auto',
         variant: 'text',
+        dataTestId: 'accordion-expand-btn-test',
         onClick: function onClick() {
           onExpand();
         },
@@ -6150,10 +6160,6 @@ const oppositeSideMap = {
   bottom: 'top',
   top: 'bottom'
 };
-const oppositeAlignmentMap = {
-  start: 'end',
-  end: 'start'
-};
 function clamp(start, value, end) {
   return max(start, min(value, end));
 }
@@ -6172,9 +6178,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
-const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
+  const firstChar = placement[0];
+  return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -6197,7 +6203,7 @@ function getExpandedPlacements(placement) {
   return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
 }
 function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
+  return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');
 }
 const lrPlacement = ['left', 'right'];
 const rlPlacement = ['right', 'left'];
@@ -6228,7 +6234,8 @@ function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
   return list;
 }
 function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
+  const side = getSide(placement);
+  return oppositeSideMap[side] + placement.slice(side.length);
 }
 function expandPaddingObject(padding) {
   return {
@@ -6322,6 +6329,74 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
   return coords;
 }
 
+/**
+ * Resolves with an object of overflow side offsets that determine how much the
+ * element is overflowing a given clipping boundary on each side.
+ * - positive = overflowing the boundary by that number of pixels
+ * - negative = how many pixels left before it will overflow
+ * - 0 = lies flush with the boundary
+ * @see https://floating-ui.com/docs/detectOverflow
+ */
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = 'clippingAncestors',
+    rootBoundary = 'viewport',
+    elementContext = 'floating',
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
+    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === 'floating' ? {
+    x,
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
+  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+
+// Maximum number of resets that can occur before bailing to avoid infinite reset loops.
+const MAX_RESET_COUNT = 50;
+
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
  * next to a given reference element.
@@ -6336,7 +6411,10 @@ const computePosition$1 = async (reference, floating, config) => {
     middleware = [],
     platform
   } = config;
-  const validMiddleware = middleware.filter(Boolean);
+  const platformWithDetectOverflow = platform.detectOverflow ? platform : {
+    ...platform,
+    detectOverflow
+  };
   const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
   let rects = await platform.getElementRects({
     reference,
@@ -6348,13 +6426,17 @@ const computePosition$1 = async (reference, floating, config) => {
     y
   } = computeCoordsFromPlacement(rects, placement, rtl);
   let statefulPlacement = placement;
-  let middlewareData = {};
   let resetCount = 0;
-  for (let i = 0; i < validMiddleware.length; i++) {
+  const middlewareData = {};
+  for (let i = 0; i < middleware.length; i++) {
+    const currentMiddleware = middleware[i];
+    if (!currentMiddleware) {
+      continue;
+    }
     const {
       name,
       fn
-    } = validMiddleware[i];
+    } = currentMiddleware;
     const {
       x: nextX,
       y: nextY,
@@ -6368,7 +6450,7 @@ const computePosition$1 = async (reference, floating, config) => {
       strategy,
       middlewareData,
       rects,
-      platform,
+      platform: platformWithDetectOverflow,
       elements: {
         reference,
         floating
@@ -6376,14 +6458,11 @@ const computePosition$1 = async (reference, floating, config) => {
     });
     x = nextX != null ? nextX : x;
     y = nextY != null ? nextY : y;
-    middlewareData = {
-      ...middlewareData,
-      [name]: {
-        ...middlewareData[name],
-        ...data
-      }
+    middlewareData[name] = {
+      ...middlewareData[name],
+      ...data
     };
-    if (reset && resetCount <= 50) {
+    if (reset && resetCount < MAX_RESET_COUNT) {
       resetCount++;
       if (typeof reset === 'object') {
         if (reset.placement) {
@@ -6413,71 +6492,6 @@ const computePosition$1 = async (reference, floating, config) => {
   };
 };
 
-/**
- * Resolves with an object of overflow side offsets that determine how much the
- * element is overflowing a given clipping boundary on each side.
- * - positive = overflowing the boundary by that number of pixels
- * - negative = how many pixels left before it will overflow
- * - 0 = lies flush with the boundary
- * @see https://floating-ui.com/docs/detectOverflow
- */
-async function detectOverflow(state, options) {
-  var _await$platform$isEle;
-  if (options === void 0) {
-    options = {};
-  }
-  const {
-    x,
-    y,
-    platform,
-    rects,
-    elements,
-    strategy
-  } = state;
-  const {
-    boundary = 'clippingAncestors',
-    rootBoundary = 'viewport',
-    elementContext = 'floating',
-    altBoundary = false,
-    padding = 0
-  } = evaluate(options, state);
-  const paddingObject = getPaddingObject(padding);
-  const altContext = elementContext === 'floating' ? 'reference' : 'floating';
-  const element = elements[altBoundary ? altContext : elementContext];
-  const clippingClientRect = rectToClientRect(await platform.getClippingRect({
-    element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
-    boundary,
-    rootBoundary,
-    strategy
-  }));
-  const rect = elementContext === 'floating' ? {
-    x,
-    y,
-    width: rects.floating.width,
-    height: rects.floating.height
-  } : rects.reference;
-  const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
-  const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  };
-  const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements,
-    rect,
-    offsetParent,
-    strategy
-  }) : rect);
-  return {
-    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
-    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
-    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
-    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
-  };
-}
-
 /**
  * Provides data to position an inner element of the floating element so that it
  * appears centered to the reference element.
@@ -6610,7 +6624,7 @@ const flip$1 = function (options) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis) {
@@ -6794,7 +6808,8 @@ const shift$1 = function (options) {
       const {
         x,
         y,
-        placement
+        placement,
+        platform
       } = state;
       const {
         mainAxis: checkMainAxis = true,
@@ -6817,7 +6832,7 @@ const shift$1 = function (options) {
         x,
         y
       };
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const crossAxis = getSideAxis(getSide(placement));
       const mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis];
@@ -6881,7 +6896,7 @@ const size$1 = function (options) {
         apply = () => {},
         ...detectOverflowOptions
       } = evaluate(options, state);
-      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflow = await platform.detectOverflow(state, detectOverflowOptions);
       const side = getSide(placement);
       const alignment = getAlignment(placement);
       const isYAxis = getSideAxis(placement) === 'y';
@@ -6984,7 +6999,6 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow$1(value).ShadowRoot;
 }
-const invalidOverflowDisplayValues = /*#__PURE__*/new Set(['inline', 'contents']);
 function isOverflowElement(element) {
   const {
     overflow,
@@ -6992,32 +7006,35 @@ function isOverflowElement(element) {
     overflowY,
     display
   } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== 'inline' && display !== 'contents';
 }
-const tableElements = /*#__PURE__*/new Set(['table', 'td', 'th']);
 function isTableElement(element) {
-  return tableElements.has(getNodeName(element));
+  return /^(table|td|th)$/.test(getNodeName(element));
 }
-const topLayerSelectors = [':popover-open', ':modal'];
 function isTopLayer(element) {
-  return topLayerSelectors.some(selector => {
-    try {
-      return element.matches(selector);
-    } catch (_e) {
-      return false;
+  try {
+    if (element.matches(':popover-open')) {
+      return true;
     }
-  });
+  } catch (_e) {
+    // no-op
+  }
+  try {
+    return element.matches(':modal');
+  } catch (_e) {
+    return false;
+  }
 }
-const transformProperties = ['transform', 'translate', 'scale', 'rotate', 'perspective'];
-const willChangeValues = ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'];
-const containValues = ['paint', 'layout', 'strict', 'content'];
+const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
+const containRe = /paint|layout|strict|content/;
+const isNotNone = value => !!value && value !== 'none';
+let isWebKitValue;
 function isContainingBlock(elementOrCss) {
-  const webkit = isWebKit();
   const css = isElement$1(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   // https://drafts.csswg.org/css-transforms-2/#individual-transforms
-  return transformProperties.some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || willChangeValues.some(value => (css.willChange || '').includes(value)) || containValues.some(value => (css.contain || '').includes(value));
+  return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || '') || containRe.test(css.contain || '');
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -7032,12 +7049,13 @@ function getContainingBlock(element) {
   return null;
 }
 function isWebKit() {
-  if (typeof CSS === 'undefined' || !CSS.supports) return false;
-  return CSS.supports('-webkit-backdrop-filter', 'none');
+  if (isWebKitValue == null) {
+    isWebKitValue = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('-webkit-backdrop-filter', 'none');
+  }
+  return isWebKitValue;
 }
-const lastTraversableNodeNames = /*#__PURE__*/new Set(['html', 'body', '#document']);
 function isLastTraversableNode(node) {
-  return lastTraversableNodeNames.has(getNodeName(node));
+  return /^(html|body|#document)$/.test(getNodeName(node));
 }
 function getComputedStyle$1(element) {
   return getWindow$1(element).getComputedStyle(element);
@@ -7093,8 +7111,9 @@ function getOverflowAncestors(node, list, traverseIframes) {
   if (isBody) {
     const frameElement = getFrameElement(win);
     return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+  } else {
+    return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
   }
-  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
@@ -7271,7 +7290,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
-    if (isHTMLElement$1(offsetParent)) {
+    if (isOffsetParentAnElement) {
       const offsetRect = getBoundingClientRect(offsetParent);
       scale = getScale(offsetParent);
       offsets.x = offsetRect.x + offsetParent.clientLeft;
@@ -7359,7 +7378,6 @@ function getViewportRect(element, strategy) {
   };
 }
 
-const absoluteOrFixed = /*#__PURE__*/new Set(['absolute', 'fixed']);
 // Returns the inner client rect, subtracting scrollbars if present.
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === 'fixed');
@@ -7424,7 +7442,7 @@ function getClippingElementAncestors(element, cache) {
     if (!currentNodeIsContaining && computedStyle.position === 'fixed') {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === 'static' && !!currentContainingBlockComputedStyle && (currentContainingBlockComputedStyle.position === 'absolute' || currentContainingBlockComputedStyle.position === 'fixed') || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       // Drop non-containing blocks.
       result = result.filter(ancestor => ancestor !== currentNode);
@@ -7449,20 +7467,23 @@ function getClippingRect(_ref) {
   } = _ref;
   const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
-  const firstClippingAncestor = clippingAncestors[0];
-  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    accRect.top = max(rect.top, accRect.top);
-    accRect.right = min(rect.right, accRect.right);
-    accRect.bottom = min(rect.bottom, accRect.bottom);
-    accRect.left = max(rect.left, accRect.left);
-    return accRect;
-  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  const firstRect = getClientRectFromClippingAncestor(element, clippingAncestors[0], strategy);
+  let top = firstRect.top;
+  let right = firstRect.right;
+  let bottom = firstRect.bottom;
+  let left = firstRect.left;
+  for (let i = 1; i < clippingAncestors.length; i++) {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestors[i], strategy);
+    top = max(rect.top, top);
+    right = min(rect.right, right);
+    bottom = min(rect.bottom, bottom);
+    left = max(rect.left, left);
+  }
   return {
-    width: clippingRect.right - clippingRect.left,
-    height: clippingRect.bottom - clippingRect.top,
-    x: clippingRect.left,
-    y: clippingRect.top
+    width: right - left,
+    height: bottom - top,
+    x: left,
+    y: top
   };
 }
 
@@ -7713,7 +7734,7 @@ function autoUpdate(reference, floating, update, options) {
     animationFrame = false
   } = options;
   const referenceEl = unwrapElement(reference);
-  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...getOverflowAncestors(floating)] : [];
+  const ancestors = ancestorScroll || ancestorResize ? [...(referenceEl ? getOverflowAncestors(referenceEl) : []), ...(floating ? getOverflowAncestors(floating) : [])] : [];
   ancestors.forEach(ancestor => {
     ancestorScroll && ancestor.addEventListener('scroll', update, {
       passive: true
@@ -7726,7 +7747,7 @@ function autoUpdate(reference, floating, update, options) {
   if (elementResize) {
     resizeObserver = new ResizeObserver(_ref => {
       let [firstEntry] = _ref;
-      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver && floating) {
         // Prevent update loops when using the `size` middleware.
         // https://github.com/floating-ui/floating-ui/issues/1740
         resizeObserver.unobserve(floating);
@@ -7741,7 +7762,9 @@ function autoUpdate(reference, floating, update, options) {
     if (referenceEl && !animationFrame) {
       resizeObserver.observe(referenceEl);
     }
-    resizeObserver.observe(floating);
+    if (floating) {
+      resizeObserver.observe(floating);
+    }
   }
   let frameId;
   let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
@@ -10792,6 +10815,7 @@ var Alert = function Alert(_ref, ref) {
         children: [CustomAction && jsx(CustomAction, {}), onClose && !autoDismiss && jsx(Button, {
           title: '',
           size: 'auto',
+          dataTestId: 'alert-close-btn-test',
           variant: 'text',
           onClick: function onClick() {
             onClose();
@@ -12302,13 +12326,13 @@ var BOXES = _toConsumableArray(Array(36).keys()).map(function () {
 var ChartSkeleton = function ChartSkeleton(_ref) {
   var theme = _ref.theme,
     fallback = _ref.fallback;
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: modules_37a5ff73$1.root,
     children: BOXES.map(function (box) {
-      return /*#__PURE__*/jsx(Skeleton, {
+      return jsx(Skeleton, {
         theme: theme,
         className: modules_37a5ff73$1.box,
-        height: "100%",
+        height: '100%',
         noAnimation: fallback
       }, box);
     })
@@ -12329,6 +12353,7 @@ var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
   return acc;
 }, {});
 
+// Register the required components
 echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, LegendComponent, HeatmapChart, CanvasRenderer]);
 var HeatMapChart = function HeatMapChart(props) {
   var _seriesData$metaData$, _seriesData$metaData;
@@ -12357,7 +12382,7 @@ var HeatMapChart = function HeatMapChart(props) {
     theme = props.theme,
     fallback = props.fallback;
   if (loading || fallback) {
-    return /*#__PURE__*/jsx(ChartSkeleton, {
+    return jsx(ChartSkeleton, {
       theme: theme,
       fallback: !loading && fallback
     });
@@ -12430,7 +12455,7 @@ var HeatMapChart = function HeatMapChart(props) {
       data: dataNew
     })];
   };
-  return /*#__PURE__*/jsx(EChartsReactCore, {
+  return jsx(EChartsReactCore, {
     option: {
       title: {
         text: title
@@ -12623,6 +12648,7 @@ var CopyButton = function CopyButton(_ref) {
     };
   }();
   return jsx(Button, {
+    dataTestId: 'code-snippet-copy-btn-test',
     title: jsx(AnimatePresence, {
       mode: 'popLayout',
       initial: false,
@@ -12775,84 +12801,84 @@ var modules_2dbfc50c = {"root":"ErrorBoundaryWrapper_module_root__d987e542","mes
 n(css$K,{});
 
 var ErrorBoundaryVector = function ErrorBoundaryVector() {
-  return /*#__PURE__*/jsxs("svg", {
-    width: "30rem",
-    height: "30rem",
-    viewBox: "0 0 500 500",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsx("path", {
-      d: "M125.435 223.296C124.403 207.823 117.194 193.543 110.344 179.629C103.495 165.715 96.715 151.124 96.6398 135.618C96.5161 108.989 116.801 85.6721 140.828 74.1936C164.855 62.7151 192.167 60.7527 218.747 59.1613C246.532 57.4947 275.21 56.1506 301.387 65.613C316.478 71.0592 330.113 79.9087 342.892 89.6022C378.666 116.759 408.633 150.811 431.021 189.747C446.505 216.72 458.392 246.871 457.559 277.952C456.726 309.032 441.016 341.048 413.107 354.769C384.371 368.903 349.925 361.565 318.564 368.065C283.204 375.398 254.21 399.634 225.07 420.957C195.93 442.28 162.07 462.172 126.134 458.591C102.134 456.204 80.4838 443.559 60.3817 430.242C42.4785 418.393 23.5376 403.237 21.1451 381.909C19.586 367.995 25.6021 354.387 32.543 342.231C46.1755 318.43 63.8291 297.171 84.7204 279.398C103.624 263.317 127.366 252.032 125.435 223.296Z",
-      fill: "#EAE6FC"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M491.935 461.704H444.763C444.05 461.704 443.367 461.421 442.863 460.917C442.358 460.413 442.075 459.729 442.075 459.016C442.075 458.303 442.358 457.619 442.863 457.115C443.367 456.611 444.05 456.328 444.763 456.328H491.935C492.648 456.328 493.332 456.611 493.836 457.115C494.34 457.619 494.624 458.303 494.624 459.016C494.624 459.729 494.34 460.413 493.836 460.917C493.332 461.421 492.648 461.704 491.935 461.704ZM55.2366 461.704H8.06451C7.35157 461.704 6.66782 461.421 6.16369 460.917C5.65956 460.413 5.37634 459.729 5.37634 459.016C5.37634 458.303 5.65956 457.619 6.16369 457.115C6.66782 456.611 7.35157 456.328 8.06451 456.328H55.2366C55.9495 456.328 56.6333 456.611 57.1374 457.115C57.6415 457.619 57.9247 458.303 57.9247 459.016C57.9247 459.729 57.6415 460.413 57.1374 460.917C56.6333 461.421 55.9495 461.704 55.2366 461.704Z",
-      fill: "#1E1E1E"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M106.914 232.634V445.419H393.07V232.634C393.07 226.597 388.253 221.699 382.317 221.699H117.667C111.731 221.699 106.914 226.591 106.914 232.634Z",
-      fill: "#D3DCE3"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M120.355 235.134H379.629V417.828H120.355V235.134ZM422.043 431.828V439.597C422.044 442.147 421.542 444.672 420.566 447.028C419.59 449.384 418.16 451.525 416.356 453.328C414.553 455.131 412.412 456.561 410.056 457.536C407.699 458.511 405.174 459.012 402.624 459.011H97.3656C94.8159 459.011 92.2911 458.51 89.9353 457.534C87.5796 456.559 85.4391 455.129 83.6362 453.326C81.8334 451.523 80.4034 449.383 79.428 447.027C78.4526 444.671 77.9509 442.146 77.9516 439.597V431.828H204.134C205.56 431.828 206.928 432.394 207.936 433.403C208.944 434.411 209.511 435.778 209.511 437.204V440.043C209.511 441.469 210.077 442.836 211.085 443.845C212.094 444.853 213.461 445.419 214.887 445.419H285.102C286.528 445.419 287.896 444.853 288.904 443.845C289.912 442.836 290.478 441.469 290.478 440.043V437.204C290.478 435.778 291.045 434.411 292.053 433.403C293.061 432.394 294.429 431.828 295.855 431.828H422.043Z",
-      fill: "white"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M290.349 151.801H209.645L169.29 221.693L209.645 291.586H290.349L330.704 221.693L290.349 151.801Z",
-      fill: "#FFD200"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M425.538 456.328H416.935C421.667 452.296 424.731 446.328 424.731 439.608V431.812C424.731 430.36 423.548 429.124 422.043 429.124H395.753V232.618C395.753 225.091 389.731 219.016 382.312 219.016H332.258L292.688 150.468C292.456 150.06 292.119 149.72 291.713 149.484C291.307 149.248 290.846 149.124 290.376 149.124H209.624C208.71 149.124 207.796 149.608 207.312 150.468L167.742 219.016H117.688C110.269 219.016 104.247 225.091 104.247 232.618V429.124H77.957C76.4516 429.124 75.2688 430.36 75.2688 431.812V439.608C75.2688 446.328 78.3333 452.296 83.1183 456.328H74.4623C72.957 456.328 71.7742 457.511 71.7742 459.016C71.7742 460.521 72.957 461.704 74.4623 461.704H425.538C427.043 461.704 428.226 460.521 428.226 459.016C428.226 457.511 427.043 456.328 425.538 456.328ZM211.183 154.5H288.817L327.581 221.704C318.935 236.731 326.258 224.038 288.817 288.909H211.183L172.419 221.704L211.183 154.5ZM324.462 237.833H376.935V415.145H123.064V237.833H175.538L207.312 292.941C207.796 293.747 208.71 294.285 209.624 294.285H290.376C291.29 294.285 292.204 293.747 292.688 292.941L324.462 237.833ZM109.624 232.618C109.624 228.102 113.226 224.392 117.688 224.392H167.742L172.419 232.457H120.376C118.871 232.457 117.688 233.64 117.688 235.145V417.833C117.688 419.339 118.871 420.522 120.376 420.522H379.624C381.129 420.522 382.312 419.339 382.312 417.833V235.145C382.312 233.64 381.129 232.457 379.624 232.457H327.581L332.258 224.392H382.312C386.774 224.392 390.376 228.102 390.376 232.618V429.124H295.86C291.398 429.124 287.796 432.78 287.796 437.188V440.038C287.796 441.543 286.613 442.726 285.108 442.726H214.892C213.387 442.726 212.204 441.543 212.204 440.038V437.188C212.204 432.78 208.602 429.124 204.14 429.124H109.624V232.618ZM402.634 456.328H97.3656C92.9354 456.314 88.6907 454.548 85.5581 451.415C82.4255 448.282 80.6593 444.038 80.6451 439.608V434.5H204.14C205.591 434.5 206.828 435.737 206.828 437.188V440.038C206.828 441.005 206.989 441.866 207.312 442.726C208.387 445.844 211.398 448.102 214.892 448.102H285.108C288.602 448.102 291.613 445.844 292.688 442.726C293.011 441.866 293.172 441.005 293.172 440.038V437.188C293.172 435.737 294.409 434.5 295.86 434.5H419.355V439.608C419.355 448.801 411.828 456.328 402.634 456.328Z",
-      fill: "#231F20"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M265.941 185.468C265.941 192.059 257.07 224.376 252.554 240.323C251.801 242.871 248.194 242.871 247.446 240.323C242.93 224.376 234.054 192.059 234.054 185.468C234.057 181.239 235.738 177.185 238.727 174.195C241.717 171.205 245.772 169.524 250 169.521C254.227 169.526 258.28 171.207 261.269 174.197C264.258 177.187 265.938 181.24 265.941 185.468Z",
-      fill: "#231F20"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M249.995 273.866C255.865 273.866 260.624 269.107 260.624 263.237C260.624 257.366 255.865 252.608 249.995 252.608C244.124 252.608 239.366 257.366 239.366 263.237C239.366 269.107 244.124 273.866 249.995 273.866Z",
-      fill: "#231F20"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M278.962 363.986H267.49C267.022 363.986 266.64 364.353 266.616 364.82C266.065 375.483 255.461 383.488 244.099 379.535C239.585 377.964 236.011 374.389 234.442 369.875C230.384 358.207 238.937 347.338 250.028 347.338C250.04 347.338 250.052 347.338 250.064 347.338V335.011C250.064 334.514 249.652 334.118 249.156 334.132C243.299 334.301 237.867 336.158 233.326 339.232V316.221H220.159V363.787H220.201C220.185 366.681 220.58 369.674 221.445 372.708C224.171 382.271 231.696 389.801 241.258 392.529C261.155 398.208 279.253 383.759 279.841 364.897C279.857 364.4 279.459 363.986 278.962 363.986Z",
-      fill: "url(#paint0_linear_721_1222)"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M265.296 362.302C265.632 362.638 266.207 362.447 266.277 361.978L268.601 346.254C268.657 345.87 268.328 345.541 267.944 345.597L252.22 347.921C251.751 347.991 251.56 348.566 251.896 348.902L265.297 362.303L265.296 362.302Z",
-      fill: "url(#paint1_linear_721_1222)"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M275.706 351.91C276.038 352.243 276.607 352.055 276.675 351.59L279.002 335.845C279.059 335.466 278.733 335.14 278.353 335.196L262.609 337.523C262.144 337.592 261.956 338.161 262.288 338.493L275.706 351.91Z",
-      fill: "url(#paint2_linear_721_1222)"
-    }), /*#__PURE__*/jsxs("defs", {
-      children: [/*#__PURE__*/jsxs("linearGradient", {
-        id: "paint0_linear_721_1222",
-        x1: "213.909",
-        y1: "301.586",
-        x2: "278.196",
-        y2: "297.01",
-        gradientUnits: "userSpaceOnUse",
-        children: [/*#__PURE__*/jsx("stop", {
-          stopColor: "#FF1597"
-        }), /*#__PURE__*/jsx("stop", {
-          offset: "1",
-          stopColor: "#FF892A"
+  return jsxs("svg", {
+    width: '30rem',
+    height: '30rem',
+    viewBox: '0 0 500 500',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg',
+    children: [jsx("path", {
+      d: 'M125.435 223.296C124.403 207.823 117.194 193.543 110.344 179.629C103.495 165.715 96.715 151.124 96.6398 135.618C96.5161 108.989 116.801 85.6721 140.828 74.1936C164.855 62.7151 192.167 60.7527 218.747 59.1613C246.532 57.4947 275.21 56.1506 301.387 65.613C316.478 71.0592 330.113 79.9087 342.892 89.6022C378.666 116.759 408.633 150.811 431.021 189.747C446.505 216.72 458.392 246.871 457.559 277.952C456.726 309.032 441.016 341.048 413.107 354.769C384.371 368.903 349.925 361.565 318.564 368.065C283.204 375.398 254.21 399.634 225.07 420.957C195.93 442.28 162.07 462.172 126.134 458.591C102.134 456.204 80.4838 443.559 60.3817 430.242C42.4785 418.393 23.5376 403.237 21.1451 381.909C19.586 367.995 25.6021 354.387 32.543 342.231C46.1755 318.43 63.8291 297.171 84.7204 279.398C103.624 263.317 127.366 252.032 125.435 223.296Z',
+      fill: '#EAE6FC'
+    }), jsx("path", {
+      d: 'M491.935 461.704H444.763C444.05 461.704 443.367 461.421 442.863 460.917C442.358 460.413 442.075 459.729 442.075 459.016C442.075 458.303 442.358 457.619 442.863 457.115C443.367 456.611 444.05 456.328 444.763 456.328H491.935C492.648 456.328 493.332 456.611 493.836 457.115C494.34 457.619 494.624 458.303 494.624 459.016C494.624 459.729 494.34 460.413 493.836 460.917C493.332 461.421 492.648 461.704 491.935 461.704ZM55.2366 461.704H8.06451C7.35157 461.704 6.66782 461.421 6.16369 460.917C5.65956 460.413 5.37634 459.729 5.37634 459.016C5.37634 458.303 5.65956 457.619 6.16369 457.115C6.66782 456.611 7.35157 456.328 8.06451 456.328H55.2366C55.9495 456.328 56.6333 456.611 57.1374 457.115C57.6415 457.619 57.9247 458.303 57.9247 459.016C57.9247 459.729 57.6415 460.413 57.1374 460.917C56.6333 461.421 55.9495 461.704 55.2366 461.704Z',
+      fill: '#1E1E1E'
+    }), jsx("path", {
+      d: 'M106.914 232.634V445.419H393.07V232.634C393.07 226.597 388.253 221.699 382.317 221.699H117.667C111.731 221.699 106.914 226.591 106.914 232.634Z',
+      fill: '#D3DCE3'
+    }), jsx("path", {
+      d: 'M120.355 235.134H379.629V417.828H120.355V235.134ZM422.043 431.828V439.597C422.044 442.147 421.542 444.672 420.566 447.028C419.59 449.384 418.16 451.525 416.356 453.328C414.553 455.131 412.412 456.561 410.056 457.536C407.699 458.511 405.174 459.012 402.624 459.011H97.3656C94.8159 459.011 92.2911 458.51 89.9353 457.534C87.5796 456.559 85.4391 455.129 83.6362 453.326C81.8334 451.523 80.4034 449.383 79.428 447.027C78.4526 444.671 77.9509 442.146 77.9516 439.597V431.828H204.134C205.56 431.828 206.928 432.394 207.936 433.403C208.944 434.411 209.511 435.778 209.511 437.204V440.043C209.511 441.469 210.077 442.836 211.085 443.845C212.094 444.853 213.461 445.419 214.887 445.419H285.102C286.528 445.419 287.896 444.853 288.904 443.845C289.912 442.836 290.478 441.469 290.478 440.043V437.204C290.478 435.778 291.045 434.411 292.053 433.403C293.061 432.394 294.429 431.828 295.855 431.828H422.043Z',
+      fill: 'white'
+    }), jsx("path", {
+      d: 'M290.349 151.801H209.645L169.29 221.693L209.645 291.586H290.349L330.704 221.693L290.349 151.801Z',
+      fill: '#FFD200'
+    }), jsx("path", {
+      d: 'M425.538 456.328H416.935C421.667 452.296 424.731 446.328 424.731 439.608V431.812C424.731 430.36 423.548 429.124 422.043 429.124H395.753V232.618C395.753 225.091 389.731 219.016 382.312 219.016H332.258L292.688 150.468C292.456 150.06 292.119 149.72 291.713 149.484C291.307 149.248 290.846 149.124 290.376 149.124H209.624C208.71 149.124 207.796 149.608 207.312 150.468L167.742 219.016H117.688C110.269 219.016 104.247 225.091 104.247 232.618V429.124H77.957C76.4516 429.124 75.2688 430.36 75.2688 431.812V439.608C75.2688 446.328 78.3333 452.296 83.1183 456.328H74.4623C72.957 456.328 71.7742 457.511 71.7742 459.016C71.7742 460.521 72.957 461.704 74.4623 461.704H425.538C427.043 461.704 428.226 460.521 428.226 459.016C428.226 457.511 427.043 456.328 425.538 456.328ZM211.183 154.5H288.817L327.581 221.704C318.935 236.731 326.258 224.038 288.817 288.909H211.183L172.419 221.704L211.183 154.5ZM324.462 237.833H376.935V415.145H123.064V237.833H175.538L207.312 292.941C207.796 293.747 208.71 294.285 209.624 294.285H290.376C291.29 294.285 292.204 293.747 292.688 292.941L324.462 237.833ZM109.624 232.618C109.624 228.102 113.226 224.392 117.688 224.392H167.742L172.419 232.457H120.376C118.871 232.457 117.688 233.64 117.688 235.145V417.833C117.688 419.339 118.871 420.522 120.376 420.522H379.624C381.129 420.522 382.312 419.339 382.312 417.833V235.145C382.312 233.64 381.129 232.457 379.624 232.457H327.581L332.258 224.392H382.312C386.774 224.392 390.376 228.102 390.376 232.618V429.124H295.86C291.398 429.124 287.796 432.78 287.796 437.188V440.038C287.796 441.543 286.613 442.726 285.108 442.726H214.892C213.387 442.726 212.204 441.543 212.204 440.038V437.188C212.204 432.78 208.602 429.124 204.14 429.124H109.624V232.618ZM402.634 456.328H97.3656C92.9354 456.314 88.6907 454.548 85.5581 451.415C82.4255 448.282 80.6593 444.038 80.6451 439.608V434.5H204.14C205.591 434.5 206.828 435.737 206.828 437.188V440.038C206.828 441.005 206.989 441.866 207.312 442.726C208.387 445.844 211.398 448.102 214.892 448.102H285.108C288.602 448.102 291.613 445.844 292.688 442.726C293.011 441.866 293.172 441.005 293.172 440.038V437.188C293.172 435.737 294.409 434.5 295.86 434.5H419.355V439.608C419.355 448.801 411.828 456.328 402.634 456.328Z',
+      fill: '#231F20'
+    }), jsx("path", {
+      d: 'M265.941 185.468C265.941 192.059 257.07 224.376 252.554 240.323C251.801 242.871 248.194 242.871 247.446 240.323C242.93 224.376 234.054 192.059 234.054 185.468C234.057 181.239 235.738 177.185 238.727 174.195C241.717 171.205 245.772 169.524 250 169.521C254.227 169.526 258.28 171.207 261.269 174.197C264.258 177.187 265.938 181.24 265.941 185.468Z',
+      fill: '#231F20'
+    }), jsx("path", {
+      d: 'M249.995 273.866C255.865 273.866 260.624 269.107 260.624 263.237C260.624 257.366 255.865 252.608 249.995 252.608C244.124 252.608 239.366 257.366 239.366 263.237C239.366 269.107 244.124 273.866 249.995 273.866Z',
+      fill: '#231F20'
+    }), jsx("path", {
+      d: 'M278.962 363.986H267.49C267.022 363.986 266.64 364.353 266.616 364.82C266.065 375.483 255.461 383.488 244.099 379.535C239.585 377.964 236.011 374.389 234.442 369.875C230.384 358.207 238.937 347.338 250.028 347.338C250.04 347.338 250.052 347.338 250.064 347.338V335.011C250.064 334.514 249.652 334.118 249.156 334.132C243.299 334.301 237.867 336.158 233.326 339.232V316.221H220.159V363.787H220.201C220.185 366.681 220.58 369.674 221.445 372.708C224.171 382.271 231.696 389.801 241.258 392.529C261.155 398.208 279.253 383.759 279.841 364.897C279.857 364.4 279.459 363.986 278.962 363.986Z',
+      fill: 'url(#paint0_linear_721_1222)'
+    }), jsx("path", {
+      d: 'M265.296 362.302C265.632 362.638 266.207 362.447 266.277 361.978L268.601 346.254C268.657 345.87 268.328 345.541 267.944 345.597L252.22 347.921C251.751 347.991 251.56 348.566 251.896 348.902L265.297 362.303L265.296 362.302Z',
+      fill: 'url(#paint1_linear_721_1222)'
+    }), jsx("path", {
+      d: 'M275.706 351.91C276.038 352.243 276.607 352.055 276.675 351.59L279.002 335.845C279.059 335.466 278.733 335.14 278.353 335.196L262.609 337.523C262.144 337.592 261.956 338.161 262.288 338.493L275.706 351.91Z',
+      fill: 'url(#paint2_linear_721_1222)'
+    }), jsxs("defs", {
+      children: [jsxs("linearGradient", {
+        id: 'paint0_linear_721_1222',
+        x1: '213.909',
+        y1: '301.586',
+        x2: '278.196',
+        y2: '297.01',
+        gradientUnits: 'userSpaceOnUse',
+        children: [jsx("stop", {
+          stopColor: '#FF1597'
+        }), jsx("stop", {
+          offset: '1',
+          stopColor: '#FF892A'
         })]
-      }), /*#__PURE__*/jsxs("linearGradient", {
-        id: "paint1_linear_721_1222",
-        x1: "249.958",
-        y1: "342.406",
-        x2: "268.079",
-        y2: "340.729",
-        gradientUnits: "userSpaceOnUse",
-        children: [/*#__PURE__*/jsx("stop", {
-          stopColor: "#FF1597"
-        }), /*#__PURE__*/jsx("stop", {
-          offset: "1",
-          stopColor: "#FF892A"
+      }), jsxs("linearGradient", {
+        id: 'paint1_linear_721_1222',
+        x1: '249.958',
+        y1: '342.406',
+        x2: '268.079',
+        y2: '340.729',
+        gradientUnits: 'userSpaceOnUse',
+        children: [jsx("stop", {
+          stopColor: '#FF1597'
+        }), jsx("stop", {
+          offset: '1',
+          stopColor: '#FF892A'
         })]
-      }), /*#__PURE__*/jsxs("linearGradient", {
-        id: "paint2_linear_721_1222",
-        x1: "260.351",
-        y1: "332.003",
-        x2: "278.48",
-        y2: "330.326",
-        gradientUnits: "userSpaceOnUse",
-        children: [/*#__PURE__*/jsx("stop", {
-          stopColor: "#FF1597"
-        }), /*#__PURE__*/jsx("stop", {
-          offset: "1",
-          stopColor: "#FF892A"
+      }), jsxs("linearGradient", {
+        id: 'paint2_linear_721_1222',
+        x1: '260.351',
+        y1: '332.003',
+        x2: '278.48',
+        y2: '330.326',
+        gradientUnits: 'userSpaceOnUse',
+        children: [jsx("stop", {
+          stopColor: '#FF1597'
+        }), jsx("stop", {
+          offset: '1',
+          stopColor: '#FF892A'
         })]
       })]
     })]
@@ -13043,7 +13069,9 @@ var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref5) {
     rangePicker = _ref5.rangePicker,
     singlePicker = _ref5.singlePicker,
     timeRange = _ref5.timeRange,
-    limitHours = _ref5.limitHours;
+    limitHours = _ref5.limitHours,
+    _ref5$showTime = _ref5.showTime,
+    showTime = _ref5$showTime === void 0 ? true : _ref5$showTime;
   if (rangePicker) {
     var rangeValue = value;
     var startUnix = rangeValue[0];
@@ -13068,16 +13096,24 @@ var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref5) {
     var singleValue = value;
     if (singleValue === undefined) return '';
     var sDate = fromUnixTime(singleValue);
-    var timeValue = "".concat(doubleDigitted((sDate.getHours() + 11) % 12 + 1), ":").concat(doubleDigitted(sDate.getMinutes()), " ").concat(sDate.getHours() >= 12 ? 'PM' : 'AM');
-    return "".concat(sDate.getDate(), " ").concat(getMonthAbbreviation(sDate), " ").concat(sDate.getFullYear(), ", ").concat(timeValue);
+    var dateValue = "".concat(sDate.getDate(), " ").concat(getMonthAbbreviation(sDate), " ").concat(sDate.getFullYear());
+    if (showTime) {
+      var timeValue = "".concat(doubleDigitted((sDate.getHours() + 11) % 12 + 1), ":").concat(doubleDigitted(sDate.getMinutes()), " ").concat(sDate.getHours() >= 12 ? 'PM' : 'AM');
+      return "".concat(dateValue, ", ").concat(timeValue);
+    }
+    return dateValue;
   }
   if (timeRange) {
     var _singleValue = value;
     if (_singleValue === undefined) return '';
     var _sDate = fromUnixTime(_singleValue - 3600 * (limitHours !== null && limitHours !== void 0 ? limitHours : 0));
     var eDate = fromUnixTime(_singleValue);
-    var _timeValue = "".concat(doubleDigitted((_sDate.getHours() + 11) % 12 + 1), ":").concat(doubleDigitted(_sDate.getMinutes()), " ").concat(_sDate.getHours() >= 12 ? 'PM' : 'AM', " - ").concat(doubleDigitted((eDate.getHours() + 11) % 12 + 1), ":").concat(doubleDigitted(eDate.getMinutes()), " ").concat(eDate.getHours() >= 12 ? 'PM' : 'AM');
-    return "".concat(_sDate.getDate(), " ").concat(getMonthAbbreviation(_sDate), " ").concat(_sDate.getFullYear(), ", ").concat(_timeValue);
+    var _dateValue = "".concat(_sDate.getDate(), " ").concat(getMonthAbbreviation(_sDate), " ").concat(_sDate.getFullYear());
+    if (showTime) {
+      var _timeValue = "".concat(doubleDigitted((_sDate.getHours() + 11) % 12 + 1), ":").concat(doubleDigitted(_sDate.getMinutes()), " ").concat(_sDate.getHours() >= 12 ? 'PM' : 'AM', " - ").concat(doubleDigitted((eDate.getHours() + 11) % 12 + 1), ":").concat(doubleDigitted(eDate.getMinutes()), " ").concat(eDate.getHours() >= 12 ? 'PM' : 'AM');
+      return "".concat(_dateValue, ", ").concat(_timeValue);
+    }
+    return _dateValue;
   }
   return '';
 };
@@ -13851,8 +13887,8 @@ var TimeSwitcher = function TimeSwitcher(props) {
   });
 };
 
-var css$A = ".Header_module_root__9ef66d20 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0rem;\n}\n.Header_module_root__9ef66d20 .Header_module_titleContainer__9ef66d20 {\n  align-self: stretch;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0rem 0rem;\n  padding-bottom: 0rem;\n  margin-left: calc(-2rem + 1px);\n  margin-right: calc(-2rem + 1px);\n  width: calc(100% + 4rem - 2px);\n}\n.Header_module_root__9ef66d20 .Header_module_titleContainer__9ef66d20 .Header_module_title__9ef66d20 {\n  font-weight: 500;\n  font-size: 0.875rem;\n  color: var(--text-color);\n  line-height: 1.3125rem;\n}\n.Header_module_root__9ef66d20 .Header_module_titleContainer__9ef66d20 .Header_module_icon__9ef66d20 {\n  width: 1.5rem;\n  height: 1.5rem;\n  stroke: var(--text-color);\n  stroke-width: 0.5px;\n  cursor: pointer;\n}\n.Header_module_root__9ef66d20 .Header_module_dateTimeSwitch__9ef66d20 {\n  width: 100%;\n}";
-var modules_cf337dc1 = {"root":"Header_module_root__9ef66d20","title-container":"Header_module_titleContainer__9ef66d20","title":"Header_module_title__9ef66d20","icon":"Header_module_icon__9ef66d20","date-time-switch":"Header_module_dateTimeSwitch__9ef66d20"};
+var css$A = ".Header_module_root__63c71534 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0rem;\n}\n.Header_module_root__63c71534 .Header_module_titleContainer__63c71534 {\n  align-self: stretch;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0rem 1rem;\n  width: 100%;\n}\n.Header_module_root__63c71534 .Header_module_titleContainer__63c71534 .Header_module_title__63c71534 {\n  font-weight: 500;\n  font-size: 0.875rem;\n  color: var(--text-color);\n  line-height: 1.3125rem;\n}\n.Header_module_root__63c71534 .Header_module_titleContainer__63c71534 .Header_module_icon__63c71534 {\n  width: 1.5rem;\n  height: 1.5rem;\n  stroke: var(--text-color);\n  stroke-width: 0.5px;\n  cursor: pointer;\n}\n.Header_module_root__63c71534 .Header_module_dateTimeSwitch__63c71534 {\n  width: 100%;\n}";
+var modules_cf337dc1 = {"root":"Header_module_root__63c71534","title-container":"Header_module_titleContainer__63c71534","title":"Header_module_title__63c71534","icon":"Header_module_icon__63c71534","date-time-switch":"Header_module_dateTimeSwitch__63c71534"};
 n(css$A,{});
 
 var css$z = ".DateAndTimeSelection_module_root__f884539a {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 0.3125rem;\n  padding-inline: 0.75rem;\n  width: 100%;\n}\n.DateAndTimeSelection_module_root__f884539a > span {\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.3125rem;\n  color: var(--text-color);\n}\n.DateAndTimeSelection_module_root__f884539a > div {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  gap: 0.25rem;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a {\n  flex: 1;\n  border: 1px solid var(--mono-color2) !important;\n  border-radius: 4px;\n  padding: 0.75rem 1rem;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  background-color: var(--light-color3) !important;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a.DateAndTimeSelection_module_active__f884539a {\n  background-color: var(--secondary-color2) !important;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a.DateAndTimeSelection_module_active__f884539a > [data-elem=component2] > [data-elem=title] {\n  color: var(--white);\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a:hover.DateAndTimeSelection_module_active__f884539a {\n  background-color: var(--secondary-color2) !important;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a:hover.DateAndTimeSelection_module_active__f884539a > [data-elem=component2] > [data-elem=title] {\n  color: var(--white);\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a > [data-elem=component2] > [data-elem=title] {\n  color: var(--text-color);\n}";
@@ -14491,7 +14527,8 @@ var DatePicker = function DatePicker(props) {
     rangePicker: !!(range && (value === null || value === void 0 || (_value$filter = value.filter) === null || _value$filter === void 0 || (_value$filter = _value$filter.call(value, Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0),
     singlePicker: !!(!range && value),
     timeRange: timeRange,
-    limitHours: limitHours !== null && limitHours !== void 0 ? limitHours : undefined
+    limitHours: limitHours !== null && limitHours !== void 0 ? limitHours : undefined,
+    showTime: showTime
   }) : '';
   var datePickerFloatingReference = useFloating(getFloatingReferences(openDatePicker, setOpenDatePicker));
   var customRangeFloatingReference = useFloating(getFloatingReferences(openCustomRange, setOpenCustomRange));
@@ -14628,6 +14665,7 @@ var DatePicker = function DatePicker(props) {
       ref: datePickerRef,
       children: [hasCustomRanges && !showCustomRanges && jsx(Button, _objectSpread2({
         "data-elem": 'custom-header',
+        "data-testid": 'data-picker-custom-header-dpn-test',
         ref: customRangeFloatingReference.reference,
         leftComponent: function leftComponent() {
           return jsx(Clock, {
@@ -14645,6 +14683,7 @@ var DatePicker = function DatePicker(props) {
           "data-elem": 'header',
           ref: datePickerFloatingReference.reference,
           role: 'button',
+          "data-testid": 'date-picker-header-dpn-test',
           tabIndex: 0,
           className: classes(modules_5b831cd1.container, disabled ? modules_5b831cd1.disabled : '', openDatePicker ? modules_5b831cd1.open : '', error ? modules_5b831cd1.error : '', customRanges ? modules_5b831cd1['with-custom'] : '', displayValue ? modules_5b831cd1.highlight : '', highlightOnSelect && value ? modules_5b831cd1.highlightOnSelect : '')
         }, datePickerInteractionProps.getReferenceProps()), {}, {
@@ -14927,7 +14966,9 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
     feedback = props.feedback,
     maxLength = props.maxLength,
     onKeyDown = props.onKeyDown,
-    autocompleteOptions = props.autocompleteOptions;
+    autocompleteOptions = props.autocompleteOptions,
+    _props$unstyled = props.unstyled,
+    unstyled = _props$unstyled === void 0 ? false : _props$unstyled;
   var _useRef = useRef(value !== undefined),
     isControlled = _useRef.current;
   var _useState = useState(defaultValue),
@@ -15051,7 +15092,7 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
     ref: o([inputRef]),
     value: inputValue,
     onChange: handleChange,
-    className: classes(modules_c1d23762[size], modules_c1d23762.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : '')
+    className: unstyled ? classes(modules_c1d23762.unstyled, className) : classes(modules_c1d23762[size], modules_c1d23762.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_c1d23762.error : '')
   }, typeof maxLength === 'number' ? {
     maxLength: maxLength
   } : {});
@@ -15059,6 +15100,11 @@ var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
     type: inputType,
     defaultValue: defaultValue
   }, inputProps));
+  // ── Unstyled Return Path ─────────────────────────────────────────────
+  if (unstyled) {
+    return Input;
+  }
+  // ── Standard Return Path ─────────────────────────────────────────────
   var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
   return jsxs("div", {
     className: classes(modules_c1d23762.root, className),
@@ -15775,7 +15821,8 @@ var Checkbox = function Checkbox(props) {
     className = _props$className === void 0 ? '' : _props$className,
     disabled = props.disabled,
     disabledAsChild = props.disabledAsChild,
-    intermediate = props.intermediate;
+    intermediate = props.intermediate,
+    dataTestId = props.dataTestId;
   // Track controlled/uncontrolled mode once on first render
   var _useRef = useRef(checked !== undefined),
     isControlled = _useRef.current;
@@ -15802,6 +15849,7 @@ var Checkbox = function Checkbox(props) {
     children: [jsx("input", _objectSpread2(_objectSpread2({
       disabled: disabled,
       type: 'checkbox',
+      "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : label ? "checkbox-input-".concat(label, "-cb-test") : 'checkbox-input-cb-test',
       defaultChecked: defaultChecked
     }, isControlled ? {
       checked: !!checked
@@ -15865,7 +15913,8 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
     valueAsCount = props.valueAsCount,
     caretAsUpDown = props.caretAsUpDown,
     search = props.search,
-    hideValueOnSelect = props.hideValueOnSelect;
+    hideValueOnSelect = props.hideValueOnSelect,
+    dataTestId = props.dataTestId;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -16188,6 +16237,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
       })
     }), jsxs("div", _objectSpread2(_objectSpread2({
       "data-elem": 'header',
+      "data-testid": "dropdown-header-".concat(placeholder ? placeholder.toString() : dataTestId, "-dpn-test"),
       className: classes(modules_1b90f5ea.header, error ? modules_1b90f5ea.error : ' ', open ? modules_1b90f5ea.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_1b90f5ea.highlightOnSelect : ''),
       ref: reference
     }, getReferenceProps()), {}, {
@@ -16305,6 +16355,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
               className: modules_1b90f5ea['multi-clear'],
               blurOnClick: false,
               title: 'Clear',
+              dataTestId: 'dropdown-clear-btn-test',
               size: 'auto',
               disabled: selectedOptions.length === 0,
               onClick: function onClick(event) {
@@ -16315,6 +16366,7 @@ var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, ref) {
               }
             }), jsx(Button, {
               className: modules_1b90f5ea['multi-apply'],
+              dataTestId: 'dropdown-apply-btn-test',
               title: selectedOptions.length === 0 ? 'Apply' : multiSelectActionTitle !== null && multiSelectActionTitle !== void 0 ? multiSelectActionTitle : 'Apply',
               size: 'auto',
               onClick: onApply
@@ -16340,7 +16392,8 @@ var Radio = function Radio(props) {
     _props$size = props.size,
     size = _props$size === void 0 ? 'sm' : _props$size,
     className = props.className,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    dataTestId = props.dataTestId;
   // Lock controlled vs uncontrolled on first render
   var _useRef = useRef(checked !== undefined),
     isControlled = _useRef.current;
@@ -16370,7 +16423,8 @@ var Radio = function Radio(props) {
       type: 'radio',
       // Preserve original pattern: always pass checked (undefined keeps it uncontrolled)
       checked: isChecked,
-      onChange: handleChange
+      onChange: handleChange,
+      "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : label ? "radio-input-".concat(label, "-rd-test") : 'radio-input-rd-test'
     }), isChecked ? jsx(CheckedIcon, {
       "data-elem": 'icon',
       className: classes(modules_3705961f["icon-".concat(size)], modules_3705961f.icon)
@@ -16539,8 +16593,8 @@ var DropdownItem = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
 });
 
-var css$m = ".BaseModal_module_root__627cb2d4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n  overflow-y: scroll;\n  padding: 1rem;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
-var modules_f23ae002 = {"root":"BaseModal_module_root__627cb2d4","body":"BaseModal_module_body__627cb2d4","header":"BaseModal_module_header__627cb2d4","footer":"BaseModal_module_footer__627cb2d4","dismiss":"BaseModal_module_dismiss__627cb2d4","close":"BaseModal_module_close__627cb2d4","icon":"BaseModal_module_icon__627cb2d4"};
+var css$m = ".BaseModal_module_root__387071a4 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  transform: translate(-50%, -50%);\n  max-height: 100%;\n  height: 43.75rem;\n  width: 62.5rem;\n  position: fixed;\n  background: var(--light-color3);\n  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n  border-radius: 8px;\n  outline: none;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_body__387071a4 {\n  overflow-y: scroll;\n  padding: 1rem;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_body__387071a4::-webkit-scrollbar {\n  display: none;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_body__387071a4 {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  color: var(--text-color);\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_header__387071a4,\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 {\n  padding: 1rem;\n  color: var(--text-color);\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_header__387071a4 {\n  font-weight: 500;\n  font-size: 1.375rem;\n  box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 {\n  margin-top: auto;\n  border-radius: 0 0 8px 8px;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 1rem;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 button.BaseModal_module_dismiss__387071a4[data-elem=base-cell] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: stretch;\n  color: var(--mono-color1);\n  background-color: var(--light-color2);\n  border-radius: 0.25rem;\n  outline: 1px solid var(--light-color2) !important;\n  border: none;\n}\n.BaseModal_module_root__387071a4 .BaseModal_module_footer__387071a4 button.BaseModal_module_dismiss__387071a4[data-elem=base-cell]:hover {\n  background-color: var(--light-color1);\n}\n.BaseModal_module_root__387071a4 button.BaseModal_module_close__387071a4[data-elem=base-cell] {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  padding: 0.25rem;\n  height: auto;\n  background: var(--light-color3);\n  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__387071a4 button.BaseModal_module_close__387071a4[data-elem=base-cell]:hover {\n  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__387071a4 button.BaseModal_module_close__387071a4[data-elem=base-cell] .BaseModal_module_icon__387071a4 {\n  width: 1.5rem;\n  height: 1.5rem;\n  fill: var(--text-color);\n}";
+var modules_f23ae002 = {"root":"BaseModal_module_root__387071a4","body":"BaseModal_module_body__387071a4","header":"BaseModal_module_header__387071a4","footer":"BaseModal_module_footer__387071a4","dismiss":"BaseModal_module_dismiss__387071a4","close":"BaseModal_module_close__387071a4","icon":"BaseModal_module_icon__387071a4"};
 n(css$m,{});
 
 var MotionFooter = motion.footer;
@@ -16712,6 +16766,7 @@ var BaseModal = function BaseModal(props) {
             size: 'auto',
             variant: 'text',
             className: modules_f23ae002.close,
+            dataTestId: 'modal-cross-dismiss-btn-test',
             onClick: function onClick() {
               toggle === null || toggle === void 0 || toggle(false);
             },
@@ -17668,6 +17723,7 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
     stroke: stroke,
     weight: weight,
     italic: italic,
+    "data-testid": typeof children === 'string' ? "link-".concat(children, "-root-test") : 'link-root-test',
     className: classes(modules_475441e2.root, modules_475441e2["underline-".concat(underline)], className),
     attrs: _objectSpread2({
       href: href,
@@ -17980,6 +18036,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
             className: modules_a3d40e77.dropdown,
             popperClassName: modules_a3d40e77['dropdown-popper'],
             value: step.toString(),
+            dataTestId: 'page-steps',
             placeholder: '',
             onChange: function onChange(_, newStep) {
               dispatch({
@@ -18055,12 +18112,14 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
                   required: true,
                   placeholder: ''
                 },
+                name: 'jump-to-page',
                 ref: jumpPageRef,
                 type: 'number',
                 className: modules_a3d40e77.inputbox
               }),
               component2: jsx(Button, {
                 size: 'auto',
+                dataTestId: 'jump-to-page-btn-test',
                 variant: 'contained',
                 className: modules_a3d40e77.button,
                 rightComponent: function rightComponent() {
@@ -19126,6 +19185,7 @@ var TableFilters = function TableFilters(props) {
           className: modules_a0fe63f9.search,
           placeholder: searchPlaceholder,
           value: search,
+          name: 'table-search',
           onKeyDown: handleKeyDown,
           onChange: function onChange(e) {
             var _inputHelper = inputHelper(e),
@@ -19139,6 +19199,7 @@ var TableFilters = function TableFilters(props) {
           }
         }), jsx(Button, {
           className: classes(modules_a0fe63f9['search-button'], onClear && modules_a0fe63f9.clear),
+          dataTestId: onClear ? 'table-clear-search-btn-test' : 'table-search-btn-test',
           onClick: function onClick() {
             if (onClear) {
               onClear();
@@ -19158,6 +19219,7 @@ var TableFilters = function TableFilters(props) {
       }), !disabledSearch && jsx(Button, _objectSpread2({
         size: 'auto',
         className: classes(modules_a0fe63f9['adv-filter'], filtersCount > 0 ? modules_a0fe63f9.filter : ''),
+        dataTestId: 'table-advanced-filter-btn-test',
         title: jsx(Filter, {
           className: modules_a0fe63f9.icon,
           v2: true
@@ -19191,6 +19253,7 @@ var TableFilters = function TableFilters(props) {
           }
         },
         placeholder: '',
+        dataTestId: 'column-filters',
         multi: true,
         multiSelectActionTitle: 'Hide',
         valueAsCount: true,