@plasmicpkgs/react-scroll-parallax 0.0.97 → 0.0.98

package/dist/react-scroll-parallax.cjs.development.js

@@ -13,52 +13,44 @@ var registerGlobalContext = _interopDefault(require('@plasmicapp/host/registerGl
 var ResizeObserver = _interopDefault(require('resize-observer-polyfill'));
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
 function ParallaxWrapper(_ref) {
   var speed = _ref.speed,
-      disabled = _ref.disabled,
-      previewInEditor = _ref.previewInEditor,
-      children = _ref.children,
-      className = _ref.className;
+    disabled = _ref.disabled,
+    previewInEditor = _ref.previewInEditor,
+    children = _ref.children,
+    className = _ref.className;
   var inEditor = React.useContext(host.PlasmicCanvasContext);
   var hasContext = React.useContext(reactScrollParallax.ParallaxContext) != null;
   var isServer = typeof window === "undefined";
-
   if (!hasContext && !isServer) {
     throw new Error("Scroll Parallax can only be instantiated somewhere inside the Parallax Provider");
   }
-
   return React__default.createElement(reactScrollParallax.Parallax, {
     disabled: disabled || inEditor && !previewInEditor,
     speed: speed,
@@ -72,7 +64,6 @@ function ParallaxWrapper(_ref) {
  * break it and it wouldn't be clear that the user should also add a
  * `ParallaxProvider`).
  */
-
 var deprecated_parallaxWrapperMeta = {
   name: "hostless-scroll-parallax",
   displayName: "Scroll Parallax",
@@ -117,7 +108,6 @@ function deprecated_registerParallaxWrapper(loader, customParallaxWrapperMeta) {
 /**
  * The new registration is only setting `isAttachment: true`.
  */
-
 var parallaxWrapperMeta = /*#__PURE__*/_extends({}, deprecated_parallaxWrapperMeta, {
   isAttachment: true
 });
@@ -140,14 +130,12 @@ var _excluded = ["children"];
  * document (which may be large), but we can probably optimize this in the
  * future.
  */
-
 function ParallaxCacheUpdate(_ref) {
   var children = _ref.children;
   var parallaxController = reactScrollParallax.useController();
   var ref = React.useRef(null);
   React.useEffect(function () {
     var _ref$current;
-
     if ((_ref$current = ref.current) != null && _ref$current.parentElement) {
       var targetNode = ref.current.parentElement;
       var observer = new ResizeObserver(function () {
@@ -160,7 +148,6 @@ function ParallaxCacheUpdate(_ref) {
         observer.disconnect();
       };
     }
-
     return function () {};
   }, [ref.current]);
   return React__default.createElement("div", {
@@ -170,17 +157,14 @@ function ParallaxCacheUpdate(_ref) {
     ref: ref
   }, children);
 }
-
 function ParallaxProviderWrapper(_ref2) {
   var children = _ref2.children,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded);
   return React__default.createElement(reactScrollParallax.ParallaxProvider, Object.assign({}, props), React__default.createElement(ParallaxCacheUpdate, null, children));
 }
 /**
  * @deprecated use `globalParallaxProviderMeta` instead.
  */
-
 var parallaxProviderMeta = {
   name: "hostless-parallax-provider",
   displayName: "Parallax Provider",
@@ -214,7 +198,6 @@ var parallaxProviderMeta = {
 /**
  * @deprecated use `registerGlobalParallaxProvider` instead.
  */
-
 function registerParallaxProvider(loader, customParallaxProviderMeta) {
   if (loader) {
     loader.registerComponent(ParallaxProviderWrapper, customParallaxProviderMeta != null ? customParallaxProviderMeta : parallaxProviderMeta);

package/dist/react-scroll-parallax.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-scroll-parallax.cjs.development.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  speed?: number;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport default function ParallaxWrapper({\n  speed,\n  disabled,\n  previewInEditor,\n  children,\n  className,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  const isServer = typeof window === \"undefined\";\n  if (!hasContext && !isServer) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      speed={speed}\n      className={className}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\n/**\n * We're keeping the old registration without attachments to avoid confusion\n * due to the parallax custom behavior not working in old projects that didn't\n * make use of global contexts (so simply adding the custom behavior would\n * break it and it wouldn't be clear that the user should also add a\n * `ParallaxProvider`).\n */\nexport const deprecated_parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> =\n  {\n    name: \"hostless-scroll-parallax\",\n    displayName: \"Scroll Parallax\",\n    importName: \"ParallaxWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n          style: {\n            maxWidth: \"100%\",\n          },\n        },\n      },\n      speed: {\n        type: \"number\",\n        description:\n          \"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.\",\n        defaultValue: 20,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables the parallax effect.\",\n      },\n      previewInEditor: {\n        type: \"boolean\",\n        description: \"Enable the parallax effect in the editor.\",\n      },\n    },\n    defaultStyles: {\n      maxWidth: \"100%\",\n    },\n  };\n\nexport function deprecated_registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  }\n}\n\n/**\n * The new registration is only setting `isAttachment: true`.\n */\nexport const parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  ...deprecated_parallaxWrapperMeta,\n  isAttachment: true,\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext, {\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ParallaxProvider, useController } from \"react-scroll-parallax\";\nimport { ParallaxProviderProps } from \"react-scroll-parallax/dist/components/ParallaxProvider/types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * This is required to ensure the parallax scrolling works correctly, since if\n * (for instance) images load after the parallax wrapper has calculated the\n * dimensions of the space, it will result in incorrect parallax scrolling\n * amounts.\n *\n * This is not great since we need to mutation-observe the whole section of the\n * document (which may be large), but we can probably optimize this in the\n * future.\n */\nfunction ParallaxCacheUpdate({ children }: React.PropsWithChildren<{}>) {\n  const parallaxController = useController();\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (ref.current?.parentElement) {\n      const targetNode = ref.current.parentElement;\n      const observer = new ResizeObserver(() => {\n        if (parallaxController) {\n          parallaxController.update();\n        }\n      });\n      observer.observe(targetNode);\n      return () => {\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current]);\n\n  return (\n    <div style={{ display: \"contents\" }} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport function ParallaxProviderWrapper({\n  children,\n  ...props\n}: React.PropsWithChildren<ParallaxProviderProps>) {\n  return (\n    <ParallaxProvider {...props}>\n      <ParallaxCacheUpdate>{children}</ParallaxCacheUpdate>\n    </ParallaxProvider>\n  );\n}\n\n/**\n * @deprecated use `globalParallaxProviderMeta` instead.\n */\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProviderWrapper\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        children: [\n          {\n            type: \"text\",\n            value:\n              \"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:\",\n            styles: {\n              marginBottom: \"20px\",\n            },\n          },\n          {\n            type: \"component\",\n            name: \"hostless-scroll-parallax\",\n          },\n        ],\n      },\n    },\n    scrollAxis: {\n      type: \"choice\",\n      description: \"Scroll axis for setting horizontal/vertical scrolling\",\n      options: [\"vertical\", \"horizontal\"],\n      displayName: \"Scroll Axis\",\n    },\n  },\n};\n\n/**\n * @deprecated use `registerGlobalParallaxProvider` instead.\n */\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  }\n}\n\nexport const globalParallaxProviderMeta: GlobalContextMeta<ParallaxProviderProps> =\n  {\n    name: \"global-parallax-provider\",\n    displayName: \"Parallax Provider\",\n    importName: \"ParallaxProviderWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      scrollAxis: {\n        type: \"choice\",\n        description: \"Scroll axis for setting horizontal/vertical scrolling\",\n        options: [\"vertical\", \"horizontal\"],\n        displayName: \"Scroll Axis\",\n      },\n    },\n  };\n\nexport function registerGlobalParallaxProvider(\n  loader?: { registerGlobalContext: typeof registerGlobalContext },\n  customParallaxProviderMeta?: GlobalContextMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  }\n}\n"],"names":["ParallaxWrapper","speed","disabled","previewInEditor","children","className","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","isServer","window","Error","React","Parallax","deprecated_parallaxWrapperMeta","name","displayName","importName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","deprecated_registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxWrapperMeta","isAttachment","registerParallaxWrapper","ParallaxCacheUpdate","parallaxController","useController","ref","useRef","useEffect","current","parentElement","targetNode","observer","ResizeObserver","update","observe","disconnect","display","ParallaxProviderWrapper","ParallaxProvider","parallaxProviderMeta","value","styles","marginBottom","scrollAxis","options","registerParallaxProvider","customParallaxProviderMeta","globalParallaxProviderMeta","registerGlobalParallaxProvider","registerGlobalContext"],"mappings":"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"}
+{"version":3,"file":"react-scroll-parallax.cjs.development.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  speed?: number;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport default function ParallaxWrapper({\n  speed,\n  disabled,\n  previewInEditor,\n  children,\n  className,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  const isServer = typeof window === \"undefined\";\n  if (!hasContext && !isServer) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      speed={speed}\n      className={className}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\n/**\n * We're keeping the old registration without attachments to avoid confusion\n * due to the parallax custom behavior not working in old projects that didn't\n * make use of global contexts (so simply adding the custom behavior would\n * break it and it wouldn't be clear that the user should also add a\n * `ParallaxProvider`).\n */\nexport const deprecated_parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> =\n  {\n    name: \"hostless-scroll-parallax\",\n    displayName: \"Scroll Parallax\",\n    importName: \"ParallaxWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n          style: {\n            maxWidth: \"100%\",\n          },\n        },\n      },\n      speed: {\n        type: \"number\",\n        description:\n          \"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.\",\n        defaultValue: 20,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables the parallax effect.\",\n      },\n      previewInEditor: {\n        type: \"boolean\",\n        description: \"Enable the parallax effect in the editor.\",\n      },\n    },\n    defaultStyles: {\n      maxWidth: \"100%\",\n    },\n  };\n\nexport function deprecated_registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  }\n}\n\n/**\n * The new registration is only setting `isAttachment: true`.\n */\nexport const parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  ...deprecated_parallaxWrapperMeta,\n  isAttachment: true,\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext, {\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ParallaxProvider, useController } from \"react-scroll-parallax\";\nimport { ParallaxProviderProps } from \"react-scroll-parallax/dist/components/ParallaxProvider/types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * This is required to ensure the parallax scrolling works correctly, since if\n * (for instance) images load after the parallax wrapper has calculated the\n * dimensions of the space, it will result in incorrect parallax scrolling\n * amounts.\n *\n * This is not great since we need to mutation-observe the whole section of the\n * document (which may be large), but we can probably optimize this in the\n * future.\n */\nfunction ParallaxCacheUpdate({ children }: React.PropsWithChildren<{}>) {\n  const parallaxController = useController();\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (ref.current?.parentElement) {\n      const targetNode = ref.current.parentElement;\n      const observer = new ResizeObserver(() => {\n        if (parallaxController) {\n          parallaxController.update();\n        }\n      });\n      observer.observe(targetNode);\n      return () => {\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current]);\n\n  return (\n    <div style={{ display: \"contents\" }} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport function ParallaxProviderWrapper({\n  children,\n  ...props\n}: React.PropsWithChildren<ParallaxProviderProps>) {\n  return (\n    <ParallaxProvider {...props}>\n      <ParallaxCacheUpdate>{children}</ParallaxCacheUpdate>\n    </ParallaxProvider>\n  );\n}\n\n/**\n * @deprecated use `globalParallaxProviderMeta` instead.\n */\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProviderWrapper\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        children: [\n          {\n            type: \"text\",\n            value:\n              \"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:\",\n            styles: {\n              marginBottom: \"20px\",\n            },\n          },\n          {\n            type: \"component\",\n            name: \"hostless-scroll-parallax\",\n          },\n        ],\n      },\n    },\n    scrollAxis: {\n      type: \"choice\",\n      description: \"Scroll axis for setting horizontal/vertical scrolling\",\n      options: [\"vertical\", \"horizontal\"],\n      displayName: \"Scroll Axis\",\n    },\n  },\n};\n\n/**\n * @deprecated use `registerGlobalParallaxProvider` instead.\n */\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  }\n}\n\nexport const globalParallaxProviderMeta: GlobalContextMeta<ParallaxProviderProps> =\n  {\n    name: \"global-parallax-provider\",\n    displayName: \"Parallax Provider\",\n    importName: \"ParallaxProviderWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      scrollAxis: {\n        type: \"choice\",\n        description: \"Scroll axis for setting horizontal/vertical scrolling\",\n        options: [\"vertical\", \"horizontal\"],\n        displayName: \"Scroll Axis\",\n      },\n    },\n  };\n\nexport function registerGlobalParallaxProvider(\n  loader?: { registerGlobalContext: typeof registerGlobalContext },\n  customParallaxProviderMeta?: GlobalContextMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  }\n}\n"],"names":["ParallaxWrapper","speed","disabled","previewInEditor","children","className","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","isServer","window","Error","React","Parallax","deprecated_parallaxWrapperMeta","name","displayName","importName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","deprecated_registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxWrapperMeta","isAttachment","registerParallaxWrapper","ParallaxCacheUpdate","parallaxController","useController","ref","useRef","useEffect","current","parentElement","targetNode","observer","ResizeObserver","update","observe","disconnect","display","ParallaxProviderWrapper","ParallaxProvider","parallaxProviderMeta","value","styles","marginBottom","scrollAxis","options","registerParallaxProvider","customParallaxProviderMeta","globalParallaxProviderMeta","registerGlobalParallaxProvider","registerGlobalContext"],"mappings":"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"}

package/dist/react-scroll-parallax.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@plasmicapp/host"),a=e(require("@plasmicapp/host/registerComponent")),l=require("react"),t=e(l),o=require("react-scroll-parallax"),n=e(require("@plasmicapp/host/registerGlobalContext")),i=e(require("resize-observer-polyfill"));function s(){return(s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}function p(e){var a=e.speed,n=e.disabled,i=e.previewInEditor,s=e.children,p=e.className,c=l.useContext(r.PlasmicCanvasContext),u=null!=l.useContext(o.ParallaxContext),d="undefined"==typeof window;if(!u&&!d)throw new Error("Scroll Parallax can only be instantiated somewhere inside the Parallax Provider");return t.createElement(o.Parallax,{disabled:n||c&&!i,speed:a,className:p},s)}var c={name:"hostless-scroll-parallax",displayName:"Scroll Parallax",importName:"ParallaxWrapper",importPath:"@plasmicpkgs/react-scroll-parallax",props:{children:{type:"slot",defaultValue:{type:"img",src:"https://placekitten.com/300/200",style:{maxWidth:"100%"}}},speed:{type:"number",description:"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.",defaultValue:20},disabled:{type:"boolean",description:"Disables the parallax effect."},previewInEditor:{type:"boolean",description:"Enable the parallax effect in the editor."}},defaultStyles:{maxWidth:"100%"}},u=s({},c,{isAttachment:!0}),d=["children"];function x(e){var r=e.children,a=o.useController(),n=l.useRef(null);return l.useEffect((function(){var e;if(null!=(e=n.current)&&e.parentElement){var r=n.current.parentElement,l=new i((function(){a&&a.update()}));return l.observe(r),function(){l.disconnect()}}return function(){}}),[n.current]),t.createElement("div",{style:{display:"contents"},ref:n},r)}function m(e){var r=e.children,a=function(e,r){if(null==e)return{};var a,l,t={},o=Object.keys(e);for(l=0;l<o.length;l++)r.indexOf(a=o[l])>=0||(t[a]=e[a]);return t}(e,d);return t.createElement(o.ParallaxProvider,Object.assign({},a),t.createElement(x,null,r))}var f={name:"hostless-parallax-provider",displayName:"Parallax Provider",importName:"ParallaxProviderWrapper",importPath:"@plasmicpkgs/react-scroll-parallax",props:{children:{type:"slot",defaultValue:{type:"vbox",children:[{type:"text",value:"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:",styles:{marginBottom:"20px"}},{type:"component",name:"hostless-scroll-parallax"}]}},scrollAxis:{type:"choice",description:"Scroll axis for setting horizontal/vertical scrolling",options:["vertical","horizontal"],displayName:"Scroll Axis"}}},h={name:"global-parallax-provider",displayName:"Parallax Provider",importName:"ParallaxProviderWrapper",importPath:"@plasmicpkgs/react-scroll-parallax",props:{scrollAxis:{type:"choice",description:"Scroll axis for setting horizontal/vertical scrolling",options:["vertical","horizontal"],displayName:"Scroll Axis"}}};exports.ParallaxProviderWrapper=m,exports.ParallaxWrapper=p,exports.deprecated_parallaxWrapperMeta=c,exports.deprecated_registerParallaxWrapper=function(e,r){e?e.registerComponent(p,null!=r?r:c):a(p,null!=r?r:c)},exports.globalParallaxProviderMeta=h,exports.parallaxProviderMeta=f,exports.parallaxWrapperMeta=u,exports.registerGlobalParallaxProvider=function(e,r){e?e.registerGlobalContext(m,null!=r?r:h):n(m,null!=r?r:h)},exports.registerParallaxProvider=function(e,r){e?e.registerComponent(m,null!=r?r:f):a(m,null!=r?r:f)},exports.registerParallaxWrapper=function(e,r){e?e.registerComponent(p,null!=r?r:u):a(p,null!=r?r:u)};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@plasmicapp/host"),a=e(require("@plasmicapp/host/registerComponent")),l=require("react"),t=e(l),o=require("react-scroll-parallax"),n=e(require("@plasmicapp/host/registerGlobalContext")),i=e(require("resize-observer-polyfill"));function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e}).apply(this,arguments)}function p(e){var a=e.speed,n=e.disabled,i=e.previewInEditor,s=e.children,p=e.className,c=l.useContext(r.PlasmicCanvasContext),d=null!=l.useContext(o.ParallaxContext),u="undefined"==typeof window;if(!d&&!u)throw new Error("Scroll Parallax can only be instantiated somewhere inside the Parallax Provider");return t.createElement(o.Parallax,{disabled:n||c&&!i,speed:a,className:p},s)}var c={name:"hostless-scroll-parallax",displayName:"Scroll Parallax",importName:"ParallaxWrapper",importPath:"@plasmicpkgs/react-scroll-parallax",props:{children:{type:"slot",defaultValue:{type:"img",src:"https://placekitten.com/300/200",style:{maxWidth:"100%"}}},speed:{type:"number",description:"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.",defaultValue:20},disabled:{type:"boolean",description:"Disables the parallax effect."},previewInEditor:{type:"boolean",description:"Enable the parallax effect in the editor."}},defaultStyles:{maxWidth:"100%"}},d=s({},c,{isAttachment:!0}),u=["children"];function x(e){var r=e.children,a=o.useController(),n=l.useRef(null);return l.useEffect((function(){var e;if(null!=(e=n.current)&&e.parentElement){var r=n.current.parentElement,l=new i((function(){a&&a.update()}));return l.observe(r),function(){l.disconnect()}}return function(){}}),[n.current]),t.createElement("div",{style:{display:"contents"},ref:n},r)}function m(e){var r=e.children,a=function(e,r){if(null==e)return{};var a,l,t={},o=Object.keys(e);for(l=0;l<o.length;l++)r.indexOf(a=o[l])>=0||(t[a]=e[a]);return t}(e,u);return t.createElement(o.ParallaxProvider,Object.assign({},a),t.createElement(x,null,r))}var f={name:"hostless-parallax-provider",displayName:"Parallax Provider",importName:"ParallaxProviderWrapper",importPath:"@plasmicpkgs/react-scroll-parallax",props:{children:{type:"slot",defaultValue:{type:"vbox",children:[{type:"text",value:"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:",styles:{marginBottom:"20px"}},{type:"component",name:"hostless-scroll-parallax"}]}},scrollAxis:{type:"choice",description:"Scroll axis for setting horizontal/vertical scrolling",options:["vertical","horizontal"],displayName:"Scroll Axis"}}},h={name:"global-parallax-provider",displayName:"Parallax Provider",importName:"ParallaxProviderWrapper",importPath:"@plasmicpkgs/react-scroll-parallax",props:{scrollAxis:{type:"choice",description:"Scroll axis for setting horizontal/vertical scrolling",options:["vertical","horizontal"],displayName:"Scroll Axis"}}};exports.ParallaxProviderWrapper=m,exports.ParallaxWrapper=p,exports.deprecated_parallaxWrapperMeta=c,exports.deprecated_registerParallaxWrapper=function(e,r){e?e.registerComponent(p,null!=r?r:c):a(p,null!=r?r:c)},exports.globalParallaxProviderMeta=h,exports.parallaxProviderMeta=f,exports.parallaxWrapperMeta=d,exports.registerGlobalParallaxProvider=function(e,r){e?e.registerGlobalContext(m,null!=r?r:h):n(m,null!=r?r:h)},exports.registerParallaxProvider=function(e,r){e?e.registerComponent(m,null!=r?r:f):a(m,null!=r?r:f)},exports.registerParallaxWrapper=function(e,r){e?e.registerComponent(p,null!=r?r:d):a(p,null!=r?r:d)};
 //# sourceMappingURL=react-scroll-parallax.cjs.production.min.js.map

package/dist/react-scroll-parallax.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-scroll-parallax.cjs.production.min.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  speed?: number;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport default function ParallaxWrapper({\n  speed,\n  disabled,\n  previewInEditor,\n  children,\n  className,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  const isServer = typeof window === \"undefined\";\n  if (!hasContext && !isServer) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      speed={speed}\n      className={className}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\n/**\n * We're keeping the old registration without attachments to avoid confusion\n * due to the parallax custom behavior not working in old projects that didn't\n * make use of global contexts (so simply adding the custom behavior would\n * break it and it wouldn't be clear that the user should also add a\n * `ParallaxProvider`).\n */\nexport const deprecated_parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> =\n  {\n    name: \"hostless-scroll-parallax\",\n    displayName: \"Scroll Parallax\",\n    importName: \"ParallaxWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n          style: {\n            maxWidth: \"100%\",\n          },\n        },\n      },\n      speed: {\n        type: \"number\",\n        description:\n          \"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.\",\n        defaultValue: 20,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables the parallax effect.\",\n      },\n      previewInEditor: {\n        type: \"boolean\",\n        description: \"Enable the parallax effect in the editor.\",\n      },\n    },\n    defaultStyles: {\n      maxWidth: \"100%\",\n    },\n  };\n\nexport function deprecated_registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  }\n}\n\n/**\n * The new registration is only setting `isAttachment: true`.\n */\nexport const parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  ...deprecated_parallaxWrapperMeta,\n  isAttachment: true,\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext, {\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ParallaxProvider, useController } from \"react-scroll-parallax\";\nimport { ParallaxProviderProps } from \"react-scroll-parallax/dist/components/ParallaxProvider/types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * This is required to ensure the parallax scrolling works correctly, since if\n * (for instance) images load after the parallax wrapper has calculated the\n * dimensions of the space, it will result in incorrect parallax scrolling\n * amounts.\n *\n * This is not great since we need to mutation-observe the whole section of the\n * document (which may be large), but we can probably optimize this in the\n * future.\n */\nfunction ParallaxCacheUpdate({ children }: React.PropsWithChildren<{}>) {\n  const parallaxController = useController();\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (ref.current?.parentElement) {\n      const targetNode = ref.current.parentElement;\n      const observer = new ResizeObserver(() => {\n        if (parallaxController) {\n          parallaxController.update();\n        }\n      });\n      observer.observe(targetNode);\n      return () => {\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current]);\n\n  return (\n    <div style={{ display: \"contents\" }} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport function ParallaxProviderWrapper({\n  children,\n  ...props\n}: React.PropsWithChildren<ParallaxProviderProps>) {\n  return (\n    <ParallaxProvider {...props}>\n      <ParallaxCacheUpdate>{children}</ParallaxCacheUpdate>\n    </ParallaxProvider>\n  );\n}\n\n/**\n * @deprecated use `globalParallaxProviderMeta` instead.\n */\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProviderWrapper\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        children: [\n          {\n            type: \"text\",\n            value:\n              \"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:\",\n            styles: {\n              marginBottom: \"20px\",\n            },\n          },\n          {\n            type: \"component\",\n            name: \"hostless-scroll-parallax\",\n          },\n        ],\n      },\n    },\n    scrollAxis: {\n      type: \"choice\",\n      description: \"Scroll axis for setting horizontal/vertical scrolling\",\n      options: [\"vertical\", \"horizontal\"],\n      displayName: \"Scroll Axis\",\n    },\n  },\n};\n\n/**\n * @deprecated use `registerGlobalParallaxProvider` instead.\n */\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  }\n}\n\nexport const globalParallaxProviderMeta: GlobalContextMeta<ParallaxProviderProps> =\n  {\n    name: \"global-parallax-provider\",\n    displayName: \"Parallax Provider\",\n    importName: \"ParallaxProviderWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      scrollAxis: {\n        type: \"choice\",\n        description: \"Scroll axis for setting horizontal/vertical scrolling\",\n        options: [\"vertical\", \"horizontal\"],\n        displayName: \"Scroll Axis\",\n      },\n    },\n  };\n\nexport function registerGlobalParallaxProvider(\n  loader?: { registerGlobalContext: typeof registerGlobalContext },\n  customParallaxProviderMeta?: GlobalContextMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  }\n}\n"],"names":["ParallaxWrapper","speed","disabled","previewInEditor","children","className","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","isServer","window","Error","React","Parallax","deprecated_parallaxWrapperMeta","name","displayName","importName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","parallaxWrapperMeta","isAttachment","ParallaxCacheUpdate","parallaxController","useController","ref","useRef","useEffect","current","_ref$current","parentElement","targetNode","observer","ResizeObserver","update","observe","disconnect","display","ParallaxProviderWrapper","ParallaxProvider","parallaxProviderMeta","value","styles","marginBottom","scrollAxis","options","globalParallaxProviderMeta","loader","customParallaxWrapperMeta","registerComponent","customParallaxProviderMeta","registerGlobalContext"],"mappings":"olBAewBA,SACtBC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAEMC,EAAWC,aAAWC,wBACtBC,EAA4C,MAA/BF,aAAWG,mBACxBC,EAA6B,oBAAXC,WACnBH,IAAeE,QACZ,IAAIE,MACR,0FAIFC,gBAACC,YACCb,SAAUA,GAAaI,IAAaH,EACpCF,MAAOA,EACPI,UAAWA,GAEVD,OAYMY,EACX,CACEC,KAAM,2BACNC,YAAa,kBACbC,WAAY,kBACZC,WAAY,qCACZC,MAAO,CACLjB,SAAU,CACRkB,KAAM,OACNC,aAAc,CACZD,KAAM,MACNE,IAAK,kCACLC,MAAO,CACLC,SAAU,UAIhBzB,MAAO,CACLqB,KAAM,SACNK,YACE,qGACFJ,aAAc,IAEhBrB,SAAU,CACRoB,KAAM,UACNK,YAAa,iCAEfxB,gBAAiB,CACfmB,KAAM,UACNK,YAAa,8CAGjBC,cAAe,CACbF,SAAU,SAwBHG,OACRb,GACHc,cAAc,mBCtFhB,SAASC,SAAsB3B,IAAAA,SACvB4B,EAAqBC,kBACrBC,EAAMC,SAA8B,aAE1CC,aAAU,6BACJF,EAAIG,UAAJC,EAAaC,cAAe,KACxBC,EAAaN,EAAIG,QAAQE,cACzBE,EAAW,IAAIC,GAAe,WAC9BV,GACFA,EAAmBW,mBAGvBF,EAASG,QAAQJ,GACV,WACLC,EAASI,qBAGN,eACN,CAACX,EAAIG,UAGNvB,uBAAKW,MAAO,CAAEqB,QAAS,YAAcZ,IAAKA,GACvC9B,YAKS2C,SACd3C,IAAAA,SACGiB,iJAGDP,gBAACkC,oCAAqB3B,GACpBP,gBAACiB,OAAqB3B,IAQ5B,IAAa6C,EAA6D,CACxEhC,KAAM,6BACNC,YAAa,oBACbC,WAAY,0BACZC,WAAY,qCACZC,MAAO,CACLjB,SAAU,CACRkB,KAAM,OACNC,aAAc,CACZD,KAAM,OACNlB,SAAU,CACR,CACEkB,KAAM,OACN4B,MACE,8GACFC,OAAQ,CACNC,aAAc,SAGlB,CACE9B,KAAM,YACNL,KAAM,+BAKdoC,WAAY,CACV/B,KAAM,SACNK,YAAa,wDACb2B,QAAS,CAAC,WAAY,cACtBpC,YAAa,iBAyBNqC,EACX,CACEtC,KAAM,2BACNC,YAAa,oBACbC,WAAY,0BACZC,WAAY,qCACZC,MAAO,CACLgC,WAAY,CACV/B,KAAM,SACNK,YAAa,wDACb2B,QAAS,CAAC,WAAY,cACtBpC,YAAa,0KD1CnBsC,EACAC,GAEID,EACFA,EAAOE,kBACL1D,QACAyD,EAAAA,EAA6BzC,GAG/B0C,EACE1D,QACAyD,EAAAA,EAA6BzC,sJCqCjCwC,EACAG,GAEIH,EACFA,EAAOI,sBACLb,QACAY,EAAAA,EAA8BJ,GAGhCK,EACEb,QACAY,EAAAA,EAA8BJ,8CA5ClCC,EACAG,GAEIH,EACFA,EAAOE,kBACLX,QACAY,EAAAA,EAA8BV,GAGhCS,EACEX,QACAY,EAAAA,EAA8BV,6CDDlCO,EACAC,GAEID,EACFA,EAAOE,kBACL1D,QACAyD,EAAAA,EAA6B5B,GAG/B6B,EACE1D,QACAyD,EAAAA,EAA6B5B"}
+{"version":3,"file":"react-scroll-parallax.cjs.production.min.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  speed?: number;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport default function ParallaxWrapper({\n  speed,\n  disabled,\n  previewInEditor,\n  children,\n  className,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  const isServer = typeof window === \"undefined\";\n  if (!hasContext && !isServer) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      speed={speed}\n      className={className}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\n/**\n * We're keeping the old registration without attachments to avoid confusion\n * due to the parallax custom behavior not working in old projects that didn't\n * make use of global contexts (so simply adding the custom behavior would\n * break it and it wouldn't be clear that the user should also add a\n * `ParallaxProvider`).\n */\nexport const deprecated_parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> =\n  {\n    name: \"hostless-scroll-parallax\",\n    displayName: \"Scroll Parallax\",\n    importName: \"ParallaxWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n          style: {\n            maxWidth: \"100%\",\n          },\n        },\n      },\n      speed: {\n        type: \"number\",\n        description:\n          \"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.\",\n        defaultValue: 20,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables the parallax effect.\",\n      },\n      previewInEditor: {\n        type: \"boolean\",\n        description: \"Enable the parallax effect in the editor.\",\n      },\n    },\n    defaultStyles: {\n      maxWidth: \"100%\",\n    },\n  };\n\nexport function deprecated_registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  }\n}\n\n/**\n * The new registration is only setting `isAttachment: true`.\n */\nexport const parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  ...deprecated_parallaxWrapperMeta,\n  isAttachment: true,\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext, {\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ParallaxProvider, useController } from \"react-scroll-parallax\";\nimport { ParallaxProviderProps } from \"react-scroll-parallax/dist/components/ParallaxProvider/types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * This is required to ensure the parallax scrolling works correctly, since if\n * (for instance) images load after the parallax wrapper has calculated the\n * dimensions of the space, it will result in incorrect parallax scrolling\n * amounts.\n *\n * This is not great since we need to mutation-observe the whole section of the\n * document (which may be large), but we can probably optimize this in the\n * future.\n */\nfunction ParallaxCacheUpdate({ children }: React.PropsWithChildren<{}>) {\n  const parallaxController = useController();\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (ref.current?.parentElement) {\n      const targetNode = ref.current.parentElement;\n      const observer = new ResizeObserver(() => {\n        if (parallaxController) {\n          parallaxController.update();\n        }\n      });\n      observer.observe(targetNode);\n      return () => {\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current]);\n\n  return (\n    <div style={{ display: \"contents\" }} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport function ParallaxProviderWrapper({\n  children,\n  ...props\n}: React.PropsWithChildren<ParallaxProviderProps>) {\n  return (\n    <ParallaxProvider {...props}>\n      <ParallaxCacheUpdate>{children}</ParallaxCacheUpdate>\n    </ParallaxProvider>\n  );\n}\n\n/**\n * @deprecated use `globalParallaxProviderMeta` instead.\n */\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProviderWrapper\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        children: [\n          {\n            type: \"text\",\n            value:\n              \"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:\",\n            styles: {\n              marginBottom: \"20px\",\n            },\n          },\n          {\n            type: \"component\",\n            name: \"hostless-scroll-parallax\",\n          },\n        ],\n      },\n    },\n    scrollAxis: {\n      type: \"choice\",\n      description: \"Scroll axis for setting horizontal/vertical scrolling\",\n      options: [\"vertical\", \"horizontal\"],\n      displayName: \"Scroll Axis\",\n    },\n  },\n};\n\n/**\n * @deprecated use `registerGlobalParallaxProvider` instead.\n */\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  }\n}\n\nexport const globalParallaxProviderMeta: GlobalContextMeta<ParallaxProviderProps> =\n  {\n    name: \"global-parallax-provider\",\n    displayName: \"Parallax Provider\",\n    importName: \"ParallaxProviderWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      scrollAxis: {\n        type: \"choice\",\n        description: \"Scroll axis for setting horizontal/vertical scrolling\",\n        options: [\"vertical\", \"horizontal\"],\n        displayName: \"Scroll Axis\",\n      },\n    },\n  };\n\nexport function registerGlobalParallaxProvider(\n  loader?: { registerGlobalContext: typeof registerGlobalContext },\n  customParallaxProviderMeta?: GlobalContextMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  }\n}\n"],"names":["ParallaxWrapper","speed","disabled","previewInEditor","children","className","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","isServer","window","Error","React","Parallax","deprecated_parallaxWrapperMeta","name","displayName","importName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","parallaxWrapperMeta","isAttachment","ParallaxCacheUpdate","parallaxController","useController","ref","useRef","useEffect","current","_ref$current","parentElement","targetNode","observer","ResizeObserver","update","observe","disconnect","display","ParallaxProviderWrapper","ParallaxProvider","parallaxProviderMeta","value","styles","marginBottom","scrollAxis","options","globalParallaxProviderMeta","loader","customParallaxWrapperMeta","registerComponent","customParallaxProviderMeta","registerGlobalContext"],"mappings":"wmBAewBA,SACtBC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,gBACAC,IAAAA,SACAC,IAAAA,UAEMC,EAAWC,aAAWC,wBACtBC,EAA4C,MAA/BF,aAAWG,mBACxBC,EAA6B,oBAAXC,OACxB,IAAKH,IAAeE,EAClB,MAAM,IAAIE,MACR,mFAGJ,OACEC,gBAACC,YACCb,SAAUA,GAAaI,IAAaH,EACpCF,MAAOA,EACPI,UAAWA,GAEVD,OAYMY,EACX,CACEC,KAAM,2BACNC,YAAa,kBACbC,WAAY,kBACZC,WAAY,qCACZC,MAAO,CACLjB,SAAU,CACRkB,KAAM,OACNC,aAAc,CACZD,KAAM,MACNE,IAAK,kCACLC,MAAO,CACLC,SAAU,UAIhBzB,MAAO,CACLqB,KAAM,SACNK,YACE,qGACFJ,aAAc,IAEhBrB,SAAU,CACRoB,KAAM,UACNK,YAAa,iCAEfxB,gBAAiB,CACfmB,KAAM,UACNK,YAAa,8CAGjBC,cAAe,CACbF,SAAU,SAwBHG,OACRb,GACHc,cAAc,mBCtFhB,SAASC,SAAsB3B,IAAAA,SACvB4B,EAAqBC,kBACrBC,EAAMC,SAA8B,MAkB1C,OAhBAC,aAAU,iBACR,YAAIF,EAAIG,UAAJC,EAAaC,cAAe,CAC9B,IAAMC,EAAaN,EAAIG,QAAQE,cACzBE,EAAW,IAAIC,GAAe,WAC9BV,GACFA,EAAmBW,YAIvB,OADAF,EAASG,QAAQJ,GACV,WACLC,EAASI,cAGb,OAAO,eACN,CAACX,EAAIG,UAGNvB,uBAAKW,MAAO,CAAEqB,QAAS,YAAcZ,IAAKA,GACvC9B,YAKS2C,SACd3C,IAAAA,SACGiB,0IAEH,OACEP,gBAACkC,oCAAqB3B,GACpBP,gBAACiB,OAAqB3B,IAQ5B,IAAa6C,EAA6D,CACxEhC,KAAM,6BACNC,YAAa,oBACbC,WAAY,0BACZC,WAAY,qCACZC,MAAO,CACLjB,SAAU,CACRkB,KAAM,OACNC,aAAc,CACZD,KAAM,OACNlB,SAAU,CACR,CACEkB,KAAM,OACN4B,MACE,8GACFC,OAAQ,CACNC,aAAc,SAGlB,CACE9B,KAAM,YACNL,KAAM,+BAKdoC,WAAY,CACV/B,KAAM,SACNK,YAAa,wDACb2B,QAAS,CAAC,WAAY,cACtBpC,YAAa,iBAyBNqC,EACX,CACEtC,KAAM,2BACNC,YAAa,oBACbC,WAAY,0BACZC,WAAY,qCACZC,MAAO,CACLgC,WAAY,CACV/B,KAAM,SACNK,YAAa,wDACb2B,QAAS,CAAC,WAAY,cACtBpC,YAAa,0KD1CnBsC,EACAC,GAEID,EACFA,EAAOE,kBACL1D,QACAyD,EAAAA,EAA6BzC,GAG/B0C,EACE1D,QACAyD,EAAAA,EAA6BzC,sJCqCjCwC,EACAG,GAEIH,EACFA,EAAOI,sBACLb,QACAY,EAAAA,EAA8BJ,GAGhCK,EACEb,QACAY,EAAAA,EAA8BJ,8CA5ClCC,EACAG,GAEIH,EACFA,EAAOE,kBACLX,QACAY,EAAAA,EAA8BV,GAGhCS,EACEX,QACAY,EAAAA,EAA8BV,6CDDlCO,EACAC,GAEID,EACFA,EAAOE,kBACL1D,QACAyD,EAAAA,EAA6B5B,GAG/B6B,EACE1D,QACAyD,EAAAA,EAA6B5B"}

package/dist/react-scroll-parallax.esm.js

@@ -6,52 +6,44 @@ import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 import ResizeObserver from 'resize-observer-polyfill';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
 
 function ParallaxWrapper(_ref) {
   var speed = _ref.speed,
-      disabled = _ref.disabled,
-      previewInEditor = _ref.previewInEditor,
-      children = _ref.children,
-      className = _ref.className;
+    disabled = _ref.disabled,
+    previewInEditor = _ref.previewInEditor,
+    children = _ref.children,
+    className = _ref.className;
   var inEditor = useContext(PlasmicCanvasContext);
   var hasContext = useContext(ParallaxContext) != null;
   var isServer = typeof window === "undefined";
-
   if (!hasContext && !isServer) {
     throw new Error("Scroll Parallax can only be instantiated somewhere inside the Parallax Provider");
   }
-
   return React.createElement(Parallax, {
     disabled: disabled || inEditor && !previewInEditor,
     speed: speed,
@@ -65,7 +57,6 @@ function ParallaxWrapper(_ref) {
  * break it and it wouldn't be clear that the user should also add a
  * `ParallaxProvider`).
  */
-
 var deprecated_parallaxWrapperMeta = {
   name: "hostless-scroll-parallax",
   displayName: "Scroll Parallax",
@@ -110,7 +101,6 @@ function deprecated_registerParallaxWrapper(loader, customParallaxWrapperMeta) {
 /**
  * The new registration is only setting `isAttachment: true`.
  */
-
 var parallaxWrapperMeta = /*#__PURE__*/_extends({}, deprecated_parallaxWrapperMeta, {
   isAttachment: true
 });
@@ -133,14 +123,12 @@ var _excluded = ["children"];
  * document (which may be large), but we can probably optimize this in the
  * future.
  */
-
 function ParallaxCacheUpdate(_ref) {
   var children = _ref.children;
   var parallaxController = useController();
   var ref = useRef(null);
   useEffect(function () {
     var _ref$current;
-
     if ((_ref$current = ref.current) != null && _ref$current.parentElement) {
       var targetNode = ref.current.parentElement;
       var observer = new ResizeObserver(function () {
@@ -153,7 +141,6 @@ function ParallaxCacheUpdate(_ref) {
         observer.disconnect();
       };
     }
-
     return function () {};
   }, [ref.current]);
   return React.createElement("div", {
@@ -163,17 +150,14 @@ function ParallaxCacheUpdate(_ref) {
     ref: ref
   }, children);
 }
-
 function ParallaxProviderWrapper(_ref2) {
   var children = _ref2.children,
-      props = _objectWithoutPropertiesLoose(_ref2, _excluded);
-
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded);
   return React.createElement(ParallaxProvider, Object.assign({}, props), React.createElement(ParallaxCacheUpdate, null, children));
 }
 /**
  * @deprecated use `globalParallaxProviderMeta` instead.
  */
-
 var parallaxProviderMeta = {
   name: "hostless-parallax-provider",
   displayName: "Parallax Provider",
@@ -207,7 +191,6 @@ var parallaxProviderMeta = {
 /**
  * @deprecated use `registerGlobalParallaxProvider` instead.
  */
-
 function registerParallaxProvider(loader, customParallaxProviderMeta) {
   if (loader) {
     loader.registerComponent(ParallaxProviderWrapper, customParallaxProviderMeta != null ? customParallaxProviderMeta : parallaxProviderMeta);

package/dist/react-scroll-parallax.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-scroll-parallax.esm.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  speed?: number;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport default function ParallaxWrapper({\n  speed,\n  disabled,\n  previewInEditor,\n  children,\n  className,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  const isServer = typeof window === \"undefined\";\n  if (!hasContext && !isServer) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      speed={speed}\n      className={className}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\n/**\n * We're keeping the old registration without attachments to avoid confusion\n * due to the parallax custom behavior not working in old projects that didn't\n * make use of global contexts (so simply adding the custom behavior would\n * break it and it wouldn't be clear that the user should also add a\n * `ParallaxProvider`).\n */\nexport const deprecated_parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> =\n  {\n    name: \"hostless-scroll-parallax\",\n    displayName: \"Scroll Parallax\",\n    importName: \"ParallaxWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n          style: {\n            maxWidth: \"100%\",\n          },\n        },\n      },\n      speed: {\n        type: \"number\",\n        description:\n          \"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.\",\n        defaultValue: 20,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables the parallax effect.\",\n      },\n      previewInEditor: {\n        type: \"boolean\",\n        description: \"Enable the parallax effect in the editor.\",\n      },\n    },\n    defaultStyles: {\n      maxWidth: \"100%\",\n    },\n  };\n\nexport function deprecated_registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  }\n}\n\n/**\n * The new registration is only setting `isAttachment: true`.\n */\nexport const parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  ...deprecated_parallaxWrapperMeta,\n  isAttachment: true,\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext, {\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ParallaxProvider, useController } from \"react-scroll-parallax\";\nimport { ParallaxProviderProps } from \"react-scroll-parallax/dist/components/ParallaxProvider/types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * This is required to ensure the parallax scrolling works correctly, since if\n * (for instance) images load after the parallax wrapper has calculated the\n * dimensions of the space, it will result in incorrect parallax scrolling\n * amounts.\n *\n * This is not great since we need to mutation-observe the whole section of the\n * document (which may be large), but we can probably optimize this in the\n * future.\n */\nfunction ParallaxCacheUpdate({ children }: React.PropsWithChildren<{}>) {\n  const parallaxController = useController();\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (ref.current?.parentElement) {\n      const targetNode = ref.current.parentElement;\n      const observer = new ResizeObserver(() => {\n        if (parallaxController) {\n          parallaxController.update();\n        }\n      });\n      observer.observe(targetNode);\n      return () => {\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current]);\n\n  return (\n    <div style={{ display: \"contents\" }} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport function ParallaxProviderWrapper({\n  children,\n  ...props\n}: React.PropsWithChildren<ParallaxProviderProps>) {\n  return (\n    <ParallaxProvider {...props}>\n      <ParallaxCacheUpdate>{children}</ParallaxCacheUpdate>\n    </ParallaxProvider>\n  );\n}\n\n/**\n * @deprecated use `globalParallaxProviderMeta` instead.\n */\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProviderWrapper\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        children: [\n          {\n            type: \"text\",\n            value:\n              \"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:\",\n            styles: {\n              marginBottom: \"20px\",\n            },\n          },\n          {\n            type: \"component\",\n            name: \"hostless-scroll-parallax\",\n          },\n        ],\n      },\n    },\n    scrollAxis: {\n      type: \"choice\",\n      description: \"Scroll axis for setting horizontal/vertical scrolling\",\n      options: [\"vertical\", \"horizontal\"],\n      displayName: \"Scroll Axis\",\n    },\n  },\n};\n\n/**\n * @deprecated use `registerGlobalParallaxProvider` instead.\n */\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  }\n}\n\nexport const globalParallaxProviderMeta: GlobalContextMeta<ParallaxProviderProps> =\n  {\n    name: \"global-parallax-provider\",\n    displayName: \"Parallax Provider\",\n    importName: \"ParallaxProviderWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      scrollAxis: {\n        type: \"choice\",\n        description: \"Scroll axis for setting horizontal/vertical scrolling\",\n        options: [\"vertical\", \"horizontal\"],\n        displayName: \"Scroll Axis\",\n      },\n    },\n  };\n\nexport function registerGlobalParallaxProvider(\n  loader?: { registerGlobalContext: typeof registerGlobalContext },\n  customParallaxProviderMeta?: GlobalContextMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  }\n}\n"],"names":["ParallaxWrapper","speed","disabled","previewInEditor","children","className","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","isServer","window","Error","React","Parallax","deprecated_parallaxWrapperMeta","name","displayName","importName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","deprecated_registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxWrapperMeta","isAttachment","registerParallaxWrapper","ParallaxCacheUpdate","parallaxController","useController","ref","useRef","useEffect","current","parentElement","targetNode","observer","ResizeObserver","update","observe","disconnect","display","ParallaxProviderWrapper","ParallaxProvider","parallaxProviderMeta","value","styles","marginBottom","scrollAxis","options","registerParallaxProvider","customParallaxProviderMeta","globalParallaxProviderMeta","registerGlobalParallaxProvider","registerGlobalContext"],"mappings":"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"}
+{"version":3,"file":"react-scroll-parallax.esm.js","sources":["../src/ParallaxWrapper.tsx","../src/ParallaxProvider.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React, { useContext } from \"react\";\nimport { Parallax, ParallaxContext } from \"react-scroll-parallax\";\n\nexport interface ParallaxWrapperProps {\n  speed?: number;\n  disabled?: boolean;\n  previewInEditor?: boolean;\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport default function ParallaxWrapper({\n  speed,\n  disabled,\n  previewInEditor,\n  children,\n  className,\n}: ParallaxWrapperProps) {\n  const inEditor = useContext(PlasmicCanvasContext);\n  const hasContext = useContext(ParallaxContext) != null;\n  const isServer = typeof window === \"undefined\";\n  if (!hasContext && !isServer) {\n    throw new Error(\n      \"Scroll Parallax can only be instantiated somewhere inside the Parallax Provider\"\n    );\n  }\n  return (\n    <Parallax\n      disabled={disabled || (inEditor && !previewInEditor)}\n      speed={speed}\n      className={className}\n    >\n      {children}\n    </Parallax>\n  );\n}\n\n/**\n * We're keeping the old registration without attachments to avoid confusion\n * due to the parallax custom behavior not working in old projects that didn't\n * make use of global contexts (so simply adding the custom behavior would\n * break it and it wouldn't be clear that the user should also add a\n * `ParallaxProvider`).\n */\nexport const deprecated_parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> =\n  {\n    name: \"hostless-scroll-parallax\",\n    displayName: \"Scroll Parallax\",\n    importName: \"ParallaxWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n          style: {\n            maxWidth: \"100%\",\n          },\n        },\n      },\n      speed: {\n        type: \"number\",\n        description:\n          \"How much to speed up or slow down this element while scrolling. Try -20 for slower, 20 for faster.\",\n        defaultValue: 20,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables the parallax effect.\",\n      },\n      previewInEditor: {\n        type: \"boolean\",\n        description: \"Enable the parallax effect in the editor.\",\n      },\n    },\n    defaultStyles: {\n      maxWidth: \"100%\",\n    },\n  };\n\nexport function deprecated_registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? deprecated_parallaxWrapperMeta\n    );\n  }\n}\n\n/**\n * The new registration is only setting `isAttachment: true`.\n */\nexport const parallaxWrapperMeta: ComponentMeta<ParallaxWrapperProps> = {\n  ...deprecated_parallaxWrapperMeta,\n  isAttachment: true,\n};\n\nexport function registerParallaxWrapper(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxWrapperMeta?: ComponentMeta<ParallaxWrapperProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxWrapper,\n      customParallaxWrapperMeta ?? parallaxWrapperMeta\n    );\n  }\n}\n","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext, {\n  GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport React, { useEffect, useRef } from \"react\";\nimport { ParallaxProvider, useController } from \"react-scroll-parallax\";\nimport { ParallaxProviderProps } from \"react-scroll-parallax/dist/components/ParallaxProvider/types\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * This is required to ensure the parallax scrolling works correctly, since if\n * (for instance) images load after the parallax wrapper has calculated the\n * dimensions of the space, it will result in incorrect parallax scrolling\n * amounts.\n *\n * This is not great since we need to mutation-observe the whole section of the\n * document (which may be large), but we can probably optimize this in the\n * future.\n */\nfunction ParallaxCacheUpdate({ children }: React.PropsWithChildren<{}>) {\n  const parallaxController = useController();\n  const ref = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (ref.current?.parentElement) {\n      const targetNode = ref.current.parentElement;\n      const observer = new ResizeObserver(() => {\n        if (parallaxController) {\n          parallaxController.update();\n        }\n      });\n      observer.observe(targetNode);\n      return () => {\n        observer.disconnect();\n      };\n    }\n    return () => {};\n  }, [ref.current]);\n\n  return (\n    <div style={{ display: \"contents\" }} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport function ParallaxProviderWrapper({\n  children,\n  ...props\n}: React.PropsWithChildren<ParallaxProviderProps>) {\n  return (\n    <ParallaxProvider {...props}>\n      <ParallaxCacheUpdate>{children}</ParallaxCacheUpdate>\n    </ParallaxProvider>\n  );\n}\n\n/**\n * @deprecated use `globalParallaxProviderMeta` instead.\n */\nexport const parallaxProviderMeta: ComponentMeta<ParallaxProviderProps> = {\n  name: \"hostless-parallax-provider\",\n  displayName: \"Parallax Provider\",\n  importName: \"ParallaxProviderWrapper\",\n  importPath: \"@plasmicpkgs/react-scroll-parallax\",\n  props: {\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        children: [\n          {\n            type: \"text\",\n            value:\n              \"Wrap any element in a Scroll Parallax component. Ensure they're all inside this Parallax Provider. Example:\",\n            styles: {\n              marginBottom: \"20px\",\n            },\n          },\n          {\n            type: \"component\",\n            name: \"hostless-scroll-parallax\",\n          },\n        ],\n      },\n    },\n    scrollAxis: {\n      type: \"choice\",\n      description: \"Scroll axis for setting horizontal/vertical scrolling\",\n      options: [\"vertical\", \"horizontal\"],\n      displayName: \"Scroll Axis\",\n    },\n  },\n};\n\n/**\n * @deprecated use `registerGlobalParallaxProvider` instead.\n */\nexport function registerParallaxProvider(\n  loader?: { registerComponent: typeof registerComponent },\n  customParallaxProviderMeta?: ComponentMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  } else {\n    registerComponent(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? parallaxProviderMeta\n    );\n  }\n}\n\nexport const globalParallaxProviderMeta: GlobalContextMeta<ParallaxProviderProps> =\n  {\n    name: \"global-parallax-provider\",\n    displayName: \"Parallax Provider\",\n    importName: \"ParallaxProviderWrapper\",\n    importPath: \"@plasmicpkgs/react-scroll-parallax\",\n    props: {\n      scrollAxis: {\n        type: \"choice\",\n        description: \"Scroll axis for setting horizontal/vertical scrolling\",\n        options: [\"vertical\", \"horizontal\"],\n        displayName: \"Scroll Axis\",\n      },\n    },\n  };\n\nexport function registerGlobalParallaxProvider(\n  loader?: { registerGlobalContext: typeof registerGlobalContext },\n  customParallaxProviderMeta?: GlobalContextMeta<ParallaxProviderProps>\n) {\n  if (loader) {\n    loader.registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  } else {\n    registerGlobalContext(\n      ParallaxProviderWrapper,\n      customParallaxProviderMeta ?? globalParallaxProviderMeta\n    );\n  }\n}\n"],"names":["ParallaxWrapper","speed","disabled","previewInEditor","children","className","inEditor","useContext","PlasmicCanvasContext","hasContext","ParallaxContext","isServer","window","Error","React","Parallax","deprecated_parallaxWrapperMeta","name","displayName","importName","importPath","props","type","defaultValue","src","style","maxWidth","description","defaultStyles","deprecated_registerParallaxWrapper","loader","customParallaxWrapperMeta","registerComponent","parallaxWrapperMeta","isAttachment","registerParallaxWrapper","ParallaxCacheUpdate","parallaxController","useController","ref","useRef","useEffect","current","parentElement","targetNode","observer","ResizeObserver","update","observe","disconnect","display","ParallaxProviderWrapper","ParallaxProvider","parallaxProviderMeta","value","styles","marginBottom","scrollAxis","options","registerParallaxProvider","customParallaxProviderMeta","globalParallaxProviderMeta","registerGlobalParallaxProvider","registerGlobalContext"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-scroll-parallax",
-  "version": "0.0.97",
+  "version": "0.0.98",
   "description": "Plasmic registration call for the HTML5 video element",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "analyze": "size-limit --why"
   },
   "devDependencies": {
-    "@plasmicapp/host": "1.0.92",
+    "@plasmicapp/host": "1.0.93",
     "@size-limit/preset-small-lib": "^4.11.0",
     "@types/node": "^14.0.26",
     "size-limit": "^4.11.0",
@@ -45,5 +45,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "79d47b209f2166dc80c5bb5f24491e0b8cbc02a4"
+  "gitHead": "e282c9cca3a168a822b34a1a5e6de3a6a072c00f"
 }