build(deps): bump @lottiefiles/dotlottie-react from 0.6.4 to 0.7.0 in /apps/OpenSign

[dependabot[bot]]

Bumps @lottiefiles/dotlottie-react from 0.6.4 to 0.7.0.

Release notes

Sourced from @​lottiefiles/dotlottie-react's releases.

@​lottiefiles/dotlottie-react@​0.7.0

Minor Changes

• f0226ec: Feature Update: 🎸 Add optional animationId, themeId, and themeData props to DotLottieReact component

  We are excited to introduce new optional props to the DotLottieReact component: animationId, themeId, and themeData.

  New Features:

  • animationId: Allows you to specify and render a particular animation from a .lottie file containing multiple animations.
  • themeId: Enables the application of a particular theme from the loaded .lottie file to the currently active animation.
  • themeData: Allows you to pass custom theme data to the currently active animation.

  Usage Example:

  import { DotLottieReact } from '@lottiefiles/dotlottie-react';
  import React, { useState, useEffect } from 'react';
  const App = () => {
  const [dotLottie, setDotLottie] = useState(null);
  const [animations, setAnimations] = useState([]);
  const [themes, setThemes] = useState([]);
  const [currentThemeId, setCurrentThemeId] = useState('');
  const [currentAnimationId, setCurrentAnimationId] = useState('');
  useEffect(() => {
  const onLoad = () => {
  if (dotLottie) {
  setAnimations(dotLottie.manifest.animations || []);
  setThemes(dotLottie.manifest.themes || []);
  setCurrentAnimationId(dotLottie.activeAnimationId);
  setCurrentThemeId(dotLottie.activeThemeId);
  }
  };
  dotLottie?.addEventListener('load', onLoad);
  
  return () => {
    dotLottie?.removeEventListener('load', onLoad);
  };
  
  }, [dotLottie]);
  return (
  <div>
  <DotLottieReact dotLottieRefCallback={setDotLottie} animationId={currentAnimationId} />
  

... (truncated)

Changelog

Sourced from @​lottiefiles/dotlottie-react's changelog.

0.7.0

Minor Changes

• f0226ec: Feature Update: 🎸 Add optional animationId, themeId, and themeData props to DotLottieReact component

  We are excited to introduce new optional props to the DotLottieReact component: animationId, themeId, and themeData.

  New Features:

  • animationId: Allows you to specify and render a particular animation from a .lottie file containing multiple animations.
  • themeId: Enables the application of a particular theme from the loaded .lottie file to the currently active animation.
  • themeData: Allows you to pass custom theme data to the currently active animation.

  Usage Example:

  import { DotLottieReact } from '@lottiefiles/dotlottie-react';
  import React, { useState, useEffect } from 'react';
  const App = () => {
  const [dotLottie, setDotLottie] = useState(null);
  const [animations, setAnimations] = useState([]);
  const [themes, setThemes] = useState([]);
  const [currentThemeId, setCurrentThemeId] = useState('');
  const [currentAnimationId, setCurrentAnimationId] = useState('');
  useEffect(() => {
  const onLoad = () => {
  if (dotLottie) {
  setAnimations(dotLottie.manifest.animations || []);
  setThemes(dotLottie.manifest.themes || []);
  setCurrentAnimationId(dotLottie.activeAnimationId);
  setCurrentThemeId(dotLottie.activeThemeId);
  }
  };
  dotLottie?.addEventListener('load', onLoad);
  
  return () => {
    dotLottie?.removeEventListener('load', onLoad);
  };
  
  }, [dotLottie]);
  return (
  <div>
  

... (truncated)

Commits

• d6354a9 chore: update versions (#263)
• a564ff0 perf(react): ⚡️ render only visible canvas area (#259)
• f0226ec feat(react): 🎸 add animationId & themeId & themeData props (#258)
• 24d4528 chore: 🤖 update versions (#255)
• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
open-sign	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 1, 2024 1:06am