You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

lightbox.js-react

Package Overview
Dependencies
Maintainers
1
Versions
157
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

lightbox.js-react - npm Package Compare versions

Comparing version

to
1.5.6

dist/chunk-22XN4GMO.mjs

2

dist/components/Image/Image.d.ts

@@ -30,2 +30,2 @@ import React__default, { ReactNode } from 'react';

export { Image, type ImageProps };
export { Image, ImageProps };

@@ -88,2 +88,2 @@ import * as React from 'react';

export { SlideshowLightbox, type SlideshowLightboxProps };
export { SlideshowLightbox, SlideshowLightboxProps };

@@ -14,2 +14,2 @@ import { ElementType, ComponentPropsWithoutRef } from 'react';

export type { As, HTMLProps, PropsOf };
export { As, HTMLProps, PropsOf };

@@ -16,5 +16,5 @@ "use client";

// src/types.ts
// lib/types.ts
var types_exports = {};
module.exports = __toCommonJS(types_exports);
//# sourceMappingURL=types.js.map
{
"name": "lightbox.js-react",
"version": "1.5.5",
"version": "1.5.6",
"description": "React lightbox with animation and customization options",

@@ -28,4 +28,4 @@ "author": "silvia-odwyer",

"check-console-log": "eslint --no-inline-config --no-config-lookup --no-ignore --rule \"no-console: error\" \"src/**/*.tsx\"",
"prepublishOnly": "node publishLibrary.js && pnpm build",
"release": "node publishLibrary.js && pnpm build && npm publish",
"prepublishOnly": "node scripts/publishLibrary.js && npm run build",
"release": "npm publish",
"lint": "eslint -c .eslintrc.cjs ./src/**/*.{ts,tsx}",

@@ -32,0 +32,0 @@ "lint:fix": "eslint --fix -c .eslintrc.cjs ./src/**/*.{ts,tsx}",

# lightbox.js
[![NPM](https://img.shields.io/npm/v/lightbox.js-react.svg)](https://www.npmjs.com/package/lightbox.js-react) ![JavaScript Style Guide](https://img.shields.io/github/languages/top/silvia-odwyer/lightbox.js) [![JavaScript Style Guide](https://img.shields.io/gitter/room/silvia-odwyer/lightbox.js)](https://gitter.im/lightbox-js/community) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com) ![NPM Downloads](https://img.shields.io/npm/dy/lightbox.js-react) ![X (formerly Twitter) Follow](https://img.shields.io/twitter/follow/silvia_923)
[![NPM](https://img.shields.io/npm/v/lightbox.js-react.svg)](https://www.npmjs.com/package/lightbox.js-react) ![JavaScript Style Guide](https://img.shields.io/github/languages/top/silvia-odwyer/lightbox.js) [![JavaScript Style Guide](https://img.shields.io/gitter/room/silvia-odwyer/lightbox.js)](https://gitter.im/lightbox-js/community) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

@@ -108,33 +108,2 @@ > All-in-one React lightbox with animation and customization options

### Customization
Some examples of customization include:
#### Close modal outside image click
The default way to close the lightbox is by clicking the close button in the top-right corner or pressing the Esc key.
If you would like to close the modal when the outside of the image is clicked, then set the **modalClose** prop to "clickOutside":
```jsx
<SlideshowLightbox modalClose="clickOutside">
...
</SlideshowLightbox>
```
#### Lightbox theme
There are three built-in lightbox themes available, including a dark mode theme. Just pass the theme name to the **theme** prop. The options are: day, night, and lightbox.
```jsx
<SlideshowLightbox theme="night">
...
</SlideshowLightbox>
```
#### Lightbox background color
If you would prefer to set a custom background color, then just pass the color to the **backgroundColor** prop:
```jsx
<SlideshowLightbox backgroundColor="white">
...
</SlideshowLightbox>
```
The above are just some examples of the customization available. For the full list, be sure to take a look at our [docs here](https://www.getlightboxjs.com/docs/SlideshowLightbox/).
####
#### 🔑 Getting A License Key

@@ -172,3 +141,2 @@ Depending on the nature of your project, there are two ways to get a license key:

| showFullScreenIcon | Show the full-screen icon in the controls. Default is true |
| showRotationIcon | Show the rotation icon in the controls. Images can be rotated when this is clicked. Default is false |
| showThumbnailIcon | Show the thumbnail icon in the controls. Default is true. |

@@ -250,5 +218,2 @@ | showSlideshowIcon | Show the slideshow icon in the controls. Default is true |

## Maintained By
- Silvia O'Dwyer - [Twitter](https://twitter.com/silvia_923) ![X (formerly Twitter) Follow](https://img.shields.io/twitter/follow/silvia_923)
## Contributions

@@ -255,0 +220,0 @@ If you'd like to add any new features, we're always welcoming new contributions! We only accept contributions that are under the GPL v3 License, so if you agree to this license and its terms, then we'd be delighed to integrate your contribution!

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet