yet-another-react-lightbox 1.2.0 → 1.2.3

package/dist/Lightbox.d.ts

@@ -1,49 +1,9 @@
-import * as React from "react";
-import { LightboxDefaultProps, LightboxProps } from "./types.js";
-declare const LightboxComponent: {
-    (props: LightboxProps & typeof LightboxDefaultProps): JSX.Element | null;
-    propTypes: {
-        open: import("prop-types").Validator<boolean>;
-        close: import("prop-types").Validator<(...args: any[]) => any>;
-        index: import("prop-types").Validator<number>;
-        slides: import("prop-types").Validator<any[]>;
-        render: import("prop-types").Validator<import("prop-types").InferProps<{}>>;
-        plugins: import("prop-types").Validator<((...args: any[]) => any)[]>;
-        toolbar: import("prop-types").Validator<import("prop-types").InferProps<{
-            buttons: import("prop-types").Validator<(string | number | boolean | import("prop-types").ReactElementLike | import("prop-types").ReactNodeArray | null | undefined)[]>;
-        }>>;
-        labels: import("prop-types").Validator<import("prop-types").InferProps<{}>>;
-        carousel: import("prop-types").Validator<import("prop-types").InferProps<{
-            finite: import("prop-types").Validator<boolean>;
-            preload: import("prop-types").Validator<number>;
-            padding: import("prop-types").Validator<string | number>;
-            spacing: import("prop-types").Validator<string | number>;
-        }>>;
-        animation: import("prop-types").Validator<import("prop-types").InferProps<{
-            fade: import("prop-types").Validator<number>;
-            swipe: import("prop-types").Validator<number>;
-        }>>;
-        on: import("prop-types").Validator<import("prop-types").InferProps<{}>>;
-    };
-    defaultProps: {
-        open: boolean;
-        close: () => void;
-        index: number;
-        slides: import("./types.js").Slide[];
-        render: import("./types.js").Render;
-        plugins: import("./types.js").Plugin[];
-        toolbar: import("./types.js").Toolbar;
-        labels: import("./types.js").Labels;
-        animation: import("./types.js").Animation;
-        carousel: import("./types.js").Carousel;
-        on: import("./types.js").Callbacks;
-    };
-};
-declare type ComponentProps<T> = T extends React.ComponentType<infer P> | React.Component<infer P> ? JSX.LibraryManagedAttributes<T, P> : never;
+/// <reference types="react" />
+import { LightboxProps } from "./types.js";
 declare type MakePartial<T> = T extends object ? Partial<T> : T;
 declare type NestedPartial<T extends object> = {
     [P in keyof T]?: MakePartial<T[P]>;
 };
 declare type NestedOptional<T, K extends keyof T> = Omit<T, K> & NestedPartial<Pick<T, K>>;
-export declare const Lightbox: (props: NestedOptional<ComponentProps<typeof LightboxComponent>, "carousel" | "animation">) => JSX.Element;
+export declare const Lightbox: (props: NestedOptional<Partial<LightboxProps>, "carousel" | "animation" | "render" | "toolbar" | "on">) => JSX.Element;
 export {};

package/dist/Lightbox.js

@@ -24,9 +24,8 @@ const LightboxComponent = (props) => {
     return React.createElement(React.Fragment, null, renderNode(createNode(CoreModule, config), augmentedProps));
 };
 LightboxComponent.propTypes = LightboxPropTypes;
-LightboxComponent.defaultProps = LightboxDefaultProps;
 export const Lightbox = (props) => {
-    const { carousel, animation, ...restProps } = props;
-    const { carousel: defaultCarousel, animation: defaultAnimation, ...restDefaultProps } = LightboxDefaultProps;
-    return (React.createElement(LightboxComponent, { carousel: { ...defaultCarousel, ...carousel }, animation: { ...defaultAnimation, ...animation }, ...restDefaultProps, ...restProps }));
+    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 }));
 };

package/dist/types.d.ts

@@ -60,7 +60,17 @@ export declare const LightboxPropTypes: {
     close: PropTypes.Validator<(...args: any[]) => any>;
     index: PropTypes.Validator<number>;
     slides: PropTypes.Validator<any[]>;
-    render: PropTypes.Validator<PropTypes.InferProps<{}>>;
+    render: PropTypes.Validator<PropTypes.InferProps<{
+        slide: PropTypes.Requireable<(...args: any[]) => any>;
+        iconPrev: PropTypes.Requireable<(...args: any[]) => any>;
+        iconNext: PropTypes.Requireable<(...args: any[]) => any>;
+        iconClose: PropTypes.Requireable<(...args: any[]) => any>;
+        iconLoading: PropTypes.Requireable<(...args: any[]) => any>;
+        iconError: PropTypes.Requireable<(...args: any[]) => any>;
+        buttonPrev: PropTypes.Requireable<(...args: any[]) => any>;
+        buttonNext: PropTypes.Requireable<(...args: any[]) => any>;
+        buttonClose: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
     plugins: PropTypes.Validator<((...args: any[]) => any)[]>;
     toolbar: PropTypes.Validator<PropTypes.InferProps<{
         buttons: PropTypes.Validator<(string | number | boolean | PropTypes.ReactElementLike | PropTypes.ReactNodeArray | null | undefined)[]>;
@@ -76,7 +86,13 @@ export declare const LightboxPropTypes: {
         fade: PropTypes.Validator<number>;
         swipe: PropTypes.Validator<number>;
     }>>;
-    on: PropTypes.Validator<PropTypes.InferProps<{}>>;
+    on: PropTypes.Validator<PropTypes.InferProps<{
+        view: PropTypes.Requireable<(...args: any[]) => any>;
+        entering: PropTypes.Requireable<(...args: any[]) => any>;
+        entered: PropTypes.Requireable<(...args: any[]) => any>;
+        exiting: PropTypes.Requireable<(...args: any[]) => any>;
+        exited: PropTypes.Requireable<(...args: any[]) => any>;
+    }>>;
 };
 export declare const LightboxDefaultProps: {
     open: boolean;

package/dist/types.js

@@ -18,7 +18,17 @@ export const LightboxPropTypes = {
     close: PropTypes.func.isRequired,
     index: PropTypes.number.isRequired,
     slides: PropTypes.arrayOf(PropTypes.oneOfType(SlideTypesPropTypes).isRequired).isRequired,
-    render: PropTypes.shape({}).isRequired,
+    render: PropTypes.shape({
+        slide: PropTypes.func,
+        iconPrev: PropTypes.func,
+        iconNext: PropTypes.func,
+        iconClose: PropTypes.func,
+        iconLoading: PropTypes.func,
+        iconError: PropTypes.func,
+        buttonPrev: PropTypes.func,
+        buttonNext: PropTypes.func,
+        buttonClose: PropTypes.func,
+    }).isRequired,
     plugins: PropTypes.arrayOf(PropTypes.func.isRequired).isRequired,
     toolbar: PropTypes.shape({
         buttons: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(["close"]), PropTypes.node])).isRequired,
@@ -34,7 +44,13 @@ export const LightboxPropTypes = {
         fade: PropTypes.number.isRequired,
         swipe: PropTypes.number.isRequired,
     }).isRequired,
-    on: PropTypes.shape({}).isRequired,
+    on: PropTypes.shape({
+        view: PropTypes.func,
+        entering: PropTypes.func,
+        entered: PropTypes.func,
+        exiting: PropTypes.func,
+        exited: PropTypes.func,
+    }).isRequired,
 };
 export const LightboxDefaultProps = {
     open: false,

package/package.json

@@ -1,10 +1,11 @@
 {
     "name": "yet-another-react-lightbox",
-    "version": "1.2.0",
+    "version": "1.2.3",
     "description": "Modern lightbox component for React",
     "author": "Igor Danchenko",
     "license": "MIT",
     "type": "module",
+    "main": "dist/index.js",
     "exports": {
         ".": "./dist/index.js",
         "./core": "./dist/core/index.js",
@@ -64,7 +65,7 @@
         "test": "jest"
     },
     "dependencies": {
-        "prop-types": "^15.8.1"
+        "prop-types": "^15.5.7"
     },
     "peerDependencies": {
         "react": ">=16.8.0",
@@ -76,7 +77,7 @@
         "@semantic-release/changelog": "^6.0.1",
         "@semantic-release/github": "^8.0.4",
         "@testing-library/jest-dom": "^5.16.4",
-        "@testing-library/react": "^13.2.0",
+        "@testing-library/react": "^13.3.0",
         "@testing-library/user-event": "^14.2.0",
         "@types/jest": "^27.5.1",
         "@types/react": "^18.0.9",