@dynatrace/strato-components 0.85.110 → 1.0.0

package/typography/text-ellipsis/TextEllipsis.js

@@ -33,12 +33,12 @@ module.exports = __toCommonJS(TextEllipsis_exports);
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_use_resize_observer = __toESM(require("use-resize-observer"));
-var import_TextEllipsis_css = require("./TextEllipsis.sty.js");
 var import_useFontsUpdated = require("../../core/hooks/useFontsUpdated.js");
 var import_useMergeRefs = require("../../core/hooks/useMergeRefs.js");
-var import_utils2 = require("../utils.js");
-function getFontProps(textWrapper) {
-  const computedStyle = window.getComputedStyle(textWrapper, null);
+var import_utils = require("../utils.js");
+var import_TextEllipsis_css = require("./TextEllipsis.sty.js");
+function getFontProps(innerSpanElement) {
+  const computedStyle = window.getComputedStyle(innerSpanElement, null);
   return {
     fontStyle: computedStyle.getPropertyValue("font-style"),
     fontWeight: computedStyle.getPropertyValue("font-weight"),
@@ -46,50 +46,51 @@ function getFontProps(textWrapper) {
     fontFamily: computedStyle.getPropertyValue("font-family")
   };
 }
-function isNativeEllipsisActive(textWrapper, containerWidth) {
+function isNativeEllipsisActive(innerSpanElement, containerWidth) {
   const originalTextWidth = Math.max(
-    textWrapper.getBoundingClientRect().width,
-    textWrapper.scrollWidth
+    innerSpanElement.getBoundingClientRect().width,
+    innerSpanElement.scrollWidth
   );
   const textWidth = Math.floor(originalTextWidth * 100) / 100;
   return textWidth > containerWidth;
 }
+function resetFullText(innerSpanElement, originalText) {
+  if (innerSpanElement.textContent !== originalText) {
+    innerSpanElement.textContent = originalText;
+  }
+}
+function getWidth(element) {
+  return Math.max(element.getBoundingClientRect().width, element.clientWidth);
+}
+function getContainerWidth(containerElement) {
+  return Math.ceil(getWidth(containerElement) * 100) / 100;
+}
+function onTextOverflowCallback(current, wasEllipsized, onTextOverflow) {
+  if (onTextOverflow && current !== wasEllipsized) {
+    onTextOverflow(current);
+  }
+}
 function renderEllipsizedText(originalText, truncationMode, containerRef, wasEllipsized, onTextOverflow) {
   const containerElement = containerRef.current;
-  const textWrapper = containerElement?.firstElementChild || null;
-  if (containerElement !== null && textWrapper !== null) {
-    if (textWrapper.textContent !== originalText) {
-      textWrapper.textContent = originalText;
-    }
-    const containerWidth = Math.ceil(containerElement.getBoundingClientRect().width * 100) / 100;
-    if (truncationMode === "middle") {
-      if (isNativeEllipsisActive(textWrapper, containerWidth)) {
-        const ellipsizedText = (0, import_utils2._centerEllipsizeText)(
-          originalText,
-          getFontProps(textWrapper),
-          containerWidth
-        );
-        textWrapper.textContent = ellipsizedText;
-        if (ellipsizedText !== originalText) {
-          if (onTextOverflow && !wasEllipsized) {
-            onTextOverflow(true);
-          }
-          return true;
-        }
-      }
-      if (onTextOverflow && wasEllipsized) {
-        onTextOverflow(false);
-      }
-    } else if (isNativeEllipsisActive(textWrapper, containerWidth)) {
-      if (onTextOverflow && !wasEllipsized) {
-        onTextOverflow(true);
-      }
-      return true;
-    } else if (onTextOverflow && wasEllipsized) {
-      onTextOverflow(false);
-    }
+  const innerSpanElement = containerElement?.firstElementChild || null;
+  if (containerElement === null || innerSpanElement === null) {
+    return false;
+  }
+  resetFullText(innerSpanElement, originalText);
+  const containerWidth = getContainerWidth(containerElement);
+  if (!isNativeEllipsisActive(innerSpanElement, containerWidth)) {
+    onTextOverflowCallback(false, wasEllipsized, onTextOverflow);
+    return false;
+  }
+  if (truncationMode === "middle") {
+    innerSpanElement.textContent = (0, import_utils.centerEllipsizeText)(
+      originalText,
+      getFontProps(innerSpanElement),
+      containerWidth
+    );
   }
-  return false;
+  onTextOverflowCallback(true, wasEllipsized, onTextOverflow);
+  return true;
 }
 const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props, forwardedRef) => {
   const {
@@ -103,7 +104,7 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
     "data-dtrum-allow": dataDtrumAllow,
     ...remainingProps
   } = props;
-  const { ref: observerContainerRef } = (0, import_use_resize_observer.default)();
+  const { ref: observerContainerRef, width } = (0, import_use_resize_observer.default)();
   const containerRef = (0, import_react.useRef)(null);
   const ellipsisStateRef = (0, import_react.useRef)(false);
   const mergedRef = (0, import_useMergeRefs.useMergeRefs)([
@@ -113,8 +114,7 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
     },
     forwardedRef
   ]);
-  const containerWidth = containerRef.current?.getBoundingClientRect().width;
-  const fontsUpdated = (0, import_useFontsUpdated._useFontsUpdated)();
+  const fontsUpdated = (0, import_useFontsUpdated.useFontsUpdated)();
   (0, import_react.useLayoutEffect)(() => {
     ellipsisStateRef.current = renderEllipsizedText(
       children,
@@ -123,7 +123,7 @@ const ComputedTextEllipsis = /* @__PURE__ */ (0, import_react.forwardRef)((props
       ellipsisStateRef.current,
       onTextOverflow
     );
-  }, [containerWidth, children, truncationMode, fontsUpdated, onTextOverflow]);
+  }, [width, children, truncationMode, fontsUpdated, onTextOverflow]);
   return /* @__PURE__ */ import_react.default.createElement(
     "span",
     {

package/typography/text-ellipsis/TextEllipsis.sty.js

@@ -22,4 +22,4 @@ __export(TextEllipsis_css_exports, {
 module.exports = __toCommonJS(TextEllipsis_css_exports);
 var import_TextEllipsis_css_ts_vanilla = require("./TextEllipsis.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var textEllipsisCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs0-0-85-110", variantClassNames: { truncationMode: { start: "_1mnpbqs1-0-85-110", middle: "_1mnpbqs2-0-85-110", end: "_1mnpbqs3-0-85-110" } }, defaultVariants: {}, compoundVariants: [] });
+var textEllipsisCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1mnpbqs0-1-0-0", variantClassNames: { truncationMode: { start: "_1mnpbqs1-1-0-0", middle: "_1mnpbqs2-1-0-0", end: "_1mnpbqs3-1-0-0" } }, defaultVariants: {}, compoundVariants: [] });

package/typography/utils.d.ts

@@ -1,20 +1,23 @@
 /**
+ * Properties describing how a piece of text is formatted.
  * @internal
- * Properties describing how a piece of text is formatted. */
-export type _Font = {
+ */
+export type Font = {
     fontStyle?: string;
     fontWeight?: string;
     fontSize: string;
     fontFamily: string;
 };
 /**
+ * The Unicode character representing an ellipsis.
  * @internal
- * The Unicode character representing an ellipsis. */
-export declare const _ELLIPSIS_CHARACTER = "\u2026";
+ */
+export declare const ELLIPSIS_CHARACTER = "\u2026";
 /**
+ * Max iterations for finding the perfect truncated text for a given width
  * @internal
- * Max iterations for finding the perfect truncated text for a given width */
-export declare const _ELLIPSIS_APPROXIMATION_THRESHOLD = 15;
+ */
+export declare const ELLIPSIS_APPROXIMATION_THRESHOLD = 15;
 /**
  * Calculates the width of formatted text in pixels.
  *
@@ -22,14 +25,14 @@ export declare const _ELLIPSIS_APPROXIMATION_THRESHOLD = 15;
  * @param textFont - The font settings for the text
  * @internal
  */
-export declare function _getTextWidth(text: string, textFont: _Font): number;
+export declare function getTextWidth(text: string, textFont: Font): number;
 /**
- * @internal
  * Calculates the height of formatted text in pixels.
  * @param text - The text to calculate the height of
  * @param textFont - The font settings for the text
+ * @internal
  */
-export declare function _getTextHeight(text: string, textFont: _Font): number;
+export declare function getTextHeight(text: string, textFont: Font): number;
 /**
  * Cuts off text that exceeds the maximum width in the center and
  * concatenates both shortened ends of the text with an ellipsis.
@@ -39,14 +42,14 @@ export declare function _getTextHeight(text: string, textFont: _Font): number;
  * @param maxWidthInPx - If the text's width exceeds this value, the text will be truncated to a string whose width is guaranteed to be below it
  * @internal
  */
-export declare function _centerEllipsizeText(originalText: string, textFont: _Font, maxWidthInPx: number): string;
+export declare function centerEllipsizeText(originalText: string, textFont: Font, maxWidthInPx: number): string;
 /**
  * Returns an object containing the width of a given formatted text and the
  * width of an ellipsis character with the same text format or `null`
  * if the text width does not exceed its maximum available width.
  * @internal
  */
-export declare function _calculateEllipsisInfo(originalText: string, textFont: _Font, maxWidthInPx: number): {
+export declare function calculateEllipsisInfo(originalText: string, textFont: Font, maxWidthInPx: number): {
     ellipsisWidth: number;
     avgLetterWidth: number;
 } | null;

package/typography/utils.js

@@ -17,18 +17,18 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
-  _ELLIPSIS_APPROXIMATION_THRESHOLD: () => _ELLIPSIS_APPROXIMATION_THRESHOLD,
-  _ELLIPSIS_CHARACTER: () => _ELLIPSIS_CHARACTER,
-  _calculateEllipsisInfo: () => _calculateEllipsisInfo,
-  _centerEllipsizeText: () => _centerEllipsizeText,
-  _getTextHeight: () => _getTextHeight,
-  _getTextWidth: () => _getTextWidth
+  ELLIPSIS_APPROXIMATION_THRESHOLD: () => ELLIPSIS_APPROXIMATION_THRESHOLD,
+  ELLIPSIS_CHARACTER: () => ELLIPSIS_CHARACTER,
+  calculateEllipsisInfo: () => calculateEllipsisInfo,
+  centerEllipsizeText: () => centerEllipsizeText,
+  getTextHeight: () => getTextHeight,
+  getTextWidth: () => getTextWidth
 });
 module.exports = __toCommonJS(utils_exports);
-const _ELLIPSIS_CHARACTER = "\u2026";
-const _ELLIPSIS_APPROXIMATION_THRESHOLD = 15;
+const ELLIPSIS_CHARACTER = "\u2026";
+const ELLIPSIS_APPROXIMATION_THRESHOLD = 15;
 let inMemContext2d;
-function _getTextWidth(text, textFont) {
+function getTextWidth(text, textFont) {
   const context = getCanvasContext2d();
   context.font = getFontString(textFont);
   const textMetrics = context.measureText(text);
@@ -38,15 +38,15 @@ function _getTextWidth(text, textFont) {
   const actualTextWidth = Math.abs(textMetrics.actualBoundingBoxLeft) + Math.abs(textMetrics.actualBoundingBoxRight);
   return Math.ceil(actualTextWidth);
 }
-function _getTextHeight(text, textFont) {
+function getTextHeight(text, textFont) {
   const context = getCanvasContext2d();
   context.font = getFontString(textFont);
   const textMetrics = context.measureText(text);
   const actualTextHeight = Math.abs(textMetrics.actualBoundingBoxAscent) + Math.abs(textMetrics.actualBoundingBoxDescent);
   return Math.ceil(actualTextHeight);
 }
-function _centerEllipsizeText(originalText, textFont, maxWidthInPx) {
-  const ellipsisInfo = _calculateEllipsisInfo(
+function centerEllipsizeText(originalText, textFont, maxWidthInPx) {
+  const ellipsisInfo = calculateEllipsisInfo(
     originalText,
     textFont,
     maxWidthInPx
@@ -57,7 +57,7 @@ function _centerEllipsizeText(originalText, textFont, maxWidthInPx) {
   const { ellipsisWidth, avgLetterWidth } = ellipsisInfo;
   const availableTextWidth = maxWidthInPx - ellipsisWidth;
   if (availableTextWidth <= ellipsisWidth) {
-    return _ELLIPSIS_CHARACTER;
+    return ELLIPSIS_CHARACTER;
   }
   const initialPrefixSuffixLength = Math.floor(availableTextWidth / avgLetterWidth / 2) + 1;
   let prefix;
@@ -72,10 +72,10 @@ function _centerEllipsizeText(originalText, textFont, maxWidthInPx) {
     suffixLength -= attempt % 2 === 0 ? 1 : 0;
     prefix = originalText.substring(0, prefixLength);
     suffix = originalText.substring(originalText.length - suffixLength);
-    ellipsizedText = `${prefix}${_ELLIPSIS_CHARACTER}${suffix}`;
-    approximatedTextWidth = _getTextWidth(ellipsizedText, textFont);
+    ellipsizedText = `${prefix}${ELLIPSIS_CHARACTER}${suffix}`;
+    approximatedTextWidth = getTextWidth(ellipsizedText, textFont);
     attempt++;
-  } while (attempt <= _ELLIPSIS_APPROXIMATION_THRESHOLD && approximatedTextWidth >= maxWidthInPx);
+  } while (attempt <= ELLIPSIS_APPROXIMATION_THRESHOLD && approximatedTextWidth >= maxWidthInPx);
   return ellipsizedText;
 }
 function getFontString(textFont) {
@@ -92,15 +92,15 @@ function getFontString(textFont) {
     )
   ).join(" ");
 }
-function _calculateEllipsisInfo(originalText, textFont, maxWidthInPx) {
+function calculateEllipsisInfo(originalText, textFont, maxWidthInPx) {
   const originalTextLength = originalText.length;
   if (originalTextLength <= 1) {
     return null;
   }
-  const textWidth = _getTextWidth(originalText, textFont);
+  const textWidth = getTextWidth(originalText, textFont);
   const avgLetterWidth = textWidth / originalTextLength;
   return textWidth > maxWidthInPx ? {
-    ellipsisWidth: _getTextWidth(_ELLIPSIS_CHARACTER, textFont),
+    ellipsisWidth: getTextWidth(ELLIPSIS_CHARACTER, textFont),
     avgLetterWidth
   } : null;
 }

package/core/types/role-variant.d.ts

@@ -1,12 +0,0 @@
-/**
- * Defines role / color variants
- * @public
- * @deprecated Will be removed.
- */
-export declare const roleVariants: readonly ["neutral", "primary", "success", "warning", "critical", "onAccent"];
-/**
- * Defines the types of role variants
- * @public
- * @deprecated Will be removed. You can use 'neutral' | 'primary' | 'success' | 'warning' | 'critical' instead.
- */
-export type RoleVariantType = (typeof roleVariants)[number];

package/core/types/role-variant.js

@@ -1,30 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var role_variant_exports = {};
-__export(role_variant_exports, {
-  roleVariants: () => roleVariants
-});
-module.exports = __toCommonJS(role_variant_exports);
-const roleVariants = [
-  "neutral",
-  "primary",
-  "success",
-  "warning",
-  "critical",
-  "onAccent"
-];

package/esm/core/types/role-variant.js

@@ -1,12 +0,0 @@
-const roleVariants = [
-  "neutral",
-  "primary",
-  "success",
-  "warning",
-  "critical",
-  "onAccent"
-];
-export {
-  roleVariants
-};
-//# sourceMappingURL=role-variant.js.map

package/esm/core/types/role-variant.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/core/types/role-variant.tsx"],
-  "sourcesContent": ["/* eslint-disable deprecation/deprecation */\n\n/**\n * Defines role / color variants\n * @public\n * @deprecated Will be removed.\n */\nexport const roleVariants = [\n  'neutral',\n  'primary',\n  'success',\n  'warning',\n  'critical',\n  'onAccent',\n] as const;\n\n/**\n * Defines the types of role variants\n * @public\n * @deprecated Will be removed. You can use 'neutral' | 'primary' | 'success' | 'warning' | 'critical' instead.\n */\nexport type RoleVariantType = (typeof roleVariants)[number];\n"],
-  "mappings": "AAOO,MAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
-  "names": []
-}

package/testing/custom-render.d.ts

@@ -1,12 +0,0 @@
-import { type RenderOptions, type RenderResult } from '@testing-library/react';
-import React from 'react';
-type RenderWithIntlOptions = {
-    locale?: string;
-    timeZone?: string;
-} & Omit<RenderOptions, 'queries'>;
-/** Wrapper to render components with all required providers
- * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
- */
-export declare const customRender: (ui: React.ReactElement, { locale, timeZone, wrapper: CustomWrapper, ...renderOptions }?: RenderWithIntlOptions) => RenderResult;
-export * from '@testing-library/react';
-export { customRender as render };

package/testing/custom-render.js

@@ -1,62 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var custom_render_exports = {};
-__export(custom_render_exports, {
-  customRender: () => customRender,
-  render: () => customRender
-});
-module.exports = __toCommonJS(custom_render_exports);
-var import_react = require("@testing-library/react");
-var import_react2 = __toESM(require("react"));
-var import_react_intl = require("react-intl");
-__reExport(custom_render_exports, require("@testing-library/react"), module.exports);
-const AllProviders = ({
-  children,
-  locale = "en",
-  timeZone = "UTC"
-}) => {
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_intl.IntlProvider, { locale, timeZone }, children);
-};
-const DefaultWrapper = (props) => (
-  // eslint-disable-next-line react/jsx-no-useless-fragment
-  /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, props.children)
-);
-const customRender = (ui, {
-  locale = "en",
-  timeZone = "UTC",
-  wrapper: CustomWrapper = DefaultWrapper,
-  ...renderOptions
-} = {}) => {
-  return (0, import_react.render)(ui, {
-    wrapper: ({ children }) => {
-      return /* @__PURE__ */ import_react2.default.createElement(AllProviders, { locale, timeZone }, /* @__PURE__ */ import_react2.default.createElement(CustomWrapper, null, children));
-    },
-    ...renderOptions
-  });
-};

package/testing/index.d.ts

@@ -1,22 +0,0 @@
-import userEvent, { PointerEventsCheckLevel } from '@testing-library/user-event';
-export * from './custom-render.js';
-export { setupGetBoundingClientRectMock, clearGetBoundingClientRectMock, } from './mocks/bounding-client-rect-mock.js';
-export { createMockElement } from './mocks/create-mock-element.js';
-export { setupCanvasMeasureTextMock, clearCanvasMeasureTextMock, } from './mocks/canvas-mock.js';
-export { setupResizeObserverMock, clearResizeObserverMock, } from './mocks/resize-observer-mock.js';
-export { _setupSelectMocks } from './mocks/select-mock.js';
-export { setupOffsetWidthMock, clearOffsetWidthMock, } from './mocks/offset-width-mock.js';
-export { setupOffsetHeightMock, clearOffsetHeightMock, } from './mocks/offset-height-mock.js';
-export { setupDomRectMock, clearDomRectMock } from './mocks/dom-rect-mock.js';
-export { setupMatchMediaMock, clearMatchMediaMock, } from './mocks/match-media-mock.js';
-export { setupPointerEventMock, clearPointerEventMock, } from './mocks/pointer-event-mock.js';
-export { setupIntersectionObserverMock, clearIntersectionObserverMock, } from './mocks/intersection-observer-mock.js';
-export { setupCreateRangeMock, clearCreateRangeMock, } from './mocks/create-range-mock.js';
-export { setupScreenSizeMock, clearScreenSizeMock, } from './mocks/screen-size-mock.js';
-export { setupScrollIntoViewMock, clearScrollIntoViewMock, } from './mocks/scroll-into-view-mock.js';
-export { setupScrollWidthMock, clearScrollWidthMock, } from './mocks/scroll-width-mock.js';
-export { setupFetchMock, clearFetchMock } from './mocks/fetch-mock.js';
-export { setupTableVirtualizationMock, clearTableVirtualizationMock, } from './mocks/table-virtualization-mock.js';
-export { setupTextEllipsisMock, clearTextEllipsisMock, } from './mocks/text-ellipsis-mock.js';
-export { setup, clear } from './setup.js';
-export { userEvent, PointerEventsCheckLevel };

package/testing/index.js

@@ -1,91 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var testing_exports = {};
-__export(testing_exports, {
-  PointerEventsCheckLevel: () => import_user_event.PointerEventsCheckLevel,
-  _setupSelectMocks: () => import_select_mock._setupSelectMocks,
-  clear: () => import_setup.clear,
-  clearCanvasMeasureTextMock: () => import_canvas_mock.clearCanvasMeasureTextMock,
-  clearCreateRangeMock: () => import_create_range_mock.clearCreateRangeMock,
-  clearDomRectMock: () => import_dom_rect_mock.clearDomRectMock,
-  clearFetchMock: () => import_fetch_mock.clearFetchMock,
-  clearGetBoundingClientRectMock: () => import_bounding_client_rect_mock.clearGetBoundingClientRectMock,
-  clearIntersectionObserverMock: () => import_intersection_observer_mock.clearIntersectionObserverMock,
-  clearMatchMediaMock: () => import_match_media_mock.clearMatchMediaMock,
-  clearOffsetHeightMock: () => import_offset_height_mock.clearOffsetHeightMock,
-  clearOffsetWidthMock: () => import_offset_width_mock.clearOffsetWidthMock,
-  clearPointerEventMock: () => import_pointer_event_mock.clearPointerEventMock,
-  clearResizeObserverMock: () => import_resize_observer_mock.clearResizeObserverMock,
-  clearScreenSizeMock: () => import_screen_size_mock.clearScreenSizeMock,
-  clearScrollIntoViewMock: () => import_scroll_into_view_mock.clearScrollIntoViewMock,
-  clearScrollWidthMock: () => import_scroll_width_mock.clearScrollWidthMock,
-  clearTableVirtualizationMock: () => import_table_virtualization_mock.clearTableVirtualizationMock,
-  clearTextEllipsisMock: () => import_text_ellipsis_mock.clearTextEllipsisMock,
-  createMockElement: () => import_create_mock_element.createMockElement,
-  setup: () => import_setup.setup,
-  setupCanvasMeasureTextMock: () => import_canvas_mock.setupCanvasMeasureTextMock,
-  setupCreateRangeMock: () => import_create_range_mock.setupCreateRangeMock,
-  setupDomRectMock: () => import_dom_rect_mock.setupDomRectMock,
-  setupFetchMock: () => import_fetch_mock.setupFetchMock,
-  setupGetBoundingClientRectMock: () => import_bounding_client_rect_mock.setupGetBoundingClientRectMock,
-  setupIntersectionObserverMock: () => import_intersection_observer_mock.setupIntersectionObserverMock,
-  setupMatchMediaMock: () => import_match_media_mock.setupMatchMediaMock,
-  setupOffsetHeightMock: () => import_offset_height_mock.setupOffsetHeightMock,
-  setupOffsetWidthMock: () => import_offset_width_mock.setupOffsetWidthMock,
-  setupPointerEventMock: () => import_pointer_event_mock.setupPointerEventMock,
-  setupResizeObserverMock: () => import_resize_observer_mock.setupResizeObserverMock,
-  setupScreenSizeMock: () => import_screen_size_mock.setupScreenSizeMock,
-  setupScrollIntoViewMock: () => import_scroll_into_view_mock.setupScrollIntoViewMock,
-  setupScrollWidthMock: () => import_scroll_width_mock.setupScrollWidthMock,
-  setupTableVirtualizationMock: () => import_table_virtualization_mock.setupTableVirtualizationMock,
-  setupTextEllipsisMock: () => import_text_ellipsis_mock.setupTextEllipsisMock,
-  userEvent: () => import_user_event.default
-});
-module.exports = __toCommonJS(testing_exports);
-var import_user_event = __toESM(require("@testing-library/user-event"));
-__reExport(testing_exports, require("./custom-render.js"), module.exports);
-var import_bounding_client_rect_mock = require("./mocks/bounding-client-rect-mock.js");
-var import_create_mock_element = require("./mocks/create-mock-element.js");
-var import_canvas_mock = require("./mocks/canvas-mock.js");
-var import_resize_observer_mock = require("./mocks/resize-observer-mock.js");
-var import_select_mock = require("./mocks/select-mock.js");
-var import_offset_width_mock = require("./mocks/offset-width-mock.js");
-var import_offset_height_mock = require("./mocks/offset-height-mock.js");
-var import_dom_rect_mock = require("./mocks/dom-rect-mock.js");
-var import_match_media_mock = require("./mocks/match-media-mock.js");
-var import_pointer_event_mock = require("./mocks/pointer-event-mock.js");
-var import_intersection_observer_mock = require("./mocks/intersection-observer-mock.js");
-var import_create_range_mock = require("./mocks/create-range-mock.js");
-var import_screen_size_mock = require("./mocks/screen-size-mock.js");
-var import_scroll_into_view_mock = require("./mocks/scroll-into-view-mock.js");
-var import_scroll_width_mock = require("./mocks/scroll-width-mock.js");
-var import_fetch_mock = require("./mocks/fetch-mock.js");
-var import_table_virtualization_mock = require("./mocks/table-virtualization-mock.js");
-var import_text_ellipsis_mock = require("./mocks/text-ellipsis-mock.js");
-var import_setup = require("./setup.js");

package/testing/jest/index.d.ts

@@ -1 +0,0 @@
-export { stratoPreset } from './jest-preset.js';

package/testing/jest/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stratoPreset = void 0;
-var jest_preset_js_1 = require("./jest-preset.js");
-Object.defineProperty(exports, "stratoPreset", { enumerable: true, get: function () { return jest_preset_js_1.stratoPreset; } });

package/testing/jest/jest-preset.d.ts

@@ -1,10 +0,0 @@
-/**
- * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
- */
-export declare const stratoPreset: {
-    moduleNameMapper: {
-        nanoid: string;
-        '\\.(css|less|scss|sass)$': string;
-    };
-    resolver: string;
-};

package/testing/jest/jest-preset.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.stratoPreset = void 0;
-/**
- * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
- */
-exports.stratoPreset = {
-    moduleNameMapper: {
-        nanoid: '<rootDir>/node_modules/nanoid/index.cjs',
-        '\\.(css|less|scss|sass)$': 'identity-obj-proxy',
-    },
-    resolver: '<rootDir>/node_modules/@dynatrace/strato-components/testing/jest/resolver.js',
-};

package/testing/jest/resolver.js

@@ -1,27 +0,0 @@
-module.exports = (path, options) => {
-    // Call the defaultResolver, so we leverage its cache, error handling, etc.
-    return options.defaultResolver(path, {
-        ...options,
-        // Use packageFilter to process parsed `package.json` before the resolution (see https://www.npmjs.com/package/resolve#resolveid-opts-cb)
-        packageFilter: (pkg) => {
-            // This is a workaround for https://github.com/uuidjs/uuid/pull/616
-            //
-            // jest-environment-jsdom 28+ tries to use browser exports instead of default exports,
-            // but uuid only offers an ESM browser export and not a CommonJS one. Jest does not yet
-            // support ESM modules natively, so this causes a Jest error related to trying to parse
-            // "export" syntax.
-            //
-            // This workaround prevents Jest from considering uuid's module-based exports at all;
-            // it falls back to uuid's CommonJS+node "main" property.
-            //
-            // Once we're able to migrate our Jest config to ESM and a browser crypto
-            // implementation is available for the browser+ESM version of uuid to use (eg, via
-            // https://github.com/jsdom/jsdom/pull/3352 or a similar polyfill), this can go away.
-            if (pkg.name === 'uuid') {
-                delete pkg['exports'];
-                delete pkg['module'];
-            }
-            return pkg;
-        },
-    });
-};

package/testing/mocks/bounding-client-rect-mock.d.ts

@@ -1,8 +0,0 @@
-/** Mocks the `getBoundingClientRect()` function on all HTMLElements.
- * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
- */
-export declare function setupGetBoundingClientRectMock(widthOrMockFn: number | (() => DOMRect | null), height?: number, x?: number, y?: number, top?: number, right?: number, bottom?: number, left?: number): void;
-/** Clears mocked `getBoundingClientRect()` function on HTMLElements.
- * @deprecated The testing subpackage is deprecated. Please switch to the `@dynatrace/strato-components-testing` package.
- */
-export declare function clearGetBoundingClientRectMock(): void;