@porsche-design-system/components-react 3.15.1 → 3.15.2

package/CHANGELOG.md

@@ -14,6 +14,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.15.2] - 2024-05-29
+
+#### Fixed
+
+- `aria`: Refactor `parseJSONAttribute` to support Safari < 16.4  
+  ([#3314](https://github.com/porsche-design-system/porsche-design-system/pull/3314))
+
 ### [3.15.1] - 2024-05-23
 
 #### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.15.1",
+  "version": "3.15.2",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.15.1"
+    "@porsche-design-system/components-js": "3.15.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0 <19.0.0",

package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs

@@ -3192,15 +3192,19 @@ const isDisabledOrLoading = (disabled, loading) => {
 };
 
 const parseJSONAttribute = (attribute) => {
-    return typeof attribute === 'string'
-        ? // input is potentially JSON parsable string, e.g. "{ 'aria-label': 'Some label' }"
-            JSON.parse(attribute
-                .replace(/(?<!\\)'/g, '"') // convert single quotes to double quotes except the ones which are escaped by backslash
-                .replace(/\\(?!u0027)/g, '') // remove string escapes except the ones followed by unicode u0027
-                .replace(/[\s"]?([\w-]+)[\s"]?:/g, '"$1":') // wrap keys in double quotes
-            )
-        : // input is object, e.g. { 'aria-label': 'Some label' }
-            attribute;
+    // Input is object, e.g. { 'aria-label': 'Some label' }
+    if (typeof attribute !== 'string') {
+        return attribute;
+    }
+    return JSON.parse(attribute
+        // Convert single quotes to double quotes except the ones which are escaped by backslash
+        .replace(/\\'/g, '__escaped_single_quote__')
+        .replace(/'/g, '"')
+        .replace(/__escaped_single_quote__/g, '\\\'')
+        // Remove string escapes except the ones followed by unicode u0027
+        .replace(/([^\\])\\(?!u0027)/g, '$1')
+        // Wrap keys in double quotes
+        .replace(/[\s"]?([\w-]+)[\s"]?:/g, '"$1":'));
 };
 
 const hasWindow = typeof window !== 'undefined';

package/ssr/esm/components/dist/utils/esm/utils-entry.mjs

@@ -3190,15 +3190,19 @@ const isDisabledOrLoading = (disabled, loading) => {
 };
 
 const parseJSONAttribute = (attribute) => {
-    return typeof attribute === 'string'
-        ? // input is potentially JSON parsable string, e.g. "{ 'aria-label': 'Some label' }"
-            JSON.parse(attribute
-                .replace(/(?<!\\)'/g, '"') // convert single quotes to double quotes except the ones which are escaped by backslash
-                .replace(/\\(?!u0027)/g, '') // remove string escapes except the ones followed by unicode u0027
-                .replace(/[\s"]?([\w-]+)[\s"]?:/g, '"$1":') // wrap keys in double quotes
-            )
-        : // input is object, e.g. { 'aria-label': 'Some label' }
-            attribute;
+    // Input is object, e.g. { 'aria-label': 'Some label' }
+    if (typeof attribute !== 'string') {
+        return attribute;
+    }
+    return JSON.parse(attribute
+        // Convert single quotes to double quotes except the ones which are escaped by backslash
+        .replace(/\\'/g, '__escaped_single_quote__')
+        .replace(/'/g, '"')
+        .replace(/__escaped_single_quote__/g, '\\\'')
+        // Remove string escapes except the ones followed by unicode u0027
+        .replace(/([^\\])\\(?!u0027)/g, '$1')
+        // Wrap keys in double quotes
+        .replace(/[\s"]?([\w-]+)[\s"]?:/g, '"$1":'));
 };
 
 const hasWindow = typeof window !== 'undefined';