@dynatrace/strato-components 1.6.0 → 1.7.2

package/typography/utils.js

@@ -26,6 +26,10 @@ __export(utils_exports, {
   getTextWidth: () => getTextWidth
 });
 module.exports = __toCommonJS(utils_exports);
+var import_user_preferences = require("@dynatrace-sdk/user-preferences");
+const localizedSegmenter = new Intl.Segmenter((0, import_user_preferences.getLanguage)(), {
+  granularity: "grapheme"
+});
 const ELLIPSIS_CHARACTER = "\u2026";
 const ELLIPSIS_APPROXIMATION_THRESHOLD = 15;
 let inMemContext2d;
@@ -68,11 +72,15 @@ function centerEllipsizeText(originalText, textFont, maxWidthInPx) {
   let attempt = 1;
   let prefixLength = initialPrefixSuffixLength;
   let suffixLength = initialPrefixSuffixLength;
+  const originalSegmentedText = Array.from(
+    localizedSegmenter.segment(originalText)
+  ).map((segment) => segment.segment);
   do {
+    const originalSegmentedTextCopy = [...originalSegmentedText];
     prefixLength -= attempt % 2 === 1 ? 1 : 0;
     suffixLength -= attempt % 2 === 0 ? 1 : 0;
-    prefix = originalText.substring(0, prefixLength);
-    suffix = originalText.substring(originalText.length - suffixLength);
+    prefix = originalSegmentedTextCopy.slice(0, prefixLength).join("");
+    suffix = originalSegmentedTextCopy.slice(suffixLength * -1).join("");
     ellipsizedText = `${prefix}${ELLIPSIS_CHARACTER}${suffix}`;
     approximatedTextWidth = getTextWidth(ellipsizedText, textFont);
     attempt++;
@@ -94,7 +102,9 @@ function getFontString(textFont) {
   ).join(" ");
 }
 function calculateEllipsisInfo(originalText, textFont, maxWidthInPx) {
-  const originalTextLength = originalText.length;
+  const originalTextLength = Array.from(
+    localizedSegmenter.segment(originalText)
+  ).length;
   if (originalTextLength <= 1) {
     return null;
   }
@@ -107,7 +117,9 @@ function calculateEllipsisInfo(originalText, textFont, maxWidthInPx) {
 }
 function getCanvasContext2d() {
   if (!inMemContext2d) {
-    const context = document.createElement("canvas").getContext("2d");
+    const canvas = document.createElement("canvas");
+    canvas.hidden = true;
+    const context = canvas.getContext("2d", { alpha: false });
     if (context !== null) {
       context.imageSmoothingEnabled = false;
       context.imageSmoothingQuality = "low";

package/core/hooks/useId.d.ts

@@ -1,12 +0,0 @@
-/**
- * Hook used to generate a unique identifier.
- * @internal
- */
-export declare const useId: (props?: {
-    /** If a prefix is defined, the hook prepends the prefix with a hyphen to the generated id.
-     * @defaultValue 'strato'
-     */
-    prefix?: string;
-    /** If a seed is defined, the hook uses a seeded random function to generate the id consistently. */
-    seed?: number;
-}) => string;

package/core/utils/_is-string-children.d.ts

@@ -1,6 +0,0 @@
-import { type ReactNode } from 'react';
-/**
- * Returns whether children only consist of text nodes.
- * @internal
- */
-export declare function isStringChildren(children: ReactNode): children is string;

package/core/utils/seed-random.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generate a random seed function based on the mulberry32 algorithm
- * @internal
- */
-export declare function mulberry32(seed: number): () => number;

package/core/utils/seed-random.js

@@ -1,35 +0,0 @@
-"use strict";
-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 seed_random_exports = {};
-__export(seed_random_exports, {
-  mulberry32: () => mulberry32
-});
-module.exports = __toCommonJS(seed_random_exports);
-const memoizedRandomGenerators = {};
-function mulberry32(seed) {
-  if (memoizedRandomGenerators[seed] === void 0) {
-    memoizedRandomGenerators[seed] = () => {
-      let t = seed += 1831565813;
-      t = Math.imul(t ^ t >>> 15, t | 1);
-      t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-      return ((t ^ t >>> 14) >>> 0) / 4294967296;
-    };
-  }
-  return memoizedRandomGenerators[seed];
-}

package/core/utils/uuidv4.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generates a uuidv4
- * @internal
- */
-export declare function uuidv4(seed?: number): string;

package/core/utils/uuidv4.js

@@ -1,32 +0,0 @@
-"use strict";
-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 uuidv4_exports = {};
-__export(uuidv4_exports, {
-  uuidv4: () => uuidv4
-});
-module.exports = __toCommonJS(uuidv4_exports);
-var import_seed_random = require("./seed-random.js");
-function uuidv4(seed) {
-  const random = seed !== void 0 ? (0, import_seed_random.mulberry32)(seed) : Math.random;
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (char) => {
-    const randomNumber = random() * 16 | 0;
-    const value = char === "x" ? randomNumber : randomNumber & 3 | 8;
-    return value.toString(16);
-  });
-}

package/esm/core/hooks/useId.js

@@ -1,14 +0,0 @@
-import { useMemo } from "react";
-import { uuidv4 } from "../utils/uuidv4.js";
-const useId = (props = {}) => {
-  const { prefix = "strato", seed } = props;
-  const generatedId = useMemo(
-    () => `${prefix}-${uuidv4(seed)}`,
-    [prefix, seed]
-  );
-  return generatedId;
-};
-export {
-  useId
-};
-//# sourceMappingURL=useId.js.map

package/esm/core/hooks/useId.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/core/hooks/useId.ts"],
-  "sourcesContent": ["import { useMemo } from 'react';\n\nimport { uuidv4 } from '../utils/uuidv4.js';\n\n/**\n * Hook used to generate a unique identifier.\n * @internal\n */\nexport const useId = (\n  props: {\n    /** If a prefix is defined, the hook prepends the prefix with a hyphen to the generated id.\n     * @defaultValue 'strato'\n     */\n    prefix?: string;\n    /** If a seed is defined, the hook uses a seeded random function to generate the id consistently. */\n    seed?: number;\n  } = {},\n) => {\n  const { prefix = 'strato', seed } = props;\n\n  const generatedId = useMemo(\n    () => `${prefix}-${uuidv4(seed)}`,\n    [prefix, seed],\n  );\n\n  return generatedId;\n};\n"],
-  "mappings": "AAAA,SAAS,eAAe;AAExB,SAAS,cAAc;AAMhB,MAAM,QAAQ,CACnB,QAOI,CAAC,MACF;AACH,QAAM,EAAE,SAAS,UAAU,KAAK,IAAI;AAEpC,QAAM,cAAc;AAAA,IAClB,MAAM,GAAG,MAAM,IAAI,OAAO,IAAI,CAAC;AAAA,IAC/B,CAAC,QAAQ,IAAI;AAAA,EACf;AAEA,SAAO;AACT;",
-  "names": []
-}

package/esm/core/utils/_is-string-children.js

@@ -1,16 +0,0 @@
-import { Children } from "react";
-import { FormattedMessage } from "react-intl";
-import { isElement } from "react-is";
-function isStringChildren(children) {
-  const childrenArray = Children.toArray(children);
-  if (!childrenArray.some(isElement)) {
-    return true;
-  }
-  return childrenArray.every(
-    (child) => !isElement(child) || isElement(child) && child.type && child.type === FormattedMessage
-  );
-}
-export {
-  isStringChildren
-};
-//# sourceMappingURL=_is-string-children.js.map

package/esm/core/utils/_is-string-children.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/core/utils/_is-string-children.ts"],
-  "sourcesContent": ["import { type ReactNode, Children } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { isElement } from 'react-is';\n\n/**\n * Returns whether children only consist of text nodes.\n * @internal\n */\nexport function isStringChildren(children: ReactNode): children is string {\n  const childrenArray = Children.toArray(children);\n\n  if (!childrenArray.some(isElement)) {\n    return true; // All children are strings\n  }\n\n  return childrenArray.every(\n    (child) =>\n      !isElement(child) ||\n      (isElement(child) && child.type && child.type === FormattedMessage),\n  );\n}\n"],
-  "mappings": "AAAA,SAAyB,gBAAgB;AACzC,SAAS,wBAAwB;AACjC,SAAS,iBAAiB;AAMnB,SAAS,iBAAiB,UAAyC;AACxE,QAAM,gBAAgB,SAAS,QAAQ,QAAQ;AAE/C,MAAI,CAAC,cAAc,KAAK,SAAS,GAAG;AAClC,WAAO;AAAA,EACT;AAEA,SAAO,cAAc;AAAA,IACnB,CAAC,UACC,CAAC,UAAU,KAAK,KACf,UAAU,KAAK,KAAK,MAAM,QAAQ,MAAM,SAAS;AAAA,EACtD;AACF;",
-  "names": []
-}

package/esm/core/utils/seed-random.js

@@ -1,16 +0,0 @@
-const memoizedRandomGenerators = {};
-function mulberry32(seed) {
-  if (memoizedRandomGenerators[seed] === void 0) {
-    memoizedRandomGenerators[seed] = () => {
-      let t = seed += 1831565813;
-      t = Math.imul(t ^ t >>> 15, t | 1);
-      t ^= t + Math.imul(t ^ t >>> 7, t | 61);
-      return ((t ^ t >>> 14) >>> 0) / 4294967296;
-    };
-  }
-  return memoizedRandomGenerators[seed];
-}
-export {
-  mulberry32
-};
-//# sourceMappingURL=seed-random.js.map

package/esm/core/utils/seed-random.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/core/utils/seed-random.ts"],
-  "sourcesContent": ["/* eslint-disable no-mixed-operators */\n\n/** Memoize currified mulberry32 generators to ensure that sequences are honored for the same seed */\nconst memoizedRandomGenerators: Record<number, () => number> = {};\n\n/**\n * Generate a random seed function based on the mulberry32 algorithm\n * @internal\n */\nexport function mulberry32(seed: number) {\n  if (memoizedRandomGenerators[seed] === void 0) {\n    memoizedRandomGenerators[seed] = () => {\n      let t = (seed += 0x6d2b79f5);\n      t = Math.imul(t ^ (t >>> 15), t | 1);\n      t ^= t + Math.imul(t ^ (t >>> 7), t | 61);\n      return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n    };\n  }\n\n  return memoizedRandomGenerators[seed];\n}\n"],
-  "mappings": "AAGA,MAAM,2BAAyD,CAAC;AAMzD,SAAS,WAAW,MAAc;AACvC,MAAI,yBAAyB,IAAI,MAAM,QAAQ;AAC7C,6BAAyB,IAAI,IAAI,MAAM;AACrC,UAAI,IAAK,QAAQ;AACjB,UAAI,KAAK,KAAK,IAAK,MAAM,IAAK,IAAI,CAAC;AACnC,WAAK,IAAI,KAAK,KAAK,IAAK,MAAM,GAAI,IAAI,EAAE;AACxC,eAAS,IAAK,MAAM,QAAS,KAAK;AAAA,IACpC;AAAA,EACF;AAEA,SAAO,yBAAyB,IAAI;AACtC;",
-  "names": []
-}

package/esm/core/utils/uuidv4.js

@@ -1,13 +0,0 @@
-import { mulberry32 } from "./seed-random.js";
-function uuidv4(seed) {
-  const random = seed !== void 0 ? mulberry32(seed) : Math.random;
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (char) => {
-    const randomNumber = random() * 16 | 0;
-    const value = char === "x" ? randomNumber : randomNumber & 3 | 8;
-    return value.toString(16);
-  });
-}
-export {
-  uuidv4
-};
-//# sourceMappingURL=uuidv4.js.map

package/esm/core/utils/uuidv4.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/core/utils/uuidv4.ts"],
-  "sourcesContent": ["import { mulberry32 } from './seed-random.js';\n\n/**\n * Generates a uuidv4\n * @internal\n */\nexport function uuidv4(seed?: number) {\n  // If a seed is given, use a seeded random function to generate the uuid.\n  const random = seed !== void 0 ? mulberry32(seed) : Math.random;\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (char) => {\n    // eslint-disable-next-line no-mixed-operators\n    const randomNumber = (random() * 16) | 0;\n    const value = char === 'x' ? randomNumber : (randomNumber & 0x3) | 0x8;\n    return value.toString(16);\n  });\n}\n"],
-  "mappings": "AAAA,SAAS,kBAAkB;AAMpB,SAAS,OAAO,MAAe;AAEpC,QAAM,SAAS,SAAS,SAAS,WAAW,IAAI,IAAI,KAAK;AACzD,SAAO,uCAAuC,QAAQ,SAAS,CAAC,SAAS;AAEvE,UAAM,eAAgB,OAAO,IAAI,KAAM;AACvC,UAAM,QAAQ,SAAS,MAAM,eAAgB,eAAe,IAAO;AACnE,WAAO,MAAM,SAAS,EAAE;AAAA,EAC1B,CAAC;AACH;",
-  "names": []
-}