yet-another-react-lightbox 1.3.1 → 1.3.2

package/dist/Lightbox.js

@@ -25,7 +25,7 @@ const LightboxComponent = (props) => {
 };
 LightboxComponent.propTypes = LightboxPropTypes;
 export const Lightbox = (props) => {
-    const { carousel, animation, render, toolbar, on, ...restProps } = props;
-    const { carousel: defaultCarousel, animation: defaultAnimation, render: defaultRender, toolbar: defaultToolbar, on: defaultOn, ...restDefaultProps } = LightboxDefaultProps;
-    return (React.createElement(LightboxComponent, { carousel: { ...defaultCarousel, ...carousel }, animation: { ...defaultAnimation, ...animation }, render: { ...defaultRender, ...render }, toolbar: { ...defaultToolbar, ...toolbar }, on: { ...defaultOn, ...on }, ...restDefaultProps, ...restProps }));
+    const { carousel, animation, render, toolbar, controller, on, ...restProps } = props;
+    const { carousel: defaultCarousel, animation: defaultAnimation, render: defaultRender, toolbar: defaultToolbar, controller: defaultController, on: defaultOn, ...restDefaultProps } = LightboxDefaultProps;
+    return (React.createElement(LightboxComponent, { carousel: { ...defaultCarousel, ...carousel }, animation: { ...defaultAnimation, ...animation }, render: { ...defaultRender, ...render }, toolbar: { ...defaultToolbar, ...toolbar }, controller: { ...defaultController, ...controller }, on: { ...defaultOn, ...on }, ...restDefaultProps, ...restProps }));
 };

package/dist/core/modules/Controller.js

@@ -42,8 +42,10 @@ export const Controller = ({ children, ...props }) => {
     }, [containerRef]);
     React.useEffect(() => {
         var _a;
-        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [containerRef]);
+        if (refs.current.props.controller.focus) {
+            (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [containerRef, refs]);
     React.useEffect(() => {
         var _a, _b;
         (_b = (_a = refs.current.props.on).view) === null || _b === void 0 ? void 0 : _b.call(_a, state.currentIndex);

package/dist/plugins/Inline.js

@@ -3,7 +3,7 @@ import { createModule } from "../core/index.js";
 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 }) => ({
+    augment(({ toolbar: { buttons, ...restToolbar }, open, close, controller: { focus, ...restController }, ...restProps }) => ({
         open: true,
         close: () => { },
         toolbar: {
@@ -11,6 +11,7 @@ const Inline = ({ augment, replace, remove }) => {
             ...restToolbar,
         },
         inline: { style: { width: "100%", height: "100%" } },
+        controller: { focus: false, ...restController },
         ...restProps,
     }));
     remove("no-scroll");

package/dist/types.d.ts

@@ -13,16 +13,19 @@ export interface SlideTypes {
     SlideImage: SlideImage;
 }
 export declare type Slide = SlideTypes[keyof SlideTypes];
-export interface Carousel {
+export interface CarouselSettings {
     finite: boolean;
     preload: number;
     padding: string | number;
     spacing: string | number;
 }
-export interface Animation {
+export interface AnimationSettings {
     fade: number;
     swipe: number;
 }
+export interface ControllerSettings {
+    focus: boolean;
+}
 export interface Render {
     slide?: (slide: Slide) => React.ReactNode;
     iconPrev?: () => React.ReactNode;
@@ -49,9 +52,10 @@ export interface LightboxProps {
     render: Render;
     labels: Labels;
     plugins: Plugin[];
-    toolbar: Toolbar;
-    carousel: Carousel;
-    animation: Animation;
+    toolbar: ToolbarSettings;
+    carousel: CarouselSettings;
+    animation: AnimationSettings;
+    controller: ControllerSettings;
     on: Callbacks;
 }
 export declare const SlideTypesPropTypes: PropTypes.Validator<any>[];
@@ -86,6 +90,9 @@ export declare const LightboxPropTypes: {
         fade: PropTypes.Validator<number>;
         swipe: PropTypes.Validator<number>;
     }>>;
+    controller: PropTypes.Validator<PropTypes.InferProps<{
+        focus: PropTypes.Validator<boolean>;
+    }>>;
     on: PropTypes.Validator<PropTypes.InferProps<{
         view: PropTypes.Requireable<(...args: any[]) => any>;
         entering: PropTypes.Requireable<(...args: any[]) => any>;
@@ -101,16 +108,17 @@ export declare const LightboxDefaultProps: {
     slides: Slide[];
     render: Render;
     plugins: Plugin[];
-    toolbar: Toolbar;
+    toolbar: ToolbarSettings;
     labels: Labels;
-    animation: Animation;
-    carousel: Carousel;
+    animation: AnimationSettings;
+    carousel: CarouselSettings;
+    controller: ControllerSettings;
     on: Callbacks;
 };
 export declare type Labels = {
     [key: string]: string;
 };
-export interface Toolbar {
+export interface ToolbarSettings {
     buttons: ("close" | React.ReactNode)[];
 }
 export declare type ComponentProps = Omit<LightboxProps, "plugins">;

package/dist/types.js

@@ -44,6 +44,9 @@ export const LightboxPropTypes = {
         fade: PropTypes.number.isRequired,
         swipe: PropTypes.number.isRequired,
     }).isRequired,
+    controller: PropTypes.shape({
+        focus: PropTypes.bool.isRequired,
+    }).isRequired,
     on: PropTypes.shape({
         view: PropTypes.func,
         entering: PropTypes.func,
@@ -71,5 +74,8 @@ export const LightboxDefaultProps = {
         padding: "16px",
         spacing: "30%",
     },
+    controller: {
+        focus: true,
+    },
     on: {},
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "yet-another-react-lightbox",
-    "version": "1.3.1",
+    "version": "1.3.2",
     "description": "Modern React lightbox component",
     "author": "Igor Danchenko",
     "license": "MIT",