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

yet-another-react-lightbox

Package Overview
Dependencies
Maintainers
1
Versions
132
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

yet-another-react-lightbox - npm Package Compare versions

Comparing version 1.3.0 to 1.3.1

9

dist/plugins/Fullscreen.d.ts

@@ -34,7 +34,10 @@ import * as React from "react";

}
export declare type FullscreenButtonProps = Pick<LightboxProps, "labels"> & {
declare type FullscreenButtonProps = Pick<LightboxProps, "labels"> & {
auto: boolean;
render: Render;
};
export declare const FullscreenButton: ({ auto, labels, render }: FullscreenButtonProps) => JSX.Element | null;
export declare const Fullscreen: Plugin;
declare const FullscreenButton: ({ auto, labels, render }: FullscreenButtonProps) => JSX.Element | null;
declare const Fullscreen: Plugin;
export type { FullscreenButtonProps };
export { Fullscreen, FullscreenButton };
export default Fullscreen;

@@ -5,3 +5,3 @@ import * as React from "react";

const ExitFullscreenIcon = createIcon("ExitFullscreen", React.createElement("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }));
export const FullscreenButton = ({ auto, labels, render }) => {
const FullscreenButton = ({ auto, labels, render }) => {
const [fullscreen, setFullscreen] = React.useState(false);

@@ -96,3 +96,3 @@ const latestAuto = useLatest(auto);

};
export const Fullscreen = ({ augment }) => {
const Fullscreen = ({ augment }) => {
augment(({ toolbar: { buttons, ...restToolbar }, ...restProps }) => ({

@@ -109,1 +109,3 @@ toolbar: {

};
export { Fullscreen, FullscreenButton };
export default Fullscreen;

@@ -8,4 +8,6 @@ import * as React from "react";

}
export declare const InlineContainer: Component;
export declare const InlineModule: import("../types.js").Module;
export declare const Inline: Plugin;
declare const InlineContainer: Component;
declare const InlineModule: import("../types.js").Module;
declare const Inline: Plugin;
export { Inline, InlineModule, InlineContainer };
export default Inline;
import * as React from "react";
import { createModule } from "../core/index.js";
export const InlineContainer = ({ inline, children }) => React.createElement("div", { ...inline }, children);
export const InlineModule = createModule("inline", InlineContainer);
export const Inline = ({ augment, replace, remove }) => {
const InlineContainer = ({ inline, children }) => React.createElement("div", { ...inline }, children);
const InlineModule = createModule("inline", InlineContainer);
const Inline = ({ augment, replace, remove }) => {
augment(({ toolbar: { buttons, ...restToolbar }, open, close, ...restProps }) => ({

@@ -19,1 +19,3 @@ open: true,

};
export { Inline, InlineModule, InlineContainer };
export default Inline;

@@ -18,5 +18,7 @@ /// <reference types="react" />

}
export declare const VideoSlide: ({ slide: { sources, poster, width, height } }: {
declare const VideoSlide: ({ slide: { sources, poster, width, height } }: {
slide: SlideVideo;
}) => JSX.Element;
export declare const Video: Plugin;
declare const Video: Plugin;
export { Video, VideoSlide };
export default Video;

@@ -15,3 +15,3 @@ import * as React from "react";

}));
export const VideoSlide = ({ slide: { sources, poster, width, height } }) => {
const VideoSlide = ({ slide: { sources, poster, width, height } }) => {
const { setContainerRef, containerRect } = useContainerRect();

@@ -32,3 +32,3 @@ const scaleWidthAndHeight = () => {

};
export const Video = ({ augment }) => {
const Video = ({ augment }) => {
augment(({ render: { slide: renderSlide, ...restRender }, ...restProps }) => ({

@@ -47,1 +47,3 @@ render: {

};
export { Video, VideoSlide };
export default Video;
{
"name": "yet-another-react-lightbox",
"version": "1.3.0",
"version": "1.3.1",
"description": "Modern React lightbox component",

@@ -5,0 +5,0 @@ "author": "Igor Danchenko",

# Yet Another React Lightbox
Modern lightbox component for React.
Modern React lightbox component.

@@ -5,0 +5,0 @@ ## Overview

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