@react-native-ohos/react-native-reanimated 4.0.1 → 4.0.2-beta.1

package/harmony/reanimated/src/main/cpp/Common/cpp/reanimated/CSS/interpolation/groups/ArrayPropertiesInterpolator.cpp

@@ -1,95 +1,95 @@
-#include <reanimated/CSS/interpolation/groups/ArrayPropertiesInterpolator.h>
-
-#include <algorithm>
-#include <memory>
-
-namespace reanimated::css {
-
-ArrayPropertiesInterpolator::ArrayPropertiesInterpolator(
-    const InterpolatorFactoriesArray &factories,
-    const PropertyPath &propertyPath,
-    const std::shared_ptr<ViewStylesRepository> &viewStylesRepository)
-    : GroupPropertiesInterpolator(propertyPath, viewStylesRepository), factories_(factories) {}
-
-bool ArrayPropertiesInterpolator::equalsReversingAdjustedStartValue(const folly::dynamic &propertyValue) const {
-  if (!propertyValue.isArray()) {
-    return false;
-  }
-
-  const auto valuesCount = propertyValue.size();
-  if (valuesCount != interpolators_.size()) {
-    return false;
-  }
-
-  for (size_t i = 0; i < valuesCount; ++i) {
-    if (!interpolators_[i]->equalsReversingAdjustedStartValue(propertyValue[i])) {
-      return false;
-    }
-  }
-
-  return true;
-}
-
-void ArrayPropertiesInterpolator::updateKeyframes(jsi::Runtime &rt, const jsi::Value &keyframes) {
-  const jsi::Array keyframesArray = keyframes.asObject(rt).asArray(rt);
-  const size_t valuesCount = keyframesArray.size(rt);
-
-  resizeInterpolators(valuesCount);
-
-  for (size_t i = 0; i < valuesCount; ++i) {
-    interpolators_[i]->updateKeyframes(rt, keyframesArray.getValueAtIndex(rt, i));
-  }
-}
-
-void ArrayPropertiesInterpolator::updateKeyframesFromStyleChange(
-    const folly::dynamic &oldStyleValue,
-    const folly::dynamic &newStyleValue,
-    const folly::dynamic &lastUpdateValue) {
-  const auto emptyArray = folly::dynamic::array();
-  const auto null = folly::dynamic();
-
-  const auto &oldStyleArray = oldStyleValue.empty() ? emptyArray : oldStyleValue;
-  const auto &newStyleArray = newStyleValue.empty() ? emptyArray : newStyleValue;
-  const auto &lastUpdateArray = lastUpdateValue.empty() ? emptyArray : lastUpdateValue;
-
-  const size_t oldSize = oldStyleArray.size();
-  const size_t newSize = newStyleArray.size();
-  const size_t lastSize = lastUpdateArray.size();
-  const size_t valuesCount = std::max(oldSize, newSize);
-
-  resizeInterpolators(valuesCount);
-
-  for (size_t i = 0; i < valuesCount; ++i) {
-    // These index checks ensure that interpolation works between 2 arrays
-    // with different lengths
-    interpolators_[i]->updateKeyframesFromStyleChange(
-        i < oldSize ? oldStyleArray[i] : null,
-        i < newSize ? newStyleArray[i] : null,
-        i < lastSize ? lastUpdateArray[i] : null);
-  }
-}
-
-folly::dynamic ArrayPropertiesInterpolator::mapInterpolators(
-    const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const {
-  auto result = folly::dynamic::array();
-
-  for (size_t i = 0; i < interpolators_.size(); ++i) {
-    result.push_back(callback(*interpolators_[i]));
-  }
-
-  return result;
-}
-
-void ArrayPropertiesInterpolator::resizeInterpolators(size_t valuesCount) {
-  // Remove excess interpolators if the array size has decreased
-  if (interpolators_.size() > valuesCount) {
-    interpolators_.resize(valuesCount);
-  }
-
-  while (interpolators_.size() < valuesCount) {
-    interpolators_.emplace_back(
-        createPropertyInterpolator(interpolators_.size(), propertyPath_, factories_, viewStylesRepository_));
-  }
-}
-
-} // namespace reanimated::css
+#include <reanimated/CSS/interpolation/groups/ArrayPropertiesInterpolator.h>
+
+#include <algorithm>
+#include <memory>
+
+namespace reanimated::css {
+
+ArrayPropertiesInterpolator::ArrayPropertiesInterpolator(
+    const InterpolatorFactoriesArray &factories,
+    const PropertyPath &propertyPath,
+    const std::shared_ptr<ViewStylesRepository> &viewStylesRepository)
+    : GroupPropertiesInterpolator(propertyPath, viewStylesRepository), factories_(factories) {}
+
+bool ArrayPropertiesInterpolator::equalsReversingAdjustedStartValue(const folly::dynamic &propertyValue) const {
+  if (!propertyValue.isArray()) {
+    return false;
+  }
+
+  const auto valuesCount = propertyValue.size();
+  if (valuesCount != interpolators_.size()) {
+    return false;
+  }
+
+  for (size_t i = 0; i < valuesCount; ++i) {
+    if (!interpolators_[i]->equalsReversingAdjustedStartValue(propertyValue[i])) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+void ArrayPropertiesInterpolator::updateKeyframes(jsi::Runtime &rt, const jsi::Value &keyframes) {
+  const jsi::Array keyframesArray = keyframes.asObject(rt).asArray(rt);
+  const size_t valuesCount = keyframesArray.size(rt);
+
+  resizeInterpolators(valuesCount);
+
+  for (size_t i = 0; i < valuesCount; ++i) {
+    interpolators_[i]->updateKeyframes(rt, keyframesArray.getValueAtIndex(rt, i));
+  }
+}
+
+void ArrayPropertiesInterpolator::updateKeyframesFromStyleChange(
+    const folly::dynamic &oldStyleValue,
+    const folly::dynamic &newStyleValue,
+    const folly::dynamic &lastUpdateValue) {
+  const auto emptyArray = folly::dynamic::array();
+  const auto null = folly::dynamic();
+
+  const auto &oldStyleArray = oldStyleValue.empty() ? emptyArray : oldStyleValue;
+  const auto &newStyleArray = newStyleValue.empty() ? emptyArray : newStyleValue;
+  const auto &lastUpdateArray = lastUpdateValue.empty() ? emptyArray : lastUpdateValue;
+
+  const size_t oldSize = oldStyleArray.size();
+  const size_t newSize = newStyleArray.size();
+  const size_t lastSize = lastUpdateArray.size();
+  const size_t valuesCount = std::max(oldSize, newSize);
+
+  resizeInterpolators(valuesCount);
+
+  for (size_t i = 0; i < valuesCount; ++i) {
+    // These index checks ensure that interpolation works between 2 arrays
+    // with different lengths
+    interpolators_[i]->updateKeyframesFromStyleChange(
+        i < oldSize ? oldStyleArray[i] : null,
+        i < newSize ? newStyleArray[i] : null,
+        i < lastSize ? lastUpdateArray[i] : null);
+  }
+}
+
+folly::dynamic ArrayPropertiesInterpolator::mapInterpolators(
+    const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const {
+  auto result = folly::dynamic::array();
+
+  for (size_t i = 0; i < interpolators_.size(); ++i) {
+    result.push_back(callback(*interpolators_[i]));
+  }
+
+  return result;
+}
+
+void ArrayPropertiesInterpolator::resizeInterpolators(size_t valuesCount) {
+  // Remove excess interpolators if the array size has decreased
+  if (interpolators_.size() > valuesCount) {
+    interpolators_.resize(valuesCount);
+  }
+
+  while (interpolators_.size() < valuesCount) {
+    interpolators_.emplace_back(
+        createPropertyInterpolator(interpolators_.size(), propertyPath_, factories_, viewStylesRepository_));
+  }
+}
+
+} // namespace reanimated::css

package/harmony/reanimated/src/main/cpp/Common/cpp/reanimated/CSS/interpolation/groups/ArrayPropertiesInterpolator.h

@@ -1,36 +1,36 @@
-#pragma once
-
-#include <reanimated/CSS/interpolation/groups/GroupPropertiesInterpolator.h>
-#include <reanimated/CSS/utils/interpolators.h>
-
-#include <memory>
-
-namespace reanimated::css {
-
-class ArrayPropertiesInterpolator : public GroupPropertiesInterpolator {
- public:
-  ArrayPropertiesInterpolator(
-      const InterpolatorFactoriesArray &factories,
-      const PropertyPath &propertyPath,
-      const std::shared_ptr<ViewStylesRepository> &viewStylesRepository);
-  virtual ~ArrayPropertiesInterpolator() = default;
-
-  bool equalsReversingAdjustedStartValue(const folly::dynamic &propertyValue) const override;
-
-  void updateKeyframes(jsi::Runtime &rt, const jsi::Value &keyframes) override;
-  void updateKeyframesFromStyleChange(
-      const folly::dynamic &oldStyleValue,
-      const folly::dynamic &newStyleValue,
-      const folly::dynamic &lastUpdateValue) override;
-
- protected:
-  folly::dynamic mapInterpolators(const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const override;
-
- private:
-  const InterpolatorFactoriesArray &factories_;
-  PropertyInterpolatorsArray interpolators_;
-
-  void resizeInterpolators(size_t valuesCount);
-};
-
-} // namespace reanimated::css
+#pragma once
+
+#include <reanimated/CSS/interpolation/groups/GroupPropertiesInterpolator.h>
+#include <reanimated/CSS/utils/interpolators.h>
+
+#include <memory>
+
+namespace reanimated::css {
+
+class ArrayPropertiesInterpolator : public GroupPropertiesInterpolator {
+ public:
+  ArrayPropertiesInterpolator(
+      const InterpolatorFactoriesArray &factories,
+      const PropertyPath &propertyPath,
+      const std::shared_ptr<ViewStylesRepository> &viewStylesRepository);
+  virtual ~ArrayPropertiesInterpolator() = default;
+
+  bool equalsReversingAdjustedStartValue(const folly::dynamic &propertyValue) const override;
+
+  void updateKeyframes(jsi::Runtime &rt, const jsi::Value &keyframes) override;
+  void updateKeyframesFromStyleChange(
+      const folly::dynamic &oldStyleValue,
+      const folly::dynamic &newStyleValue,
+      const folly::dynamic &lastUpdateValue) override;
+
+ protected:
+  folly::dynamic mapInterpolators(const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const override;
+
+ private:
+  const InterpolatorFactoriesArray &factories_;
+  PropertyInterpolatorsArray interpolators_;
+
+  void resizeInterpolators(size_t valuesCount);
+};
+
+} // namespace reanimated::css

package/harmony/reanimated/src/main/cpp/Common/cpp/reanimated/CSS/interpolation/groups/GroupPropertiesInterpolator.cpp

@@ -1,41 +1,41 @@
-#include <reanimated/CSS/interpolation/groups/GroupPropertiesInterpolator.h>
-
-#include <memory>
-
-namespace reanimated::css {
-
-GroupPropertiesInterpolator::GroupPropertiesInterpolator(
-    const PropertyPath &propertyPath,
-    const std::shared_ptr<ViewStylesRepository> &viewStylesRepository)
-    : PropertyInterpolator(propertyPath, viewStylesRepository) {}
-
-folly::dynamic GroupPropertiesInterpolator::getStyleValue(const std::shared_ptr<const ShadowNode> &shadowNode) const {
-  return mapInterpolators(
-      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getStyleValue(shadowNode); });
-}
-
-folly::dynamic GroupPropertiesInterpolator::getResetStyle(const std::shared_ptr<const ShadowNode> &shadowNode) const {
-  return mapInterpolators(
-      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getResetStyle(shadowNode); });
-}
-
-folly::dynamic GroupPropertiesInterpolator::getFirstKeyframeValue() const {
-  return mapInterpolators(
-      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getFirstKeyframeValue(); });
-}
-
-folly::dynamic GroupPropertiesInterpolator::getLastKeyframeValue() const {
-  return mapInterpolators(
-      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getLastKeyframeValue(); });
-}
-
-folly::dynamic GroupPropertiesInterpolator::interpolate(
-    const std::shared_ptr<const ShadowNode> &shadowNode,
-    const std::shared_ptr<KeyframeProgressProvider> &progressProvider,
-    const double fallbackInterpolateThreshold) const {
-  return mapInterpolators([&](PropertyInterpolator &interpolator) -> folly::dynamic {
-    return interpolator.interpolate(shadowNode, progressProvider, fallbackInterpolateThreshold);
-  });
-}
-
-} // namespace reanimated::css
+#include <reanimated/CSS/interpolation/groups/GroupPropertiesInterpolator.h>
+
+#include <memory>
+
+namespace reanimated::css {
+
+GroupPropertiesInterpolator::GroupPropertiesInterpolator(
+    const PropertyPath &propertyPath,
+    const std::shared_ptr<ViewStylesRepository> &viewStylesRepository)
+    : PropertyInterpolator(propertyPath, viewStylesRepository) {}
+
+folly::dynamic GroupPropertiesInterpolator::getStyleValue(const std::shared_ptr<const ShadowNode> &shadowNode) const {
+  return mapInterpolators(
+      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getStyleValue(shadowNode); });
+}
+
+folly::dynamic GroupPropertiesInterpolator::getResetStyle(const std::shared_ptr<const ShadowNode> &shadowNode) const {
+  return mapInterpolators(
+      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getResetStyle(shadowNode); });
+}
+
+folly::dynamic GroupPropertiesInterpolator::getFirstKeyframeValue() const {
+  return mapInterpolators(
+      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getFirstKeyframeValue(); });
+}
+
+folly::dynamic GroupPropertiesInterpolator::getLastKeyframeValue() const {
+  return mapInterpolators(
+      [&](PropertyInterpolator &interpolator) -> folly::dynamic { return interpolator.getLastKeyframeValue(); });
+}
+
+folly::dynamic GroupPropertiesInterpolator::interpolate(
+    const std::shared_ptr<const ShadowNode> &shadowNode,
+    const std::shared_ptr<KeyframeProgressProvider> &progressProvider,
+    const double fallbackInterpolateThreshold) const {
+  return mapInterpolators([&](PropertyInterpolator &interpolator) -> folly::dynamic {
+    return interpolator.interpolate(shadowNode, progressProvider, fallbackInterpolateThreshold);
+  });
+}
+
+} // namespace reanimated::css

package/harmony/reanimated/src/main/cpp/Common/cpp/reanimated/CSS/interpolation/groups/GroupPropertiesInterpolator.h

@@ -1,32 +1,32 @@
-#pragma once
-
-#include <reanimated/CSS/interpolation/PropertyInterpolator.h>
-#include <reanimated/CSS/misc/ViewStylesRepository.h>
-#include <reanimated/CSS/progress/KeyframeProgressProvider.h>
-
-#include <memory>
-
-namespace reanimated::css {
-
-class GroupPropertiesInterpolator : public PropertyInterpolator {
- public:
-  GroupPropertiesInterpolator(
-      const PropertyPath &propertyPath,
-      const std::shared_ptr<ViewStylesRepository> &viewStylesRepository);
-
-  folly::dynamic getStyleValue(const std::shared_ptr<const ShadowNode> &shadowNode) const override;
-  folly::dynamic getResetStyle(const std::shared_ptr<const ShadowNode> &shadowNode) const override;
-  folly::dynamic getFirstKeyframeValue() const override;
-  folly::dynamic getLastKeyframeValue() const override;
-
-  folly::dynamic interpolate(
-      const std::shared_ptr<const ShadowNode> &shadowNode,
-      const std::shared_ptr<KeyframeProgressProvider> &progressProvider,
-      double fallbackInterpolateThreshold) const override;
-
- protected:
-  virtual folly::dynamic mapInterpolators(
-      const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const = 0;
-};
-
-} // namespace reanimated::css
+#pragma once
+
+#include <reanimated/CSS/interpolation/PropertyInterpolator.h>
+#include <reanimated/CSS/misc/ViewStylesRepository.h>
+#include <reanimated/CSS/progress/KeyframeProgressProvider.h>
+
+#include <memory>
+
+namespace reanimated::css {
+
+class GroupPropertiesInterpolator : public PropertyInterpolator {
+ public:
+  GroupPropertiesInterpolator(
+      const PropertyPath &propertyPath,
+      const std::shared_ptr<ViewStylesRepository> &viewStylesRepository);
+
+  folly::dynamic getStyleValue(const std::shared_ptr<const ShadowNode> &shadowNode) const override;
+  folly::dynamic getResetStyle(const std::shared_ptr<const ShadowNode> &shadowNode) const override;
+  folly::dynamic getFirstKeyframeValue() const override;
+  folly::dynamic getLastKeyframeValue() const override;
+
+  folly::dynamic interpolate(
+      const std::shared_ptr<const ShadowNode> &shadowNode,
+      const std::shared_ptr<KeyframeProgressProvider> &progressProvider,
+      double fallbackInterpolateThreshold) const override;
+
+ protected:
+  virtual folly::dynamic mapInterpolators(
+      const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const = 0;
+};
+
+} // namespace reanimated::css

package/harmony/reanimated/src/main/cpp/Common/cpp/reanimated/CSS/interpolation/groups/RecordPropertiesInterpolator.cpp

@@ -1,99 +1,99 @@
-#include <reanimated/CSS/interpolation/groups/RecordPropertiesInterpolator.h>
-
-#include <memory>
-#include <string>
-#include <unordered_set>
-
-namespace reanimated::css {
-
-RecordPropertiesInterpolator::RecordPropertiesInterpolator(
-    const InterpolatorFactoriesRecord &factories,
-    const PropertyPath &propertyPath,
-    const std::shared_ptr<ViewStylesRepository> &viewStylesRepository)
-    : GroupPropertiesInterpolator(propertyPath, viewStylesRepository), factories_(factories) {}
-
-bool RecordPropertiesInterpolator::equalsReversingAdjustedStartValue(const folly::dynamic &propertyValue) const {
-//  return std::ranges::all_of(propertyValue.items(), [this](const auto &item) {
-//    const auto &[propName, propValue] = item;
-//    const auto it = interpolators_.find(propName.getString());
-//    return it != interpolators_.end() && it->second->equalsReversingAdjustedStartValue(propValue);
-//  });
-     //TODO
-    return std::all_of(propertyValue.items().begin(), propertyValue.items().end(), [this](const auto &item) {
-        const auto &[propName, propValue] = item;
-        const auto it = interpolators_.find(propName.getString());
-        return it != interpolators_.end() &&
-            it->second->equalsReversingAdjustedStartValue(propValue);
-    });
-}
-
-void RecordPropertiesInterpolator::updateKeyframes(jsi::Runtime &rt, const jsi::Value &keyframes) {
-  // TODO - maybe add a possibility to remove interpolators that are no longer
-  // used (for now, for simplicity, we only add new ones)
-  const jsi::Object keyframesObject = keyframes.asObject(rt);
-
-  jsi::Array propertyNames = keyframesObject.getPropertyNames(rt);
-  size_t propertiesCount = propertyNames.size(rt);
-
-  for (size_t i = 0; i < propertiesCount; ++i) {
-    const std::string propertyName = propertyNames.getValueAtIndex(rt, i).asString(rt).utf8(rt);
-    const jsi::Value &propertyKeyframes = keyframesObject.getProperty(rt, jsi::PropNameID::forUtf8(rt, propertyName));
-
-    maybeCreateInterpolator(propertyName);
-    interpolators_[propertyName]->updateKeyframes(rt, propertyKeyframes);
-  }
-}
-
-void RecordPropertiesInterpolator::updateKeyframesFromStyleChange(
-    const folly::dynamic &oldStyleValue,
-    const folly::dynamic &newStyleValue,
-    const folly::dynamic &lastUpdateValue) {
-  // TODO - maybe add a possibility to remove interpolators that are no longer
-  // used (for now, for simplicity, we only add new ones)
-  const folly::dynamic emptyObject = folly::dynamic::object();
-  const auto null = folly::dynamic();
-
-  const auto &oldStyleObject = oldStyleValue.empty() ? emptyObject : oldStyleValue;
-  const auto &newStyleObject = newStyleValue.empty() ? emptyObject : newStyleValue;
-  const auto &lastUpdateObject = lastUpdateValue.empty() ? emptyObject : lastUpdateValue;
-
-  std::unordered_set<std::string> propertyNamesSet;
-  for (const auto &key : oldStyleObject.keys()) {
-    propertyNamesSet.insert(key.asString());
-  }
-  for (const auto &key : newStyleObject.keys()) {
-    propertyNamesSet.insert(key.asString());
-  }
-
-  for (const auto &propertyName : propertyNamesSet) {
-    maybeCreateInterpolator(propertyName);
-    interpolators_[propertyName]->updateKeyframesFromStyleChange(
-        oldStyleObject.getDefault(propertyName, null),
-        newStyleObject.getDefault(propertyName, null),
-        lastUpdateObject.getDefault(propertyName, null));
-  }
-}
-
-folly::dynamic RecordPropertiesInterpolator::mapInterpolators(
-    const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const {
-  folly::dynamic result = folly::dynamic::object;
-
-  for (const auto &[propertyName, interpolator] : interpolators_) {
-    const auto value = callback(*interpolator);
-    if (!value.isNull()) {
-      result[propertyName] = value;
-    }
-  }
-
-  return result;
-}
-
-void RecordPropertiesInterpolator::maybeCreateInterpolator(const std::string &propertyName) {
-  if (interpolators_.find(propertyName) == interpolators_.end()) {
-    const auto newInterpolator =
-        createPropertyInterpolator(propertyName, propertyPath_, factories_, viewStylesRepository_);
-    interpolators_.emplace(propertyName, newInterpolator);
-  }
-}
-
-} // namespace reanimated::css
+#include <reanimated/CSS/interpolation/groups/RecordPropertiesInterpolator.h>
+
+#include <memory>
+#include <string>
+#include <unordered_set>
+
+namespace reanimated::css {
+
+RecordPropertiesInterpolator::RecordPropertiesInterpolator(
+    const InterpolatorFactoriesRecord &factories,
+    const PropertyPath &propertyPath,
+    const std::shared_ptr<ViewStylesRepository> &viewStylesRepository)
+    : GroupPropertiesInterpolator(propertyPath, viewStylesRepository), factories_(factories) {}
+
+bool RecordPropertiesInterpolator::equalsReversingAdjustedStartValue(const folly::dynamic &propertyValue) const {
+//  return std::ranges::all_of(propertyValue.items(), [this](const auto &item) {
+//    const auto &[propName, propValue] = item;
+//    const auto it = interpolators_.find(propName.getString());
+//    return it != interpolators_.end() && it->second->equalsReversingAdjustedStartValue(propValue);
+//  });
+     //TODO
+    return std::all_of(propertyValue.items().begin(), propertyValue.items().end(), [this](const auto &item) {
+        const auto &[propName, propValue] = item;
+        const auto it = interpolators_.find(propName.getString());
+        return it != interpolators_.end() &&
+            it->second->equalsReversingAdjustedStartValue(propValue);
+    });
+}
+
+void RecordPropertiesInterpolator::updateKeyframes(jsi::Runtime &rt, const jsi::Value &keyframes) {
+  // TODO - maybe add a possibility to remove interpolators that are no longer
+  // used (for now, for simplicity, we only add new ones)
+  const jsi::Object keyframesObject = keyframes.asObject(rt);
+
+  jsi::Array propertyNames = keyframesObject.getPropertyNames(rt);
+  size_t propertiesCount = propertyNames.size(rt);
+
+  for (size_t i = 0; i < propertiesCount; ++i) {
+    const std::string propertyName = propertyNames.getValueAtIndex(rt, i).asString(rt).utf8(rt);
+    const jsi::Value &propertyKeyframes = keyframesObject.getProperty(rt, jsi::PropNameID::forUtf8(rt, propertyName));
+
+    maybeCreateInterpolator(propertyName);
+    interpolators_[propertyName]->updateKeyframes(rt, propertyKeyframes);
+  }
+}
+
+void RecordPropertiesInterpolator::updateKeyframesFromStyleChange(
+    const folly::dynamic &oldStyleValue,
+    const folly::dynamic &newStyleValue,
+    const folly::dynamic &lastUpdateValue) {
+  // TODO - maybe add a possibility to remove interpolators that are no longer
+  // used (for now, for simplicity, we only add new ones)
+  const folly::dynamic emptyObject = folly::dynamic::object();
+  const auto null = folly::dynamic();
+
+  const auto &oldStyleObject = oldStyleValue.empty() ? emptyObject : oldStyleValue;
+  const auto &newStyleObject = newStyleValue.empty() ? emptyObject : newStyleValue;
+  const auto &lastUpdateObject = lastUpdateValue.empty() ? emptyObject : lastUpdateValue;
+
+  std::unordered_set<std::string> propertyNamesSet;
+  for (const auto &key : oldStyleObject.keys()) {
+    propertyNamesSet.insert(key.asString());
+  }
+  for (const auto &key : newStyleObject.keys()) {
+    propertyNamesSet.insert(key.asString());
+  }
+
+  for (const auto &propertyName : propertyNamesSet) {
+    maybeCreateInterpolator(propertyName);
+    interpolators_[propertyName]->updateKeyframesFromStyleChange(
+        oldStyleObject.getDefault(propertyName, null),
+        newStyleObject.getDefault(propertyName, null),
+        lastUpdateObject.getDefault(propertyName, null));
+  }
+}
+
+folly::dynamic RecordPropertiesInterpolator::mapInterpolators(
+    const std::function<folly::dynamic(PropertyInterpolator &)> &callback) const {
+  folly::dynamic result = folly::dynamic::object;
+
+  for (const auto &[propertyName, interpolator] : interpolators_) {
+    const auto value = callback(*interpolator);
+    if (!value.isNull()) {
+      result[propertyName] = value;
+    }
+  }
+
+  return result;
+}
+
+void RecordPropertiesInterpolator::maybeCreateInterpolator(const std::string &propertyName) {
+  if (interpolators_.find(propertyName) == interpolators_.end()) {
+    const auto newInterpolator =
+        createPropertyInterpolator(propertyName, propertyPath_, factories_, viewStylesRepository_);
+    interpolators_.emplace(propertyName, newInterpolator);
+  }
+}
+
+} // namespace reanimated::css