Fix parseTransition bug

Author: cvle

src/utils/parseTransition.spec.ts

@@ -19,6 +19,13 @@ describe("parseTransition", () => {
           { property: "height", duration: 3000, delay: 2000 },
         ],
       ],
+      [
+        "transform 100ms cubic-bezier(0.4, 0.0, 0.6, 1) 150ms",
+        [
+          { property: "transform", duration: 100, delay: 150 },
+          { property: "transform", duration: 100, delay: 150 },
+        ],
+      ],
     ];
     cases.forEach((c) => assert.deepEqual(parseTransition(c[0] as string), c[1]));
   });

src/utils/parseTransition.ts

@@ -11,9 +11,9 @@ export function parseTransition(transition: string): [TransitionEntry, Transitio
   let firstProperty: TransitionEntry = null;
   let lastPropertyTotalDuration = -1;
   let firstPropertyDelay = 99999999;
-  transition.split(/\s*,\s*/).forEach(
+  transition.split(/\s*,\s*(?![^\(]*\))/g).forEach(
     (entry) => {
-      const parts = entry.split(/\s+/);
+      const parts = entry.split(/\s+(?![^\(]*\))/g);
       const property = parts.filter((p) => p.match(/^[a-z\-A-Z]+$/))[0];
       const [duration = 0, delay = 0] = parts.filter((p) => p.match(/^[0-9]+m?s$/)).map((p) => parseDuration(p));
       const totalDuration = duration + delay;