react-pic-gallery 1.3.9 → 1.5.3

package/dist/index.modern.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.js","sources":["../src/CircularLoading.tsx","../src/ImgLazyLoading.tsx","../src/styles.js","../src/ImgLightbox.tsx","../src/index.tsx"],"sourcesContent":["import React from 'react'\r\n\r\nconst extraStyle = `\r\n.lds-dual-ring {\r\n  display: inline-block;\r\n  width: 40px;\r\n  height: 40px;\r\n}\r\n.lds-dual-ring:after {\r\n  content: \" \";\r\n  display: block;\r\n  width: 32px;\r\n  height: 32px;\r\n  margin: 8px;\r\n  border-radius: 50%;\r\n  border: 3px solid rgba(185, 185, 185, 0.466);\r\n  border-color: rgba(185, 185, 185, 0.466) transparent rgba(185, 185, 185, 0.466) transparent;\r\n  animation: lds-dual-ring 1.2s linear infinite;\r\n}\r\n@keyframes lds-dual-ring {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n`\r\n\r\n// 3. Lightbox and Image Component\r\n\r\nexport default function CircularLoading() {\r\n  const styleTag = document.querySelector('#react-pic-style')\r\n  if (!styleTag) {\r\n    const sheet = document.createElement('style')\r\n    sheet.id = 'react-pic-style'\r\n    sheet.innerHTML = extraStyle\r\n    document.body.appendChild(sheet)\r\n  }else{\r\n    styleTag.innerHTML = styleTag.innerHTML + extraStyle;\r\n  }\r\n  return <div className='lds-dual-ring'></div>\r\n}\r\n","import React from 'react'\r\nimport CircularLoading from './CircularLoading'\r\n\r\nconst ImgLazyLoading = (props: {\r\n  imgSrc: string\r\n  style: React.CSSProperties\r\n  onClick: () => void\r\n}) => {\r\n    const [imgSrcUrl, setImgSrcUrl] = React.useState('')\r\n  \r\n    React.useEffect(() => {\r\n      const ac = new AbortController()\r\n      if (props.imgSrc) {\r\n        fetch(props.imgSrc)\r\n          .then((response) => response.blob())\r\n          .then((blob) => {\r\n            setImgSrcUrl(URL.createObjectURL(blob))\r\n          })\r\n      }\r\n      return () => {\r\n        ac.abort()\r\n      } // cleanup function\r\n    }, [props.imgSrc])\r\n  \r\n    if (imgSrcUrl) {\r\n      return (\r\n        <img\r\n          src={imgSrcUrl}\r\n          alt=''\r\n          style={{\r\n            ...props.style\r\n          }}\r\n          onClick={() => {\r\n            props.onClick()\r\n          }}\r\n        />\r\n      )\r\n    } else {\r\n      return (\r\n        <div\r\n          style={{\r\n            height: '100%',\r\n            width: '100%',\r\n            display: 'flex',\r\n            alignItems: 'center',\r\n            alignContent: 'center',\r\n            justifyContent: 'center',\r\n            background: 'rgba(0, 0, 0, 0.157)',\r\n            border: '1px solid rgba(0, 0, 0,0.3)'\r\n          }}\r\n        >\r\n          <CircularLoading />\r\n        </div>\r\n      )\r\n    }\r\n  }\r\n\r\n  export default ImgLazyLoading;","let styles = {}\r\n\r\nstyles.ModalDiv = {\r\n  position: 'fixed',\r\n  top: 0,\r\n  left: 0,\r\n  width: '100%',\r\n  height: '100%',\r\n  background: `rgba(0, 0, 0, 0.454)`,\r\n  backdropFilter: 'blur(6px)',\r\n  zIndex: 9999999,\r\n  display: 'grid',\r\n  gridTemplateRows: '60px | auto | 300px',\r\n  justifyContent: 'center',\r\n  alignContent: 'center'\r\n}\r\n\r\nstyles.LbButtonsDiv = {\r\n  position: 'absolute',\r\n  top: '10px',\r\n  width: 'calc(100% - 20px)'\r\n}\r\n\r\nstyles.LbButton = {\r\n  float: 'right',\r\n  textDecoration: 'none',\r\n  color: 'white',\r\n  padding: '5px',\r\n  border: '1px solid white',\r\n  borderRadius: '5px'\r\n}\r\nstyles.ABtn = {\r\n  float: 'right',\r\n  textDecoration: 'none',\r\n  color: 'white'\r\n}\r\n\r\nstyles.DescriptionDiv = {\r\n  background: 'white',\r\n  padding: '10px',\r\n  color: '#666',\r\n  textAlign: 'center',\r\n  position: 'relative',\r\n  zIndex: -1,\r\n}\r\n\r\nstyles.Wrapper = {\r\n  display: 'flex',\r\n  width: '100%',\r\n  minWidth: 200,\r\n  height: '100%'\r\n}\r\n\r\nstyles.Grid = {\r\n  display: 'grid',\r\n  gridTemplateRows: '1fr',\r\n  gap: '2px',\r\n  width: '100%',\r\n  height: 'auto'\r\n}\r\n\r\nexport default styles;","import { imageObject, Options } from 'index'\r\nimport React from 'react'\r\nimport { TransformComponent, TransformWrapper } from 'react-zoom-pan-pinch'\r\nimport CircularLoading from './CircularLoading'\r\nimport styles from './styles'\r\n\r\nconst ImgLightbox = (props: {\r\n  imgObj: imageObject | null\r\n  options?: Options\r\n  onClose: () => void\r\n  onNavigation?: (arg0: 'next' | 'previous') => void\r\n  hasPrevious?: boolean\r\n  hasNext?: boolean\r\n}) => {\r\n  const [imgSrcUrl, setImgSrcUrl] = React.useState('')\r\n\r\n  const DescriptionCustomBox = props.options.descriptionCustomBox\r\n\r\n  React.useEffect(() => {\r\n    const imgSrc = props.imgObj?.fullSrc\r\n      ? props.imgObj.fullSrc\r\n      : props.imgObj?.thumbnailSrc\r\n      ? props.imgObj.thumbnailSrc\r\n      : null\r\n    if (imgSrc) {\r\n      fetch(imgSrc)\r\n        .then((response) => response.blob())\r\n        .then((blob) => {\r\n          setImgSrcUrl(URL.createObjectURL(blob))\r\n        })\r\n    }\r\n    // fixing body scrolling while lightbox is open\r\n    document.body.style.overflow = 'hidden'\r\n  }, [props.imgObj])\r\n\r\n  return (\r\n    <div\r\n      className='reactPic-lightbox'\r\n      onClick={(event) => {\r\n        document.body.style.overflow = ''\r\n        const target = event.target\r\n\r\n        if (target.className === 'reactPic-lightbox') {\r\n          props.onClose()\r\n        }\r\n      }}\r\n      style={styles.ModalDiv}\r\n    >\r\n      <div style={styles.LbButtonsDiv}>\r\n        {props.options?.downloadBtnDisplay ||\r\n        props.options?.downloadCustomBtn ? (\r\n          props.options.downloadCustomBtn ? (\r\n            <a href={imgSrcUrl} download style={styles.ABtn}>\r\n              {props.options.downloadCustomBtn}\r\n            </a>\r\n          ) : (\r\n            <a href={imgSrcUrl} download style={styles.LbButton}>\r\n              Download\r\n            </a>\r\n          )\r\n        ) : null}\r\n      </div>\r\n\r\n      {imgSrcUrl === '' ? (\r\n        <div style={{ display: 'block', margin: 'auto' }}>\r\n          <CircularLoading />\r\n        </div>\r\n      ) : (\r\n        <div>\r\n        <TransformWrapper\r\n          defaultScale={1}\r\n          options={{\r\n            limitToBounds: true,\r\n            limitToWrapper: true,\r\n            transformEnabled: true,\r\n            centerContent:true,\r\n          }}\r\n        >\r\n            <TransformComponent>\r\n              <img\r\n                src={imgSrcUrl}\r\n                alt=''\r\n                id='lightboxImg'\r\n                style={{\r\n                  maxWidth: '80vw',\r\n                  maxHeight: 'calc(80vh - 20px)',\r\n                  margin: 'auto',\r\n                  zIndex: 99999999999\r\n                }}\r\n              />\r\n            </TransformComponent>\r\n          {props.options?.descriptionBoxDisplay ? (\r\n            props.imgObj?.description || DescriptionCustomBox  ? (\r\n              DescriptionCustomBox ? (\r\n                <DescriptionCustomBox imgObj={props.imgObj} onClose={props.onClose}>\r\n                  {props.imgObj?.description}\r\n                </DescriptionCustomBox>\r\n              ) : (\r\n                <div\r\n                  className='reactPic-description'\r\n                  style={styles.DescriptionDiv}\r\n                >\r\n                  {props.imgObj?.description}\r\n                </div>\r\n              )\r\n            ) : null\r\n          ) : null}\r\n        </TransformWrapper>\r\n          {props.hasPrevious && (\r\n            <div\r\n            className=\"react-lightbox-prevBtn\"\r\n              style={{\r\n                position: 'absolute',\r\n                left: 20,\r\n                top: '50%',\r\n                fontSize: 50,\r\n                cursor: 'pointer',\r\n                color:'white',\r\n                display: props.options.hidePagination ? 'none' : 'inherit'\r\n              }}\r\n              onClick={() => {\r\n                props.onNavigation('previous')\r\n              }}\r\n            >\r\n              &#8249;\r\n            </div>\r\n          )}\r\n\r\n          {props.hasNext && (\r\n            <div\r\n              className=\"react-lightbox-nextBtn\"\r\n              style={{\r\n                position: 'absolute',\r\n                right: 20,\r\n                top: '50%',\r\n                fontSize: 50,\r\n                cursor: 'pointer',\r\n                color:'white',\r\n                display: props.options.hidePagination ? 'none' : 'inherit'\r\n              }}\r\n              onClick={() => {\r\n                props.onNavigation('next')\r\n              }}\r\n            >\r\n              &#8250;\r\n            </div>\r\n          )}\r\n          </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ImgLightbox\r\n","import React, { useEffect } from 'react'\r\nimport ImgLazyLoading from './ImgLazyLoading'\r\nimport ImgLightbox from './ImgLightbox'\r\nimport styles from './styles'\r\n\r\n// 1. Types Declaration\r\n\r\nexport interface imageObject {\r\n  fullSrc: string;\r\n  thumbnailSrc?: string;\r\n  description?: string;\r\n  [key: string]: string\r\n}\r\n\r\nexport interface Options {\r\n  downloadBtnDisplay?: boolean;\r\n  downloadCustomBtn?: (props: { imgObj?: imageObject }) => React.ReactNode;\r\n  descriptionBoxDisplay?: boolean;\r\n  descriptionCustomBox?: (props: { imgObj?: imageObject, onClose?: () => void }) => React.ReactNode;\r\n  externalLightbox?: boolean;\r\n  hidePagination?: boolean;\r\n  rowHeight?: string | number;\r\n  /** Number of Pictures per row. Default: 3 */\r\n  picsPerRow?: number;\r\n}\r\n\r\n// 2. Styles\r\n\r\nconst extraStyle = `\r\n`\r\n\r\n// 3. Lightbox and Image Component\r\n\r\n// 4. Main Component\r\n\r\n// 4.1. Default Options\r\n\r\nconst defaultOptions = {\r\n  downloadBtnDisplay: true,\r\n  descriptionBoxDisplay: true,\r\n  navigation: true\r\n}\r\n\r\n// 4.2. Main\r\n\r\nexport default function PicGallery(props: {\r\n  imgList: imageObject[];\r\n  options?: Options,\r\n  bottomCustomContent?: (imgObject) => Element,\r\n  setExtLightboxChildren?: (imgLightbox: React.Reacvagaha) => void\r\n}) {\r\n  // export default function PicGallery(props) {\r\n  const [open, setOpen] = React.useState(false)\r\n  const [modalImgIndex, setModalImgIndex] = React.useState(0)\r\n\r\n  const options: Options = { ...defaultOptions, ...props.options }\r\n\r\n  // solving lightbox not in full screen problem\r\n  useEffect(() => {\r\n    if (typeof props.setExtLightboxChildren == 'function') {\r\n\r\n      if (open) {\r\n        props.setExtLightboxChildren(\r\n          <ImgLightbox\r\n            imgObj={props.imgList[modalImgIndex]}\r\n            options={options}\r\n            onClose={() => {\r\n              setOpen(false)\r\n            }}\r\n          />\r\n        )\r\n      } else {\r\n        props.setExtLightboxChildren(null)\r\n      }\r\n    }\r\n  }, [open])\r\n\r\n  // allowing full screen zooming on react-zoom library\r\n  const styleTag = document.querySelector('#react-pic-style')\r\n  if (!styleTag) {\r\n    const sheet = document.createElement('style')\r\n    sheet.innerHTML =\r\n      '.react-transform-component { overflow: unset !important; }' + extraStyle;\r\n    sheet.id = 'react-pic-style';\r\n    document.body.appendChild(sheet)\r\n  } else {\r\n    styleTag.innerHTML = styleTag.innerHTML + extraStyle\r\n  }\r\n\r\n  return (\r\n    <div className='reactPic-wrapper' style={styles.Wrapper}>\r\n      {open && !props.options.externalLightbox ? (\r\n        <ImgLightbox\r\n          imgObj={props.imgList[modalImgIndex]}\r\n          options={options}\r\n          onNavigation={(action) => {\r\n            if (action === 'next' && modalImgIndex + 1 < props.imgList.length) {\r\n              setModalImgIndex(modalImgIndex + 1)\r\n            } else if (action === 'previous' && modalImgIndex - 1 >= 0) {\r\n              setModalImgIndex(modalImgIndex - 1)\r\n            }\r\n          }}\r\n          onClose={() => {\r\n            setOpen(false)\r\n          }}\r\n          hasPrevious={modalImgIndex - 1 >= 0 ? true : false}\r\n          hasNext={modalImgIndex + 1 < props.imgList.length ? true : false}\r\n        />\r\n      ) : null}\r\n      <div className='reactPic-grid' style={{ ...styles.Grid, gridTemplateColumns: `repeat(${options.picsPerRow ? options.picsPerRow : \"3\"}, 1fr)`, }}>\r\n        {props.imgList.map((element, count) => {\r\n          return (\r\n            <div\r\n              key={\r\n                element.thumbnailSrc ? element.thumbnailSrc : element.fullSrc\r\n              }\r\n              className='reactPic-imgDiv'\r\n              style={{\r\n                overflow: 'hidden',\r\n                width: '100%',\r\n                height: '100%',\r\n                minHeight: '150px'\r\n              }}\r\n            >\r\n              <div\r\n                className='reactPic-innerImgDiv'\r\n                style={{\r\n                  display: 'flex',\r\n                  justifyContent: 'center',\r\n                  alignItems: 'center',\r\n                  overflow: 'hidden !important',\r\n                  width: '100%',\r\n                  height: options.rowHeight ? options.rowHeight : '150px',\r\n                  cursor: 'pointer'\r\n                }}\r\n              >\r\n                <ImgLazyLoading\r\n                  imgSrc={\r\n                    element.thumbnailSrc\r\n                      ? element.thumbnailSrc\r\n                      : element.fullSrc\r\n                  }\r\n                  style={{\r\n                    flexShrink: 0,\r\n                    minWidth: '100%',\r\n                    minHeight: '100%'\r\n                  }}\r\n                  onClick={() => {\r\n                    setModalImgIndex(count)\r\n                    setOpen(!open)\r\n                  }}\r\n                />\r\n              </div>\r\n            </div>\r\n          )\r\n        })}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":["extraStyle","CircularLoading","styleTag","document","querySelector","sheet","createElement","id","innerHTML","body","appendChild","React","className","ImgLazyLoading","props","imgSrcUrl","setImgSrcUrl","useState","useEffect","ac","AbortController","imgSrc","fetch","then","response","blob","URL","createObjectURL","abort","src","alt","style","onClick","height","width","display","alignItems","alignContent","justifyContent","background","border","styles","ModalDiv","position","top","left","backdropFilter","zIndex","gridTemplateRows","LbButtonsDiv","LbButton","float","textDecoration","color","padding","borderRadius","ABtn","DescriptionDiv","textAlign","Wrapper","minWidth","Grid","gap","ImgLightbox","DescriptionCustomBox","options","descriptionCustomBox","imgObj","fullSrc","thumbnailSrc","overflow","event","target","onClose","downloadBtnDisplay","downloadCustomBtn","href","download","margin","TransformWrapper","defaultScale","limitToBounds","limitToWrapper","transformEnabled","centerContent","TransformComponent","maxWidth","maxHeight","descriptionBoxDisplay","description","hasPrevious","fontSize","cursor","hidePagination","onNavigation","hasNext","right","defaultOptions","navigation","PicGallery","open","setOpen","modalImgIndex","setModalImgIndex","setExtLightboxChildren","imgList","externalLightbox","action","length","gridTemplateColumns","picsPerRow","map","element","count","key","minHeight","rowHeight","flexShrink"],"mappings":"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"}

package/dist/src/index.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-export interface imageObject {
-    fullSrc: string;
-    thumbnailSrc?: string;
-    description?: string;
-    [key: string]: string;
-}
-export interface Options {
-    downloadBtnDisplay?: boolean;
-    downloadCustomBtn?: (props: {
-        imgObj: imageObject;
-    }) => Element;
-    descriptionBoxDisplay?: boolean;
-    descriptionCustomBox?: (props: {
-        imgObj: imageObject;
-    }) => Element;
-    externalLightbox?: boolean;
-    hidePagination?: boolean;
-    rowHeight?: string | number;
-}
-export default function PicGallery(props: {
-    imgList: imageObject[];
-    options?: Options;
-    bottomCustomContent?: (imgObject: any) => Element;
-    setExtLightboxChildren?: (imgLightbox: React.ReactNode) => void;
-}): any;

package/dist/styles.d.ts

@@ -1,74 +0,0 @@
-export default styles;
-declare namespace styles {
-    export namespace ModalDiv {
-        export const position: string;
-        export const top: number;
-        export const left: number;
-        export const width: string;
-        export const height: string;
-        export const background: string;
-        export const backdropFilter: string;
-        export const zIndex: number;
-        export const display: string;
-        export const gridTemplateRows: string;
-        export const justifyContent: string;
-        export const alignContent: string;
-    }
-    export namespace LbButtonsDiv {
-        const position_1: string;
-        export { position_1 as position };
-        const top_1: string;
-        export { top_1 as top };
-        const width_1: string;
-        export { width_1 as width };
-    }
-    export namespace LbButton {
-        export const float: string;
-        export const textDecoration: string;
-        export const color: string;
-        export const padding: string;
-        export const border: string;
-        export const borderRadius: string;
-    }
-    export namespace ABtn {
-        const float_1: string;
-        export { float_1 as float };
-        const textDecoration_1: string;
-        export { textDecoration_1 as textDecoration };
-        const color_1: string;
-        export { color_1 as color };
-    }
-    export namespace DescriptionDiv {
-        const background_1: string;
-        export { background_1 as background };
-        const padding_1: string;
-        export { padding_1 as padding };
-        const color_2: string;
-        export { color_2 as color };
-        export const textAlign: string;
-        const position_2: string;
-        export { position_2 as position };
-        const zIndex_1: number;
-        export { zIndex_1 as zIndex };
-    }
-    export namespace Wrapper {
-        const display_1: string;
-        export { display_1 as display };
-        const width_2: string;
-        export { width_2 as width };
-        export const minWidth: number;
-        const height_1: string;
-        export { height_1 as height };
-    }
-    export namespace Grid {
-        const display_2: string;
-        export { display_2 as display };
-        const gridTemplateRows_1: string;
-        export { gridTemplateRows_1 as gridTemplateRows };
-        export const gap: string;
-        const width_3: string;
-        export { width_3 as width };
-        const height_2: string;
-        export { height_2 as height };
-    }
-}