Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@lottiefiles/dotlottie-react

Package Overview
Dependencies
Maintainers
1
Versions
81
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lottiefiles/dotlottie-react - npm Package Compare versions

Comparing version 0.10.0 to 0.10.1-alpha.0

dist/base-dotlottie-react.d.ts

60

dist/index.d.ts

@@ -1,59 +0,9 @@

import { Config, DotLottie, DotLottieWorker } from '@lottiefiles/dotlottie-web';
export { DotLottieReact, DotLottieReactProps } from './dotlottie.js';
export * from '@lottiefiles/dotlottie-web';
import { ComponentProps, RefCallback } from 'react';
export { DotLottieWorkerReact, DotLottieWorkerReactProps } from './dotlottie-worker.js';
import './base-dotlottie-react.js';
import 'react';
type DotLottieReactProps = Omit<Config, 'canvas'> & ComponentProps<'canvas'> & {
animationId?: string;
dotLottieRefCallback?: RefCallback<DotLottie>;
playOnHover?: boolean;
themeData?: string;
themeId?: string;
};
declare const DotLottieReact: ({ animationId, autoplay, backgroundColor, data, dotLottieRefCallback, loop, marker, mode, playOnHover, renderConfig, segment, speed, src, themeData, themeId, useFrameInterpolation, ...props }: DotLottieReactProps) => JSX.Element;
type DotLottieConfig = Omit<Config, 'canvas'> & {
animationId?: string;
playOnHover?: boolean;
themeData?: string;
themeId?: string;
};
interface UseDotLottieResult {
DotLottieComponent: (props: ComponentProps<'canvas'>) => JSX.Element;
canvas: HTMLCanvasElement | null;
container: HTMLDivElement | null;
dotLottie: DotLottie | null;
setCanvasRef: RefCallback<HTMLCanvasElement>;
setContainerRef: RefCallback<HTMLDivElement>;
}
declare const useDotLottie: (config?: DotLottieConfig) => UseDotLottieResult;
type DotLottieWorkerConfig = Omit<Config, 'canvas'> & {
animationId?: string;
playOnHover?: boolean;
themeData?: string;
themeId?: string;
workerId?: string;
};
interface UseDotLottieWorkerResult {
DotLottieComponent: (props: ComponentProps<'canvas'>) => JSX.Element;
canvas: HTMLCanvasElement | null;
container: HTMLDivElement | null;
dotLottie: DotLottieWorker | null;
setCanvasRef: RefCallback<HTMLCanvasElement>;
setContainerRef: RefCallback<HTMLDivElement>;
}
declare const useDotLottieWorker: (config?: DotLottieWorkerConfig) => UseDotLottieWorkerResult;
type DotLottieWorkerReactProps = Omit<Config, 'canvas'> & ComponentProps<'canvas'> & {
animationId?: string;
dotLottieRefCallback?: RefCallback<DotLottieWorker | null>;
playOnHover?: boolean;
themeData?: string;
themeId?: string;
workerId?: string;
};
declare const DotLottieWorkerReact: ({ animationId, autoplay, backgroundColor, data, dotLottieRefCallback, loop, marker, mode, playOnHover, renderConfig, segment, speed, src, themeData, themeId, useFrameInterpolation, workerId, ...props }: DotLottieWorkerReactProps) => JSX.Element;
declare const setWasmUrl: (url: string) => void;
export { type DotLottieConfig, DotLottieReact, type DotLottieReactProps, type DotLottieWorkerConfig, DotLottieWorkerReact, type DotLottieWorkerReactProps, type UseDotLottieResult, type UseDotLottieWorkerResult, setWasmUrl, useDotLottie, useDotLottieWorker };
export { setWasmUrl };
{
"name": "@lottiefiles/dotlottie-react",
"version": "0.10.0",
"version": "0.10.1-alpha.0",
"type": "module",

@@ -5,0 +5,0 @@ "description": "React wrapper around the dotlottie-web library",

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc