yet-another-react-lightbox 3.19.0 → 3.20.0

package/dist/plugins/captions/index.d.ts

@@ -19,6 +19,8 @@ declare module "yet-another-react-lightbox" {
         captions?: {
             /** Captions plugin ref */
             ref?: React.ForwardedRef<CaptionsRef>;
+            /** if `true`, captions are hidden when the lightbox opens */
+            hidden?: boolean;
             /** if `true`, show Captions Toggle button in the toolbar */
             showToggle?: boolean;
             /** description text alignment */

package/dist/plugins/captions/index.js

@@ -8,6 +8,7 @@ const defaultCaptionsProps = {
     descriptionTextAlign: "start",
     descriptionMaxLines: 3,
     showToggle: false,
+    hidden: false,
 };
 const resolveCaptionsProps = (captions) => ({
     ...defaultCaptionsProps,
@@ -21,8 +22,8 @@ function useCaptionsProps() {
 const CaptionsContext = React.createContext(null);
 const useCaptions = makeUseContext("useCaptions", "CaptionsContext", CaptionsContext);
 function CaptionsContextProvider({ captions, children }) {
-    const { ref } = resolveCaptionsProps(captions);
-    const [visible, setVisible] = React.useState(true);
+    const { ref, hidden } = resolveCaptionsProps(captions);
+    const [visible, setVisible] = React.useState(!hidden);
     const context = React.useMemo(() => ({
         visible,
         show: () => setVisible(true),

package/dist/plugins/thumbnails/index.d.ts

@@ -36,6 +36,8 @@ declare module "yet-another-react-lightbox" {
             imageFit?: ImageFit;
             /** if `true`, show the vignette effect on the edges of the thumbnails track */
             vignette?: boolean;
+            /** if `true`, thumbnails are hidden when the lightbox opens */
+            hidden?: boolean;
             /** if `true`, show the Toggle Thumbnails button in the toolbar */
             showToggle?: boolean;
         };

package/dist/plugins/thumbnails/index.js

@@ -13,6 +13,8 @@ const defaultThumbnailsProps = {
     gap: 16,
     imageFit: "contain",
     vignette: true,
+    hidden: false,
+    showToggle: false,
 };
 const resolveThumbnailsProps = (thumbnails) => ({
     ...defaultThumbnailsProps,
@@ -205,9 +207,9 @@ function ThumbnailsTrack({ visible, containerRef }) {
 const ThumbnailsContext = React.createContext(null);
 const useThumbnails = makeUseContext("useThumbnails", "ThumbnailsContext", ThumbnailsContext);
 function ThumbnailsContextProvider({ children, ...props }) {
-    const [visible, setVisible] = React.useState(true);
+    const { ref, position, hidden } = resolveThumbnailsProps(props.thumbnails);
+    const [visible, setVisible] = React.useState(!hidden);
     const containerRef = React.useRef(null);
-    const { ref, position } = resolveThumbnailsProps(props.thumbnails);
     const context = React.useMemo(() => ({
         visible,
         show: () => setVisible(true),

package/package.json

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