@mjhls/mjh-framework 1.0.534 → 1.0.535

package/package.json

@@ -1,107 +1,107 @@
-{
-  "name": "@mjhls/mjh-framework",
-  "version": "1.0.534",
-  "description": "Foundation Framework",
-  "author": "mjh-framework",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/MJHLS/mjh-framework.git"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "engines": {
-    "node": ">=8",
-    "npm": ">=5"
-  },
-  "scripts": {
-    "clean": "rimraf dist",
-    "test": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "build": "npm run clean && rollup -c",
-    "start": "npm run clean && rollup -c -w",
-    "prepare": "yarn run build",
-    "predeploy": "cd example && yarn install && yarn run build",
-    "deploy": "gh-pages -d example/build"
-  },
-  "peerDependencies": {
-    "next": "^9.0.0",
-    "prop-types": "^15.5.4",
-    "react": "^15.0.0 || ^16.0.0",
-    "react-dom": "^15.0.0 || ^16.0.0",
-    "react-share": "^4.0.1",
-    "react-bootstrap": "^1.0.0-beta.14"
-  },
-  "devDependencies": {
-    "@brightcove/react-player-loader": "^1.4.0",
-    "@rollup/plugin-json": "^4.0.3",
-    "@sanity/block-content-to-react": "^2.0.7",
-    "@sanity/image-url": "^0.140.15",
-    "@segment/analytics.js-core": "^4.0.1",
-    "@segment/analytics.js-integration-segmentio": "^4.2.5",
-    "@svgr/rollup": "^2.4.1",
-    "babel-core": "^6.26.3",
-    "babel-eslint": "^8.2.5",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.7.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "cross-env": "^5.1.4",
-    "eslint": "^5.0.1",
-    "eslint-config-standard": "^11.0.0",
-    "eslint-config-standard-react": "^6.0.0",
-    "eslint-plugin-import": "^2.13.0",
-    "eslint-plugin-node": "^7.0.1",
-    "eslint-plugin-promise": "^4.0.0",
-    "eslint-plugin-react": "^7.10.0",
-    "eslint-plugin-react-hooks": "^2.3.0",
-    "eslint-plugin-standard": "^3.1.0",
-    "get-youtube-id": "^1.0.1",
-    "gh-pages": "^1.2.0",
-    "lodash": "^4.17.15",
-    "md5": "^2.2.1",
-    "moment": "^2.26.0",
-    "moment-timezone": "^0.5.31",
-    "next": "^9.2.0",
-    "react": "^16.12.0",
-    "react-bootstrap": "^1.0.0-beta.16",
-    "react-device-detect": "^1.11.14",
-    "react-dfp": "^0.17.0",
-    "react-dom": "^16.12.0",
-    "react-icons": "^3.8.0",
-    "react-infinite-scroll-component": "^5.0.4",
-    "react-lazyload": "^2.6.5",
-    "react-player": "^1.15.2",
-    "react-scripts": "^1.1.4",
-    "react-share": "^4.0.1",
-    "react-social-icons": "^4.1.0",
-    "react-visibility-sensor": "^5.1.1",
-    "react-youtube": "^7.9.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.7.3",
-    "rollup-plugin-babel": "^3.0.7",
-    "rollup-plugin-commonjs": "^9.1.3",
-    "rollup-plugin-node-builtins": "^2.1.2",
-    "rollup-plugin-node-resolve": "^3.3.0",
-    "rollup-plugin-peer-deps-external": "^2.2.0",
-    "rollup-plugin-postcss": "^1.6.2",
-    "rollup-plugin-url": "^1.4.0"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "babel-polyfill": "^6.26.0",
-    "cookie": "^0.4.1",
-    "js-cookie": "^2.2.1",
-    "next-cookies": "^2.0.3",
-    "nookies": "^2.4.0",
-    "react-cookies": "^0.1.1",
-    "react-twitter-embed": "^3.0.3",
-    "shortid": "^2.2.15",
-    "smoothscroll-polyfill": "^0.4.4",
-    "striptags": "^3.1.1",
-    "superagent": "^5.2.2"
-  }
-}
+{
+  "name": "@mjhls/mjh-framework",
+  "version": "1.0.535",
+  "description": "Foundation Framework",
+  "author": "mjh-framework",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MJHLS/mjh-framework.git"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "engines": {
+    "node": ">=8",
+    "npm": ">=5"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "build": "npm run clean && rollup -c",
+    "start": "npm run clean && rollup -c -w",
+    "prepare": "yarn run build",
+    "predeploy": "cd example && yarn install && yarn run build",
+    "deploy": "gh-pages -d example/build"
+  },
+  "peerDependencies": {
+    "next": "^9.0.0",
+    "prop-types": "^15.5.4",
+    "react": "^15.0.0 || ^16.0.0",
+    "react-dom": "^15.0.0 || ^16.0.0",
+    "react-share": "^4.0.1",
+    "react-bootstrap": "^1.0.0-beta.14"
+  },
+  "devDependencies": {
+    "@brightcove/react-player-loader": "^1.4.0",
+    "@rollup/plugin-json": "^4.0.3",
+    "@sanity/block-content-to-react": "^2.0.7",
+    "@sanity/image-url": "^0.140.15",
+    "@segment/analytics.js-core": "^4.0.1",
+    "@segment/analytics.js-integration-segmentio": "^4.2.5",
+    "@svgr/rollup": "^2.4.1",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^8.2.5",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "cross-env": "^5.1.4",
+    "eslint": "^5.0.1",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-config-standard-react": "^6.0.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-node": "^7.0.1",
+    "eslint-plugin-promise": "^4.0.0",
+    "eslint-plugin-react": "^7.10.0",
+    "eslint-plugin-react-hooks": "^2.3.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "get-youtube-id": "^1.0.1",
+    "gh-pages": "^1.2.0",
+    "lodash": "^4.17.15",
+    "md5": "^2.2.1",
+    "moment": "^2.26.0",
+    "moment-timezone": "^0.5.31",
+    "next": "^9.2.0",
+    "react": "^16.12.0",
+    "react-bootstrap": "^1.0.0-beta.16",
+    "react-device-detect": "^1.11.14",
+    "react-dfp": "^0.17.0",
+    "react-dom": "^16.12.0",
+    "react-icons": "^3.8.0",
+    "react-infinite-scroll-component": "^5.0.4",
+    "react-lazyload": "^2.6.5",
+    "react-player": "^1.15.2",
+    "react-scripts": "^1.1.4",
+    "react-share": "^4.0.1",
+    "react-social-icons": "^4.1.0",
+    "react-visibility-sensor": "^5.1.1",
+    "react-youtube": "^7.9.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.7.3",
+    "rollup-plugin-babel": "^3.0.7",
+    "rollup-plugin-commonjs": "^9.1.3",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-resolve": "^3.3.0",
+    "rollup-plugin-peer-deps-external": "^2.2.0",
+    "rollup-plugin-postcss": "^1.6.2",
+    "rollup-plugin-url": "^1.4.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "babel-polyfill": "^6.26.0",
+    "cookie": "^0.4.1",
+    "js-cookie": "^2.2.1",
+    "next-cookies": "^2.0.3",
+    "nookies": "^2.4.0",
+    "react-cookies": "^0.1.1",
+    "react-twitter-embed": "^3.0.3",
+    "shortid": "^2.2.15",
+    "smoothscroll-polyfill": "^0.4.4",
+    "striptags": "^3.1.1",
+    "superagent": "^5.2.2"
+  }
+}

package/dist/cjs/Figure-eeac313a.js

@@ -1,154 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./core.get-iterator-method-41e87ec1.js');
-require('./web.dom.iterable-43c3e277.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-var index$1 = require('./index-be0c82be.js');
-var slicedToArray = require('./slicedToArray-8063ee51.js');
-var reactBootstrap = require('react-bootstrap');
-
-var urlFor = function urlFor(source, client) {
-  var builder = index$1.imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var compareProps = function compareProps(prevProps, nextProps) {
-  if (nextProps.node.asset && nextProps.node.asset._ref) {
-    return prevProps.node.asset._ref === nextProps.node.asset._ref;
-  }
-};
-
-var FigureComponent = function FigureComponent(props) {
-  var _useState = React.useState(false),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      openImg = _useState2[0],
-      setOpenImg = _useState2[1];
-
-  var _useState3 = React.useState(''),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
-      openImgSrc = _useState4[0],
-      setOpenImgSrc = _useState4[1];
-
-  if (typeof window === 'undefined') return null;
-
-  var node = props.node,
-      client = props.client;
-
-
-  if (!node.asset) return null;
-
-  var caption = node.caption,
-      alt = node.alt,
-      blank = node.blank,
-      link = node.link,
-      _node$alignment = node.alignment,
-      alignment = _node$alignment === undefined ? 'center' : _node$alignment,
-      _node$class_name = node.class_name,
-      class_name = _node$class_name === undefined ? 'd-block' : _node$class_name,
-      _node$disableTextWrap = node.disableTextWrap,
-      disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap;
-  var _node$widthP = node.widthP,
-      widthP = _node$widthP === undefined ? 'auto' : _node$widthP;
-
-
-  var screenWidth = window.innerWidth;
-
-  if (client.clientConfig && client.clientConfig.defaultImageSize && widthP === 'auto') {
-    widthP = client.clientConfig.defaultImageSize;
-  }
-
-  var imageFloat = 'none';
-  if (screenWidth > 1000) {
-    var align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
-    imageFloat = align;
-  }
-
-  var figureMargin = null;
-  if (imageFloat === 'none') {
-    figureMargin = '0 auto 1rem';
-  }
-  if (imageFloat === 'left') {
-    figureMargin = '0 1.5rem 1.5rem 0';
-  }
-  if (imageFloat === 'right') {
-    figureMargin = '0 0 1.5rem 1.5rem';
-  }
-
-  var imageWidth = null;
-  if (screenWidth > 1000) {
-    if (widthP === 'auto') {
-      if (imageFloat === 'none') {
-        imageWidth = 'auto';
-      } else {
-        imageWidth = '30%';
-      }
-    } else {
-      imageWidth = widthP + '%';
-    }
-  } else {
-    imageWidth = '100%';
-  }
-
-  var figureStyle = disableTextWrap ? { maxWidth: '100%', width: imageWidth, margin: imageFloat !== 'none' ? imageFloat === 'left' ? '' : '0 0 0 auto' : '' } : {
-    width: imageWidth,
-    maxWidth: '100%',
-    clear: 'both',
-    float: imageFloat,
-    margin: figureMargin
-  };
-
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      reactBootstrap.Figure,
-      { className: '' + class_name, style: figureStyle },
-      link ? React__default.createElement(
-        'a',
-        { target: blank ? '_blank' : '_self', href: link },
-        React__default.createElement(reactBootstrap.Figure.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor(node, client).url(), alt: alt && alt }),
-        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(reactBootstrap.Figure.Image, {
-          style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
-          className: 'figure-image',
-          src: urlFor(node, client).url(),
-          alt: alt && alt,
-          onClick: function onClick() {
-            setOpenImgSrc(urlFor(node, client).url());
-            setOpenImg(true);
-          }
-        }),
-        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      )
-    ),
-    React__default.createElement(
-      'div',
-      { className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-      React__default.createElement('img', { src: openImgSrc }),
-      React__default.createElement('a', {
-        className: 'lightbox-close',
-        onClick: function onClick() {
-          setOpenImgSrc('');
-          setOpenImg(false);
-        }
-      })
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 99999;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
-    )
-  );
-};
-
-var Figure = React__default.memo(FigureComponent, compareProps);
-
-exports.default = Figure;

package/dist/esm/Figure-bc2b95d7.js

@@ -1,149 +0,0 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-16fd8b46.js';
-import './core.get-iterator-method-f5c0d66a.js';
-import './web.dom.iterable-46c95e52.js';
-import React__default, { useState } from 'react';
-import { i as imageUrlBuilder } from './index-73819142.js';
-import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
-import { Figure as Figure$1 } from 'react-bootstrap';
-
-var urlFor = function urlFor(source, client) {
-  var builder = imageUrlBuilder(client);
-  return builder.image(source).auto('format');
-};
-
-var compareProps = function compareProps(prevProps, nextProps) {
-  if (nextProps.node.asset && nextProps.node.asset._ref) {
-    return prevProps.node.asset._ref === nextProps.node.asset._ref;
-  }
-};
-
-var FigureComponent = function FigureComponent(props) {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      openImg = _useState2[0],
-      setOpenImg = _useState2[1];
-
-  var _useState3 = useState(''),
-      _useState4 = _slicedToArray(_useState3, 2),
-      openImgSrc = _useState4[0],
-      setOpenImgSrc = _useState4[1];
-
-  if (typeof window === 'undefined') return null;
-
-  var node = props.node,
-      client = props.client;
-
-
-  if (!node.asset) return null;
-
-  var caption = node.caption,
-      alt = node.alt,
-      blank = node.blank,
-      link = node.link,
-      _node$alignment = node.alignment,
-      alignment = _node$alignment === undefined ? 'center' : _node$alignment,
-      _node$class_name = node.class_name,
-      class_name = _node$class_name === undefined ? 'd-block' : _node$class_name,
-      _node$disableTextWrap = node.disableTextWrap,
-      disableTextWrap = _node$disableTextWrap === undefined ? false : _node$disableTextWrap;
-  var _node$widthP = node.widthP,
-      widthP = _node$widthP === undefined ? 'auto' : _node$widthP;
-
-
-  var screenWidth = window.innerWidth;
-
-  if (client.clientConfig && client.clientConfig.defaultImageSize && widthP === 'auto') {
-    widthP = client.clientConfig.defaultImageSize;
-  }
-
-  var imageFloat = 'none';
-  if (screenWidth > 1000) {
-    var align = ['center', 'top'].includes(alignment.toLowerCase()) ? 'none' : alignment.toLowerCase();
-    imageFloat = align;
-  }
-
-  var figureMargin = null;
-  if (imageFloat === 'none') {
-    figureMargin = '0 auto 1rem';
-  }
-  if (imageFloat === 'left') {
-    figureMargin = '0 1.5rem 1.5rem 0';
-  }
-  if (imageFloat === 'right') {
-    figureMargin = '0 0 1.5rem 1.5rem';
-  }
-
-  var imageWidth = null;
-  if (screenWidth > 1000) {
-    if (widthP === 'auto') {
-      if (imageFloat === 'none') {
-        imageWidth = 'auto';
-      } else {
-        imageWidth = '30%';
-      }
-    } else {
-      imageWidth = widthP + '%';
-    }
-  } else {
-    imageWidth = '100%';
-  }
-
-  var figureStyle = disableTextWrap ? { maxWidth: '100%', width: imageWidth, margin: imageFloat !== 'none' ? imageFloat === 'left' ? '' : '0 0 0 auto' : '' } : {
-    width: imageWidth,
-    maxWidth: '100%',
-    clear: 'both',
-    float: imageFloat,
-    margin: figureMargin
-  };
-
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      Figure$1,
-      { className: '' + class_name, style: figureStyle },
-      link ? React__default.createElement(
-        'a',
-        { target: blank ? '_blank' : '_self', href: link },
-        React__default.createElement(Figure$1.Image, { style: { maxWidth: '100%' }, className: 'figure-image', src: urlFor(node, client).url(), alt: alt && alt }),
-        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(Figure$1.Image, {
-          style: { maxWidth: '100%', cursor: 'pointer', width: 'auto' },
-          className: 'figure-image',
-          src: urlFor(node, client).url(),
-          alt: alt && alt,
-          onClick: function onClick() {
-            setOpenImgSrc(urlFor(node, client).url());
-            setOpenImg(true);
-          }
-        }),
-        caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
-      )
-    ),
-    React__default.createElement(
-      'div',
-      { className: 'lightbox-target ' + (openImg ? 'open' : 'close') },
-      React__default.createElement('img', { src: openImgSrc }),
-      React__default.createElement('a', {
-        className: 'lightbox-close',
-        onClick: function onClick() {
-          setOpenImgSrc('');
-          setOpenImg(false);
-        }
-      })
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        figure-caption {\n          font-size: 90%;\n          color: #6c757d;\n        }\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 99999;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
-    )
-  );
-};
-
-var Figure = React__default.memo(FigureComponent, compareProps);
-
-export default Figure;