react-native-reanimated/lib/module/css/web/animationParser.js

More powerful alternative to Animated library for React Native.

'use strict';

import { hasSuffix } from '../../common';
import { createStyleBuilder, PROPERTIES_CONFIG } from '../../common/web';
import { parseTimingFunction } from './utils';
const styleBuilder = createStyleBuilder(PROPERTIES_CONFIG);
export function processKeyframeDefinitions(definitions) {
  return Object.entries(definitions).reduce((acc, [timestamp, rules]) => {
    const step = hasSuffix(timestamp) ? timestamp : `${parseFloat(timestamp) * 100}%`;
    const processedBlock = processKeyframeBlock(rules);
    if (!processedBlock) {
      return acc;
    }
    acc.push(`${step} { ${processedBlock} }`);
    return acc;
  }, []).join(' ');
}
function processKeyframeBlock({
  animationTimingFunction,
  ...rules
}) {
  const style = styleBuilder.buildFrom(rules);
  if (!style) {
    return null;
  }
  return animationTimingFunction ? `animation-timing-function: ${parseTimingFunction(animationTimingFunction)}; ${style}` : style;
}
//# sourceMappingURL=animationParser.js.map