fix: fixed incorrect % parsing in parseDuration

Author: jerzy-mankowski

packages/react/src/demo.tsx

@@ -75,10 +75,10 @@ const NewComponentUsage = () => (
           muted: true,
           loop: true
         }}
-        duration={1}
+        duration='1%'
         resize={{
           height: 200,
-          width: 200,
+          width: 200
         }}
         videoCodec={{
           use: 'h264',
@@ -92,7 +92,6 @@ const NewComponentUsage = () => (
         ]}
         roundCorners={100}
         rotate={50}
-        startOffset={1}
       />
     </div>
   </>

packages/react/src/transformationParsers/parseDuration.ts

@@ -1,4 +1,3 @@
 import { Duration } from '../transformationTypes/duration';
 
-// FIXME verify whether duration du_ accepts `%` and not only `p`
-export const parseDuration = (duration: Duration): `du_${string}` => `du_${duration}`;
+export const parseDuration = (duration: Duration) => `du_${String(duration).replace('%', 'p')}`;