@plasmicpkgs/react-awesome-reveal 3.8.4 → 3.8.9

package/dist/index.d.ts

@@ -7,6 +7,7 @@ declare const effectNameToComponent: {
     readonly flip: React.FC<import("react-awesome-reveal").FlipProps>;
     readonly hinge: React.FC<Pick<import("react-awesome-reveal").RevealProps, "cascade" | "damping" | "delay" | "duration" | "fraction" | "triggerOnce" | "className" | "style" | "childClassName" | "childStyle" | "onVisibilityChange">>;
     readonly jackinthebox: React.FC<Pick<import("react-awesome-reveal").RevealProps, "cascade" | "damping" | "delay" | "duration" | "fraction" | "triggerOnce" | "className" | "style" | "childClassName" | "childStyle" | "onVisibilityChange">>;
+    readonly roll: React.FC<import("react-awesome-reveal").RollProps>;
     readonly rotate: React.FC<import("react-awesome-reveal").RotateProps>;
     readonly slide: React.FC<import("react-awesome-reveal").SlideProps>;
     readonly zoom: React.FC<import("react-awesome-reveal").ZoomProps>;

package/dist/react-awesome-reveal.cjs.development.js

@@ -23,16 +23,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded = ["effect", "className"];
 var effectNameToComponent = {
   bounce: reactAwesomeReveal.Bounce,
   fade: reactAwesomeReveal.Fade,
   flip: reactAwesomeReveal.Flip,
   hinge: reactAwesomeReveal.Hinge,
   jackinthebox: reactAwesomeReveal.JackInTheBox,
-  // Roll seems not to be working properly in the canvas as of
-  // `react-awesome-reveal@3.8.1`
-
-  /* roll: Roll, */
+  roll: reactAwesomeReveal.Roll,
   rotate: reactAwesomeReveal.Rotate,
   slide: reactAwesomeReveal.Slide,
   zoom: reactAwesomeReveal.Zoom
@@ -42,7 +40,7 @@ function Reveal(_ref) {
   var _ref$effect = _ref.effect,
       effect = _ref$effect === void 0 ? "fade" : _ref$effect,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["effect", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var Comp = effectNameToComponent[effect];
 
@@ -66,13 +64,14 @@ var revealMeta = {
   displayName: "Reveal",
   importPath: "@plasmicpkgs/react-awesome-reveal",
   props: {
-    // `big` seems not to be working properly as of `react-awesome-reveal@3.8.1`
-
-    /* big: {
-      type: "boolean",
-      displayName: "Big",
-      description: `Causes the animation to start farther. Only applied to "fade" Effect and "down", "left", "right" and "up" directions`,
-    }, */
+    big: {
+      type: "boolean",
+      displayName: "Big",
+      description: "Causes the animation to start farther",
+      hidden: function hidden(props) {
+        return (props.effect || "fade") !== "fade" || !["down", "left", "up", "right"].includes(props.direction);
+      }
+    },
     cascade: {
       type: "boolean",
       displayName: "Cascade",
@@ -88,24 +87,38 @@ var revealMeta = {
     damping: {
       type: "number",
       displayName: "Damping",
-      description: "Factor that affects the delay that each animated element in a cascade animation will be assigned (defaults to 0.5)"
+      description: "Factor that affects the delay that each animated element in a cascade animation will be assigned",
+      defaultValueHint: 0.5
     },
     delay: {
       type: "number",
       displayName: "Delay",
-      description: "Initial delay, in milliseconds"
+      description: "Initial delay, in milliseconds",
+      defaultValueHint: 0
     },
     direction: {
       type: "choice",
-      options: ["horizontal", "vertical", "bottom-left", "bottom-right", "down", "left", "right", "top-left", "top-right", "up"],
-      defaultValue: "up",
+      options: function options(props) {
+        var effect = props.effect || "fade";
+
+        var maybeAddOptions = function maybeAddOptions(effects, options) {
+          return effects.includes(effect) ? options : [];
+        };
+
+        return [].concat(maybeAddOptions(["flip"], ["horizontal", "vertical"])).concat(maybeAddOptions(["bounce", "fade", "slide", "zoom"], ["down", "left", "right", "up"])).concat(maybeAddOptions(["fade", "rotate"], ["bottom-left", "bottom-right", "top-left", "top-right"]));
+      },
+      hidden: function hidden(props) {
+        var effect = props.effect || "fade";
+        return ["hinge", "jackinthebox", "roll"].includes(effect);
+      },
       displayName: "Direction",
       description: "Origin of the animation (the valid values depend on the chosen Effect)"
     },
     duration: {
       type: "number",
       displayName: "Duration",
-      description: "Animation duration, in milliseconds (defaults to 1000)"
+      description: "Animation duration, in milliseconds",
+      defaultValueHint: 1000
     },
     effect: {
       type: "choice",
@@ -113,7 +126,8 @@ var revealMeta = {
         return v;
       }),
       displayName: "Effect",
-      description: "The Reveal animation effect to be applied"
+      description: "The Reveal animation effect to be applied",
+      defaultValueHint: "fade"
     },
     // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`
 
@@ -126,12 +140,17 @@ var revealMeta = {
     reverse: {
       type: "boolean",
       displayName: "Reverse",
-      description: "Whether the animation should make element(s) disappear. Not applied to \"hinge\" and \"jackinthebox\" effects"
+      description: "Whether the animation should make element(s) disappear",
+      hidden: function hidden(props) {
+        return ["hinge", "jackinthebox"].includes(props.effect || "fade");
+      }
     },
     triggerOnce: {
       type: "boolean",
       displayName: "Trigger Once",
-      description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport"
+      description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport",
+      // Some effects don't work correctly when `false`
+      defaultValue: true
     }
   }
 };

package/dist/react-awesome-reveal.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-awesome-reveal.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport {\n  Bounce,\n  Fade,\n  Flip,\n  Hinge,\n  JackInTheBox,\n  Rotate,\n  Slide,\n  Zoom,\n} from \"react-awesome-reveal\";\n\nconst effectNameToComponent = {\n  bounce: Bounce,\n  fade: Fade,\n  flip: Flip,\n  hinge: Hinge,\n  jackinthebox: JackInTheBox,\n  // Roll seems not to be working properly in the canvas as of\n  // `react-awesome-reveal@3.8.1`\n  /* roll: Roll, */\n  rotate: Rotate,\n  slide: Slide,\n  zoom: Zoom,\n} as const;\n\ntype Effect = keyof typeof effectNameToComponent;\n\nconst effects = Object.keys(effectNameToComponent);\n\nexport interface RevealProps extends React.ComponentProps<typeof Fade> {\n  className?: string;\n  effect?: Effect;\n}\n\nexport function Reveal({ effect = \"fade\", className, ...props }: RevealProps) {\n  const Comp = effectNameToComponent[effect] as any;\n  if (!Comp) {\n    throw new Error(`Please specify a valid effect: ${effects.join(\", \")}`);\n  }\n  // Rendering plain strings seems to result in an infinite loop from\n  // \"react-awesome-reveal\" (except for when `cascading` is set).\n  // So we create a wrapper `div`.\n  const children =\n    props.cascade ||\n    ![\"string\", \"number\", \"boolean\"].includes(typeof props.children) ? (\n      props.children\n    ) : (\n      <div> {props.children} </div>\n    );\n  return <Comp className={className} {...props} children={children} />;\n}\n\nexport const revealMeta: ComponentMeta<RevealProps> = {\n  name: \"hostless-reveal\",\n  importName: \"Reveal\",\n  displayName: \"Reveal\",\n  importPath: \"@plasmicpkgs/react-awesome-reveal\",\n  props: {\n    // `big` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* big: {\n      type: \"boolean\",\n      displayName: \"Big\",\n      description: `Causes the animation to start farther. Only applied to \"fade\" Effect and \"down\", \"left\", \"right\" and \"up\" directions`,\n    }, */\n    cascade: {\n      type: \"boolean\",\n      displayName: \"Cascade\",\n      description: \"Stagger its children animations\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n        },\n      ],\n    },\n    damping: {\n      type: \"number\",\n      displayName: \"Damping\",\n      description:\n        \"Factor that affects the delay that each animated element in a cascade animation will be assigned (defaults to 0.5)\",\n    },\n    delay: {\n      type: \"number\",\n      displayName: \"Delay\",\n      description: \"Initial delay, in milliseconds\",\n    },\n    direction: {\n      type: \"choice\",\n      options: [\n        \"horizontal\",\n        \"vertical\",\n        \"bottom-left\",\n        \"bottom-right\",\n        \"down\",\n        \"left\",\n        \"right\",\n        \"top-left\",\n        \"top-right\",\n        \"up\",\n      ],\n      defaultValue: \"up\",\n      displayName: \"Direction\",\n      description:\n        \"Origin of the animation (the valid values depend on the chosen Effect)\",\n    },\n    duration: {\n      type: \"number\",\n      displayName: \"Duration\",\n      description: \"Animation duration, in milliseconds (defaults to 1000)\",\n    },\n    effect: {\n      type: \"choice\",\n      options: effects.map((v) => v),\n      displayName: \"Effect\",\n      description: \"The Reveal animation effect to be applied\",\n    },\n    // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* fraction: {\n      type: \"number\",\n      displayName: \"Fraction\",\n      description:\n        \"Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered\",\n    }, */\n    reverse: {\n      type: \"boolean\",\n      displayName: \"Reverse\",\n      description: `Whether the animation should make element(s) disappear. Not applied to \"hinge\" and \"jackinthebox\" effects`,\n    },\n    triggerOnce: {\n      type: \"boolean\",\n      displayName: \"Trigger Once\",\n      description:\n        \"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport\",\n    },\n  },\n};\n\nexport function registerReveal(\n  loader?: { registerComponent: typeof registerComponent },\n  customRevealMeta?: ComponentMeta<RevealProps>\n) {\n  if (loader) {\n    loader.registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  } else {\n    registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  }\n}\n"],"names":["effectNameToComponent","bounce","Bounce","fade","Fade","flip","Flip","hinge","Hinge","jackinthebox","JackInTheBox","rotate","Rotate","slide","Slide","zoom","Zoom","effects","Object","keys","Reveal","effect","className","props","Comp","Error","join","children","cascade","includes","React","revealMeta","name","importName","displayName","importPath","type","description","defaultValue","src","damping","delay","direction","options","duration","map","v","reverse","triggerOnce","registerReveal","loader","customRevealMeta","registerComponent"],"mappings":"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"}
+{"version":3,"file":"react-awesome-reveal.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport {\n  Bounce,\n  Fade,\n  Flip,\n  Hinge,\n  JackInTheBox,\n  Roll,\n  Rotate,\n  Slide,\n  Zoom,\n} from \"react-awesome-reveal\";\n\nconst effectNameToComponent = {\n  bounce: Bounce,\n  fade: Fade,\n  flip: Flip,\n  hinge: Hinge,\n  jackinthebox: JackInTheBox,\n  roll: Roll,\n  rotate: Rotate,\n  slide: Slide,\n  zoom: Zoom,\n} as const;\n\ntype Effect = keyof typeof effectNameToComponent;\n\nconst effects = Object.keys(effectNameToComponent);\n\nexport interface RevealProps extends React.ComponentProps<typeof Fade> {\n  className?: string;\n  effect?: Effect;\n}\n\nexport function Reveal({ effect = \"fade\", className, ...props }: RevealProps) {\n  const Comp = effectNameToComponent[effect] as any;\n  if (!Comp) {\n    throw new Error(`Please specify a valid effect: ${effects.join(\", \")}`);\n  }\n  // Rendering plain strings seems to result in an infinite loop from\n  // \"react-awesome-reveal\" (except for when `cascading` is set).\n  // So we create a wrapper `div`.\n  const children =\n    props.cascade ||\n    ![\"string\", \"number\", \"boolean\"].includes(typeof props.children) ? (\n      props.children\n    ) : (\n      <div> {props.children} </div>\n    );\n  return <Comp className={className} {...props} children={children} />;\n}\n\nexport const revealMeta: ComponentMeta<RevealProps> = {\n  name: \"hostless-reveal\",\n  importName: \"Reveal\",\n  displayName: \"Reveal\",\n  importPath: \"@plasmicpkgs/react-awesome-reveal\",\n  props: {\n    big: {\n      type: \"boolean\",\n      displayName: \"Big\",\n      description: `Causes the animation to start farther`,\n      hidden: (props) =>\n        (props.effect || \"fade\") !== \"fade\" ||\n        ![\"down\", \"left\", \"up\", \"right\"].includes(props.direction as string),\n    },\n    cascade: {\n      type: \"boolean\",\n      displayName: \"Cascade\",\n      description: \"Stagger its children animations\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n        },\n      ],\n    },\n    damping: {\n      type: \"number\",\n      displayName: \"Damping\",\n      description:\n        \"Factor that affects the delay that each animated element in a cascade animation will be assigned\",\n      defaultValueHint: 0.5\n    },\n    delay: {\n      type: \"number\",\n      displayName: \"Delay\",\n      description: \"Initial delay, in milliseconds\",\n      defaultValueHint: 0,\n    },\n    direction: {\n      type: \"choice\",\n      options: (props) => {\n        const effect = props.effect || \"fade\";\n        const maybeAddOptions = (effects: Effect[], options: string[]) =>\n          effects.includes(effect) ? options : [];\n        return ([] as string[])\n          .concat(maybeAddOptions([\"flip\"], [\"horizontal\", \"vertical\"]))\n          .concat(\n            maybeAddOptions(\n              [\"bounce\", \"fade\", \"slide\", \"zoom\"],\n              [\"down\", \"left\", \"right\", \"up\"]\n            )\n          )\n          .concat(\n            maybeAddOptions(\n              [\"fade\", \"rotate\"],\n              [\"bottom-left\", \"bottom-right\", \"top-left\", \"top-right\"]\n            )\n          );\n      },\n      hidden: (props) => {\n        const effect = props.effect || \"fade\";\n        return [\"hinge\", \"jackinthebox\", \"roll\"].includes(effect);\n      },\n      displayName: \"Direction\",\n      description:\n        \"Origin of the animation (the valid values depend on the chosen Effect)\",\n    },\n    duration: {\n      type: \"number\",\n      displayName: \"Duration\",\n      description: \"Animation duration, in milliseconds\",\n      defaultValueHint: 1000,\n    },\n    effect: {\n      type: \"choice\",\n      options: effects.map((v) => v),\n      displayName: \"Effect\",\n      description: \"The Reveal animation effect to be applied\",\n      defaultValueHint: \"fade\"\n    },\n    // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* fraction: {\n      type: \"number\",\n      displayName: \"Fraction\",\n      description:\n        \"Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered\",\n    }, */\n    reverse: {\n      type: \"boolean\",\n      displayName: \"Reverse\",\n      description: `Whether the animation should make element(s) disappear`,\n      hidden: (props) =>\n        [\"hinge\", \"jackinthebox\"].includes(props.effect || \"fade\"),\n    },\n    triggerOnce: {\n      type: \"boolean\",\n      displayName: \"Trigger Once\",\n      description:\n        \"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport\",\n      // Some effects don't work correctly when `false`\n      defaultValue: true,\n    },\n  },\n};\n\nexport function registerReveal(\n  loader?: { registerComponent: typeof registerComponent },\n  customRevealMeta?: ComponentMeta<RevealProps>\n) {\n  if (loader) {\n    loader.registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  } else {\n    registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  }\n}\n"],"names":["effectNameToComponent","bounce","Bounce","fade","Fade","flip","Flip","hinge","Hinge","jackinthebox","JackInTheBox","roll","Roll","rotate","Rotate","slide","Slide","zoom","Zoom","effects","Object","keys","Reveal","effect","className","props","Comp","Error","join","children","cascade","includes","React","revealMeta","name","importName","displayName","importPath","big","type","description","hidden","direction","defaultValue","src","damping","defaultValueHint","delay","options","maybeAddOptions","concat","duration","map","v","reverse","triggerOnce","registerReveal","loader","customRevealMeta","registerComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,qBAAqB,GAAG;AAC5BC,EAAAA,MAAM,EAAEC,yBADoB;AAE5BC,EAAAA,IAAI,EAAEC,uBAFsB;AAG5BC,EAAAA,IAAI,EAAEC,uBAHsB;AAI5BC,EAAAA,KAAK,EAAEC,wBAJqB;AAK5BC,EAAAA,YAAY,EAAEC,+BALc;AAM5BC,EAAAA,IAAI,EAAEC,uBANsB;AAO5BC,EAAAA,MAAM,EAAEC,yBAPoB;AAQ5BC,EAAAA,KAAK,EAAEC,wBARqB;AAS5BC,EAAAA,IAAI,EAAEC;AATsB,CAA9B;AAcA,IAAMC,OAAO,gBAAGC,MAAM,CAACC,IAAP,CAAYrB,qBAAZ,CAAhB;SAOgBsB;yBAASC;MAAAA,kCAAS;MAAQC,iBAAAA;MAAcC;;AACtD,MAAMC,IAAI,GAAG1B,qBAAqB,CAACuB,MAAD,CAAlC;;AACA,MAAI,CAACG,IAAL,EAAW;AACT,UAAM,IAAIC,KAAJ,qCAA4CR,OAAO,CAACS,IAAR,CAAa,IAAb,CAA5C,CAAN;AACD;AAED;AACA;;;AACA,MAAMC,QAAQ,GACZJ,KAAK,CAACK,OAAN,IACA,CAAC,CAAC,QAAD,EAAW,QAAX,EAAqB,SAArB,EAAgCC,QAAhC,CAAyC,OAAON,KAAK,CAACI,QAAtD,CADD,GAEEJ,KAAK,CAACI,QAFR,GAIEG,mBAAA,MAAA,MAAA,KAAA,EAAOP,KAAK,CAACI,QAAb,KAAA,CALJ;AAOA,SAAOG,mBAAA,CAACN,IAAD;AAAMF,IAAAA,SAAS,EAAEA;KAAeC;AAAOI,IAAAA,QAAQ,EAAEA;IAAjD,CAAP;AACD;IAEYI,UAAU,GAA+B;AACpDC,EAAAA,IAAI,EAAE,iBAD8C;AAEpDC,EAAAA,UAAU,EAAE,QAFwC;AAGpDC,EAAAA,WAAW,EAAE,QAHuC;AAIpDC,EAAAA,UAAU,EAAE,mCAJwC;AAKpDZ,EAAAA,KAAK,EAAE;AACLa,IAAAA,GAAG,EAAE;AACHC,MAAAA,IAAI,EAAE,SADH;AAEHH,MAAAA,WAAW,EAAE,KAFV;AAGHI,MAAAA,WAAW,yCAHR;AAIHC,MAAAA,MAAM,EAAE,gBAAChB,KAAD;AAAA,eACN,CAACA,KAAK,CAACF,MAAN,IAAgB,MAAjB,MAA6B,MAA7B,IACA,CAAC,CAAC,MAAD,EAAS,MAAT,EAAiB,IAAjB,EAAuB,OAAvB,EAAgCQ,QAAhC,CAAyCN,KAAK,CAACiB,SAA/C,CAFK;AAAA;AAJL,KADA;AASLZ,IAAAA,OAAO,EAAE;AACPS,MAAAA,IAAI,EAAE,SADC;AAEPH,MAAAA,WAAW,EAAE,SAFN;AAGPI,MAAAA,WAAW,EAAE;AAHN,KATJ;AAcLX,IAAAA,QAAQ,EAAE;AACRU,MAAAA,IAAI,EAAE,MADE;AAERI,MAAAA,YAAY,EAAE,CACZ;AACEJ,QAAAA,IAAI,EAAE,KADR;AAEEK,QAAAA,GAAG,EAAE;AAFP,OADY;AAFN,KAdL;AAuBLC,IAAAA,OAAO,EAAE;AACPN,MAAAA,IAAI,EAAE,QADC;AAEPH,MAAAA,WAAW,EAAE,SAFN;AAGPI,MAAAA,WAAW,EACT,kGAJK;AAKPM,MAAAA,gBAAgB,EAAE;AALX,KAvBJ;AA8BLC,IAAAA,KAAK,EAAE;AACLR,MAAAA,IAAI,EAAE,QADD;AAELH,MAAAA,WAAW,EAAE,OAFR;AAGLI,MAAAA,WAAW,EAAE,gCAHR;AAILM,MAAAA,gBAAgB,EAAE;AAJb,KA9BF;AAoCLJ,IAAAA,SAAS,EAAE;AACTH,MAAAA,IAAI,EAAE,QADG;AAETS,MAAAA,OAAO,EAAE,iBAACvB,KAAD;AACP,YAAMF,MAAM,GAAGE,KAAK,CAACF,MAAN,IAAgB,MAA/B;;AACA,YAAM0B,eAAe,GAAG,SAAlBA,eAAkB,CAAC9B,OAAD,EAAoB6B,OAApB;AAAA,iBACtB7B,OAAO,CAACY,QAAR,CAAiBR,MAAjB,IAA2ByB,OAA3B,GAAqC,EADf;AAAA,SAAxB;;AAEA,eAAQ,GACLE,MADK,CACED,eAAe,CAAC,CAAC,MAAD,CAAD,EAAW,CAAC,YAAD,EAAe,UAAf,CAAX,CADjB,EAELC,MAFK,CAGJD,eAAe,CACb,CAAC,QAAD,EAAW,MAAX,EAAmB,OAAnB,EAA4B,MAA5B,CADa,EAEb,CAAC,MAAD,EAAS,MAAT,EAAiB,OAAjB,EAA0B,IAA1B,CAFa,CAHX,EAQLC,MARK,CASJD,eAAe,CACb,CAAC,MAAD,EAAS,QAAT,CADa,EAEb,CAAC,aAAD,EAAgB,cAAhB,EAAgC,UAAhC,EAA4C,WAA5C,CAFa,CATX,CAAR;AAcD,OApBQ;AAqBTR,MAAAA,MAAM,EAAE,gBAAChB,KAAD;AACN,YAAMF,MAAM,GAAGE,KAAK,CAACF,MAAN,IAAgB,MAA/B;AACA,eAAO,CAAC,OAAD,EAAU,cAAV,EAA0B,MAA1B,EAAkCQ,QAAlC,CAA2CR,MAA3C,CAAP;AACD,OAxBQ;AAyBTa,MAAAA,WAAW,EAAE,WAzBJ;AA0BTI,MAAAA,WAAW,EACT;AA3BO,KApCN;AAiELW,IAAAA,QAAQ,EAAE;AACRZ,MAAAA,IAAI,EAAE,QADE;AAERH,MAAAA,WAAW,EAAE,UAFL;AAGRI,MAAAA,WAAW,EAAE,qCAHL;AAIRM,MAAAA,gBAAgB,EAAE;AAJV,KAjEL;AAuELvB,IAAAA,MAAM,EAAE;AACNgB,MAAAA,IAAI,EAAE,QADA;AAENS,MAAAA,OAAO,eAAE7B,OAAO,CAACiC,GAAR,CAAY,UAACC,CAAD;AAAA,eAAOA,CAAP;AAAA,OAAZ,CAFH;AAGNjB,MAAAA,WAAW,EAAE,QAHP;AAINI,MAAAA,WAAW,EAAE,2CAJP;AAKNM,MAAAA,gBAAgB,EAAE;AALZ,KAvEH;AA8EL;;AACA;;;;;;AAMAQ,IAAAA,OAAO,EAAE;AACPf,MAAAA,IAAI,EAAE,SADC;AAEPH,MAAAA,WAAW,EAAE,SAFN;AAGPI,MAAAA,WAAW,0DAHJ;AAIPC,MAAAA,MAAM,EAAE,gBAAChB,KAAD;AAAA,eACN,CAAC,OAAD,EAAU,cAAV,EAA0BM,QAA1B,CAAmCN,KAAK,CAACF,MAAN,IAAgB,MAAnD,CADM;AAAA;AAJD,KArFJ;AA4FLgC,IAAAA,WAAW,EAAE;AACXhB,MAAAA,IAAI,EAAE,SADK;AAEXH,MAAAA,WAAW,EAAE,cAFF;AAGXI,MAAAA,WAAW,EACT,uHAJS;AAKX;AACAG,MAAAA,YAAY,EAAE;AANH;AA5FR;AAL6C;SA4GtCa,eACdC,QACAC;AAEA,MAAID,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CAAyBrC,MAAzB,EAAiCoC,gBAAjC,WAAiCA,gBAAjC,GAAqDzB,UAArD;AACD,GAFD,MAEO;AACL0B,IAAAA,iBAAiB,CAACrC,MAAD,EAASoC,gBAAT,WAASA,gBAAT,GAA6BzB,UAA7B,CAAjB;AACD;AACF;;;;;;"}

package/dist/react-awesome-reveal.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 t=e(require("@plasmicapp/host/registerComponent")),a=e(require("react")),i=require("react-awesome-reveal"),n={bounce:i.Bounce,fade:i.Fade,flip:i.Flip,hinge:i.Hinge,jackinthebox:i.JackInTheBox,rotate:i.Rotate,slide:i.Slide,zoom:i.Zoom},o=Object.keys(n);function r(e){var t=e.effect,i=void 0===t?"fade":t,r=e.className,l=function(e,t){if(null==e)return{};var a,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t.indexOf(a=o[i])>=0||(n[a]=e[a]);return n}(e,["effect","className"]),s=n[i];if(!s)throw new Error("Please specify a valid effect: "+o.join(", "));var c=l.cascade||!["string","number","boolean"].includes(typeof l.children)?l.children:a.createElement("div",null," ",l.children," ");return a.createElement(s,Object.assign({className:r},l,{children:c}))}var l={name:"hostless-reveal",importName:"Reveal",displayName:"Reveal",importPath:"@plasmicpkgs/react-awesome-reveal",props:{cascade:{type:"boolean",displayName:"Cascade",description:"Stagger its children animations"},children:{type:"slot",defaultValue:[{type:"img",src:"https://placekitten.com/300/200"}]},damping:{type:"number",displayName:"Damping",description:"Factor that affects the delay that each animated element in a cascade animation will be assigned (defaults to 0.5)"},delay:{type:"number",displayName:"Delay",description:"Initial delay, in milliseconds"},direction:{type:"choice",options:["horizontal","vertical","bottom-left","bottom-right","down","left","right","top-left","top-right","up"],defaultValue:"up",displayName:"Direction",description:"Origin of the animation (the valid values depend on the chosen Effect)"},duration:{type:"number",displayName:"Duration",description:"Animation duration, in milliseconds (defaults to 1000)"},effect:{type:"choice",options:o.map((function(e){return e})),displayName:"Effect",description:"The Reveal animation effect to be applied"},reverse:{type:"boolean",displayName:"Reverse",description:'Whether the animation should make element(s) disappear. Not applied to "hinge" and "jackinthebox" effects'},triggerOnce:{type:"boolean",displayName:"Trigger Once",description:"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport"}}};exports.Reveal=r,exports.registerReveal=function(e,a){e?e.registerComponent(r,null!=a?a:l):t(r,null!=a?a:l)},exports.revealMeta=l;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),a=e(require("react")),i=require("react-awesome-reveal"),n=["effect","className"],o={bounce:i.Bounce,fade:i.Fade,flip:i.Flip,hinge:i.Hinge,jackinthebox:i.JackInTheBox,roll:i.Roll,rotate:i.Rotate,slide:i.Slide,zoom:i.Zoom},r=Object.keys(o);function l(e){var t=e.effect,i=void 0===t?"fade":t,l=e.className,c=function(e,t){if(null==e)return{};var a,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t.indexOf(a=o[i])>=0||(n[a]=e[a]);return n}(e,n),s=o[i];if(!s)throw new Error("Please specify a valid effect: "+r.join(", "));var d=c.cascade||!["string","number","boolean"].includes(typeof c.children)?c.children:a.createElement("div",null," ",c.children," ");return a.createElement(s,Object.assign({className:l},c,{children:d}))}var c={name:"hostless-reveal",importName:"Reveal",displayName:"Reveal",importPath:"@plasmicpkgs/react-awesome-reveal",props:{big:{type:"boolean",displayName:"Big",description:"Causes the animation to start farther",hidden:function(e){return"fade"!==(e.effect||"fade")||!["down","left","up","right"].includes(e.direction)}},cascade:{type:"boolean",displayName:"Cascade",description:"Stagger its children animations"},children:{type:"slot",defaultValue:[{type:"img",src:"https://placekitten.com/300/200"}]},damping:{type:"number",displayName:"Damping",description:"Factor that affects the delay that each animated element in a cascade animation will be assigned",defaultValueHint:.5},delay:{type:"number",displayName:"Delay",description:"Initial delay, in milliseconds",defaultValueHint:0},direction:{type:"choice",options:function(e){var t=e.effect||"fade",a=function(e,a){return e.includes(t)?a:[]};return[].concat(a(["flip"],["horizontal","vertical"])).concat(a(["bounce","fade","slide","zoom"],["down","left","right","up"])).concat(a(["fade","rotate"],["bottom-left","bottom-right","top-left","top-right"]))},hidden:function(e){return["hinge","jackinthebox","roll"].includes(e.effect||"fade")},displayName:"Direction",description:"Origin of the animation (the valid values depend on the chosen Effect)"},duration:{type:"number",displayName:"Duration",description:"Animation duration, in milliseconds",defaultValueHint:1e3},effect:{type:"choice",options:r.map((function(e){return e})),displayName:"Effect",description:"The Reveal animation effect to be applied",defaultValueHint:"fade"},reverse:{type:"boolean",displayName:"Reverse",description:"Whether the animation should make element(s) disappear",hidden:function(e){return["hinge","jackinthebox"].includes(e.effect||"fade")}},triggerOnce:{type:"boolean",displayName:"Trigger Once",description:"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport",defaultValue:!0}}};exports.Reveal=l,exports.registerReveal=function(e,a){e?e.registerComponent(l,null!=a?a:c):t(l,null!=a?a:c)},exports.revealMeta=c;
 //# sourceMappingURL=react-awesome-reveal.cjs.production.min.js.map

package/dist/react-awesome-reveal.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-awesome-reveal.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport {\n  Bounce,\n  Fade,\n  Flip,\n  Hinge,\n  JackInTheBox,\n  Rotate,\n  Slide,\n  Zoom,\n} from \"react-awesome-reveal\";\n\nconst effectNameToComponent = {\n  bounce: Bounce,\n  fade: Fade,\n  flip: Flip,\n  hinge: Hinge,\n  jackinthebox: JackInTheBox,\n  // Roll seems not to be working properly in the canvas as of\n  // `react-awesome-reveal@3.8.1`\n  /* roll: Roll, */\n  rotate: Rotate,\n  slide: Slide,\n  zoom: Zoom,\n} as const;\n\ntype Effect = keyof typeof effectNameToComponent;\n\nconst effects = Object.keys(effectNameToComponent);\n\nexport interface RevealProps extends React.ComponentProps<typeof Fade> {\n  className?: string;\n  effect?: Effect;\n}\n\nexport function Reveal({ effect = \"fade\", className, ...props }: RevealProps) {\n  const Comp = effectNameToComponent[effect] as any;\n  if (!Comp) {\n    throw new Error(`Please specify a valid effect: ${effects.join(\", \")}`);\n  }\n  // Rendering plain strings seems to result in an infinite loop from\n  // \"react-awesome-reveal\" (except for when `cascading` is set).\n  // So we create a wrapper `div`.\n  const children =\n    props.cascade ||\n    ![\"string\", \"number\", \"boolean\"].includes(typeof props.children) ? (\n      props.children\n    ) : (\n      <div> {props.children} </div>\n    );\n  return <Comp className={className} {...props} children={children} />;\n}\n\nexport const revealMeta: ComponentMeta<RevealProps> = {\n  name: \"hostless-reveal\",\n  importName: \"Reveal\",\n  displayName: \"Reveal\",\n  importPath: \"@plasmicpkgs/react-awesome-reveal\",\n  props: {\n    // `big` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* big: {\n      type: \"boolean\",\n      displayName: \"Big\",\n      description: `Causes the animation to start farther. Only applied to \"fade\" Effect and \"down\", \"left\", \"right\" and \"up\" directions`,\n    }, */\n    cascade: {\n      type: \"boolean\",\n      displayName: \"Cascade\",\n      description: \"Stagger its children animations\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n        },\n      ],\n    },\n    damping: {\n      type: \"number\",\n      displayName: \"Damping\",\n      description:\n        \"Factor that affects the delay that each animated element in a cascade animation will be assigned (defaults to 0.5)\",\n    },\n    delay: {\n      type: \"number\",\n      displayName: \"Delay\",\n      description: \"Initial delay, in milliseconds\",\n    },\n    direction: {\n      type: \"choice\",\n      options: [\n        \"horizontal\",\n        \"vertical\",\n        \"bottom-left\",\n        \"bottom-right\",\n        \"down\",\n        \"left\",\n        \"right\",\n        \"top-left\",\n        \"top-right\",\n        \"up\",\n      ],\n      defaultValue: \"up\",\n      displayName: \"Direction\",\n      description:\n        \"Origin of the animation (the valid values depend on the chosen Effect)\",\n    },\n    duration: {\n      type: \"number\",\n      displayName: \"Duration\",\n      description: \"Animation duration, in milliseconds (defaults to 1000)\",\n    },\n    effect: {\n      type: \"choice\",\n      options: effects.map((v) => v),\n      displayName: \"Effect\",\n      description: \"The Reveal animation effect to be applied\",\n    },\n    // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* fraction: {\n      type: \"number\",\n      displayName: \"Fraction\",\n      description:\n        \"Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered\",\n    }, */\n    reverse: {\n      type: \"boolean\",\n      displayName: \"Reverse\",\n      description: `Whether the animation should make element(s) disappear. Not applied to \"hinge\" and \"jackinthebox\" effects`,\n    },\n    triggerOnce: {\n      type: \"boolean\",\n      displayName: \"Trigger Once\",\n      description:\n        \"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport\",\n    },\n  },\n};\n\nexport function registerReveal(\n  loader?: { registerComponent: typeof registerComponent },\n  customRevealMeta?: ComponentMeta<RevealProps>\n) {\n  if (loader) {\n    loader.registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  } else {\n    registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  }\n}\n"],"names":["effectNameToComponent","bounce","Bounce","fade","Fade","flip","Flip","hinge","Hinge","jackinthebox","JackInTheBox","rotate","Rotate","slide","Slide","zoom","Zoom","effects","Object","keys","Reveal","effect","className","props","Comp","Error","join","children","cascade","includes","React","revealMeta","name","importName","displayName","importPath","type","description","defaultValue","src","damping","delay","direction","options","duration","map","v","reverse","triggerOnce","loader","customRevealMeta","registerComponent"],"mappings":"yPAeMA,EAAwB,CAC5BC,OAAQC,SACRC,KAAMC,OACNC,KAAMC,OACNC,MAAOC,QACPC,aAAcC,eAIdC,OAAQC,SACRC,MAAOC,QACPC,KAAMC,QAKFC,EAAUC,OAAOC,KAAKnB,YAOZoB,aAASC,OAAAA,aAAS,SAAQC,IAAAA,UAAcC,+JAChDC,EAAOxB,EAAsBqB,OAC9BG,QACG,IAAIC,wCAAwCR,EAAQS,KAAK,WAK3DC,EACJJ,EAAMK,UACL,CAAC,SAAU,SAAU,WAAWC,gBAAgBN,EAAMI,UACrDJ,EAAMI,SAENG,+BAAOP,EAAMI,qBAEVG,gBAACN,iBAAKF,UAAWA,GAAeC,GAAOI,SAAUA,SAG7CI,EAAyC,CACpDC,KAAM,kBACNC,WAAY,SACZC,YAAa,SACbC,WAAY,oCACZZ,MAAO,CAOLK,QAAS,CACPQ,KAAM,UACNF,YAAa,UACbG,YAAa,mCAEfV,SAAU,CACRS,KAAM,OACNE,aAAc,CACZ,CACEF,KAAM,MACNG,IAAK,qCAIXC,QAAS,CACPJ,KAAM,SACNF,YAAa,UACbG,YACE,sHAEJI,MAAO,CACLL,KAAM,SACNF,YAAa,QACbG,YAAa,kCAEfK,UAAW,CACTN,KAAM,SACNO,QAAS,CACP,aACA,WACA,cACA,eACA,OACA,OACA,QACA,WACA,YACA,MAEFL,aAAc,KACdJ,YAAa,YACbG,YACE,0EAEJO,SAAU,CACRR,KAAM,SACNF,YAAa,WACbG,YAAa,0DAEfhB,OAAQ,CACNe,KAAM,SACNO,QAAS1B,EAAQ4B,KAAI,SAACC,UAAMA,KAC5BZ,YAAa,SACbG,YAAa,6CASfU,QAAS,CACPX,KAAM,UACNF,YAAa,UACbG,yHAEFW,YAAa,CACXZ,KAAM,UACNF,YAAa,eACbG,YACE,4KAMNY,EACAC,GAEID,EACFA,EAAOE,kBAAkB/B,QAAQ8B,EAAAA,EAAoBnB,GAErDoB,EAAkB/B,QAAQ8B,EAAAA,EAAoBnB"}
+{"version":3,"file":"react-awesome-reveal.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport {\n  Bounce,\n  Fade,\n  Flip,\n  Hinge,\n  JackInTheBox,\n  Roll,\n  Rotate,\n  Slide,\n  Zoom,\n} from \"react-awesome-reveal\";\n\nconst effectNameToComponent = {\n  bounce: Bounce,\n  fade: Fade,\n  flip: Flip,\n  hinge: Hinge,\n  jackinthebox: JackInTheBox,\n  roll: Roll,\n  rotate: Rotate,\n  slide: Slide,\n  zoom: Zoom,\n} as const;\n\ntype Effect = keyof typeof effectNameToComponent;\n\nconst effects = Object.keys(effectNameToComponent);\n\nexport interface RevealProps extends React.ComponentProps<typeof Fade> {\n  className?: string;\n  effect?: Effect;\n}\n\nexport function Reveal({ effect = \"fade\", className, ...props }: RevealProps) {\n  const Comp = effectNameToComponent[effect] as any;\n  if (!Comp) {\n    throw new Error(`Please specify a valid effect: ${effects.join(\", \")}`);\n  }\n  // Rendering plain strings seems to result in an infinite loop from\n  // \"react-awesome-reveal\" (except for when `cascading` is set).\n  // So we create a wrapper `div`.\n  const children =\n    props.cascade ||\n    ![\"string\", \"number\", \"boolean\"].includes(typeof props.children) ? (\n      props.children\n    ) : (\n      <div> {props.children} </div>\n    );\n  return <Comp className={className} {...props} children={children} />;\n}\n\nexport const revealMeta: ComponentMeta<RevealProps> = {\n  name: \"hostless-reveal\",\n  importName: \"Reveal\",\n  displayName: \"Reveal\",\n  importPath: \"@plasmicpkgs/react-awesome-reveal\",\n  props: {\n    big: {\n      type: \"boolean\",\n      displayName: \"Big\",\n      description: `Causes the animation to start farther`,\n      hidden: (props) =>\n        (props.effect || \"fade\") !== \"fade\" ||\n        ![\"down\", \"left\", \"up\", \"right\"].includes(props.direction as string),\n    },\n    cascade: {\n      type: \"boolean\",\n      displayName: \"Cascade\",\n      description: \"Stagger its children animations\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n        },\n      ],\n    },\n    damping: {\n      type: \"number\",\n      displayName: \"Damping\",\n      description:\n        \"Factor that affects the delay that each animated element in a cascade animation will be assigned\",\n      defaultValueHint: 0.5\n    },\n    delay: {\n      type: \"number\",\n      displayName: \"Delay\",\n      description: \"Initial delay, in milliseconds\",\n      defaultValueHint: 0,\n    },\n    direction: {\n      type: \"choice\",\n      options: (props) => {\n        const effect = props.effect || \"fade\";\n        const maybeAddOptions = (effects: Effect[], options: string[]) =>\n          effects.includes(effect) ? options : [];\n        return ([] as string[])\n          .concat(maybeAddOptions([\"flip\"], [\"horizontal\", \"vertical\"]))\n          .concat(\n            maybeAddOptions(\n              [\"bounce\", \"fade\", \"slide\", \"zoom\"],\n              [\"down\", \"left\", \"right\", \"up\"]\n            )\n          )\n          .concat(\n            maybeAddOptions(\n              [\"fade\", \"rotate\"],\n              [\"bottom-left\", \"bottom-right\", \"top-left\", \"top-right\"]\n            )\n          );\n      },\n      hidden: (props) => {\n        const effect = props.effect || \"fade\";\n        return [\"hinge\", \"jackinthebox\", \"roll\"].includes(effect);\n      },\n      displayName: \"Direction\",\n      description:\n        \"Origin of the animation (the valid values depend on the chosen Effect)\",\n    },\n    duration: {\n      type: \"number\",\n      displayName: \"Duration\",\n      description: \"Animation duration, in milliseconds\",\n      defaultValueHint: 1000,\n    },\n    effect: {\n      type: \"choice\",\n      options: effects.map((v) => v),\n      displayName: \"Effect\",\n      description: \"The Reveal animation effect to be applied\",\n      defaultValueHint: \"fade\"\n    },\n    // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* fraction: {\n      type: \"number\",\n      displayName: \"Fraction\",\n      description:\n        \"Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered\",\n    }, */\n    reverse: {\n      type: \"boolean\",\n      displayName: \"Reverse\",\n      description: `Whether the animation should make element(s) disappear`,\n      hidden: (props) =>\n        [\"hinge\", \"jackinthebox\"].includes(props.effect || \"fade\"),\n    },\n    triggerOnce: {\n      type: \"boolean\",\n      displayName: \"Trigger Once\",\n      description:\n        \"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport\",\n      // Some effects don't work correctly when `false`\n      defaultValue: true,\n    },\n  },\n};\n\nexport function registerReveal(\n  loader?: { registerComponent: typeof registerComponent },\n  customRevealMeta?: ComponentMeta<RevealProps>\n) {\n  if (loader) {\n    loader.registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  } else {\n    registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  }\n}\n"],"names":["effectNameToComponent","bounce","Bounce","fade","Fade","flip","Flip","hinge","Hinge","jackinthebox","JackInTheBox","roll","Roll","rotate","Rotate","slide","Slide","zoom","Zoom","effects","Object","keys","Reveal","effect","className","props","Comp","Error","join","children","cascade","includes","React","revealMeta","name","importName","displayName","importPath","big","type","description","hidden","direction","defaultValue","src","damping","defaultValueHint","delay","options","maybeAddOptions","concat","duration","map","v","reverse","triggerOnce","loader","customRevealMeta","registerComponent"],"mappings":"kRAgBMA,EAAwB,CAC5BC,OAAQC,SACRC,KAAMC,OACNC,KAAMC,OACNC,MAAOC,QACPC,aAAcC,eACdC,KAAMC,OACNC,OAAQC,SACRC,MAAOC,QACPC,KAAMC,QAKFC,EAAUC,OAAOC,KAAKrB,YAOZsB,aAASC,OAAAA,aAAS,SAAQC,IAAAA,UAAcC,0IAChDC,EAAO1B,EAAsBuB,OAC9BG,QACG,IAAIC,wCAAwCR,EAAQS,KAAK,WAK3DC,EACJJ,EAAMK,UACL,CAAC,SAAU,SAAU,WAAWC,gBAAgBN,EAAMI,UACrDJ,EAAMI,SAENG,+BAAOP,EAAMI,qBAEVG,gBAACN,iBAAKF,UAAWA,GAAeC,GAAOI,SAAUA,SAG7CI,EAAyC,CACpDC,KAAM,kBACNC,WAAY,SACZC,YAAa,SACbC,WAAY,oCACZZ,MAAO,CACLa,IAAK,CACHC,KAAM,UACNH,YAAa,MACbI,oDACAC,OAAQ,SAAChB,SACsB,UAA5BA,EAAMF,QAAU,UAChB,CAAC,OAAQ,OAAQ,KAAM,SAASQ,SAASN,EAAMiB,aAEpDZ,QAAS,CACPS,KAAM,UACNH,YAAa,UACbI,YAAa,mCAEfX,SAAU,CACRU,KAAM,OACNI,aAAc,CACZ,CACEJ,KAAM,MACNK,IAAK,qCAIXC,QAAS,CACPN,KAAM,SACNH,YAAa,UACbI,YACE,mGACFM,iBAAkB,IAEpBC,MAAO,CACLR,KAAM,SACNH,YAAa,QACbI,YAAa,iCACbM,iBAAkB,GAEpBJ,UAAW,CACTH,KAAM,SACNS,QAAS,SAACvB,OACFF,EAASE,EAAMF,QAAU,OACzB0B,EAAkB,SAAC9B,EAAmB6B,UAC1C7B,EAAQY,SAASR,GAAUyB,EAAU,UAC/B,GACLE,OAAOD,EAAgB,CAAC,QAAS,CAAC,aAAc,cAChDC,OACCD,EACE,CAAC,SAAU,OAAQ,QAAS,QAC5B,CAAC,OAAQ,OAAQ,QAAS,QAG7BC,OACCD,EACE,CAAC,OAAQ,UACT,CAAC,cAAe,eAAgB,WAAY,gBAIpDR,OAAQ,SAAChB,SAEA,CAAC,QAAS,eAAgB,QAAQM,SAD1BN,EAAMF,QAAU,SAGjCa,YAAa,YACbI,YACE,0EAEJW,SAAU,CACRZ,KAAM,SACNH,YAAa,WACbI,YAAa,sCACbM,iBAAkB,KAEpBvB,OAAQ,CACNgB,KAAM,SACNS,QAAS7B,EAAQiC,KAAI,SAACC,UAAMA,KAC5BjB,YAAa,SACbI,YAAa,4CACbM,iBAAkB,QASpBQ,QAAS,CACPf,KAAM,UACNH,YAAa,UACbI,qEACAC,OAAQ,SAAChB,SACP,CAAC,QAAS,gBAAgBM,SAASN,EAAMF,QAAU,UAEvDgC,YAAa,CACXhB,KAAM,UACNH,YAAa,eACbI,YACE,wHAEFG,cAAc,sDAMlBa,EACAC,GAEID,EACFA,EAAOE,kBAAkBpC,QAAQmC,EAAAA,EAAoBxB,GAErDyB,EAAkBpC,QAAQmC,EAAAA,EAAoBxB"}

package/dist/react-awesome-reveal.esm.js

@@ -1,6 +1,6 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
 import React from 'react';
-import { Bounce, Fade, Flip, Hinge, JackInTheBox, Rotate, Slide, Zoom } from 'react-awesome-reveal';
+import { Bounce, Fade, Flip, Hinge, JackInTheBox, Roll, Rotate, Slide, Zoom } from 'react-awesome-reveal';
 
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
@@ -17,16 +17,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var _excluded = ["effect", "className"];
 var effectNameToComponent = {
   bounce: Bounce,
   fade: Fade,
   flip: Flip,
   hinge: Hinge,
   jackinthebox: JackInTheBox,
-  // Roll seems not to be working properly in the canvas as of
-  // `react-awesome-reveal@3.8.1`
-
-  /* roll: Roll, */
+  roll: Roll,
   rotate: Rotate,
   slide: Slide,
   zoom: Zoom
@@ -36,7 +34,7 @@ function Reveal(_ref) {
   var _ref$effect = _ref.effect,
       effect = _ref$effect === void 0 ? "fade" : _ref$effect,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["effect", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var Comp = effectNameToComponent[effect];
 
@@ -60,13 +58,14 @@ var revealMeta = {
   displayName: "Reveal",
   importPath: "@plasmicpkgs/react-awesome-reveal",
   props: {
-    // `big` seems not to be working properly as of `react-awesome-reveal@3.8.1`
-
-    /* big: {
-      type: "boolean",
-      displayName: "Big",
-      description: `Causes the animation to start farther. Only applied to "fade" Effect and "down", "left", "right" and "up" directions`,
-    }, */
+    big: {
+      type: "boolean",
+      displayName: "Big",
+      description: "Causes the animation to start farther",
+      hidden: function hidden(props) {
+        return (props.effect || "fade") !== "fade" || !["down", "left", "up", "right"].includes(props.direction);
+      }
+    },
     cascade: {
       type: "boolean",
       displayName: "Cascade",
@@ -82,24 +81,38 @@ var revealMeta = {
     damping: {
       type: "number",
       displayName: "Damping",
-      description: "Factor that affects the delay that each animated element in a cascade animation will be assigned (defaults to 0.5)"
+      description: "Factor that affects the delay that each animated element in a cascade animation will be assigned",
+      defaultValueHint: 0.5
     },
     delay: {
       type: "number",
       displayName: "Delay",
-      description: "Initial delay, in milliseconds"
+      description: "Initial delay, in milliseconds",
+      defaultValueHint: 0
     },
     direction: {
       type: "choice",
-      options: ["horizontal", "vertical", "bottom-left", "bottom-right", "down", "left", "right", "top-left", "top-right", "up"],
-      defaultValue: "up",
+      options: function options(props) {
+        var effect = props.effect || "fade";
+
+        var maybeAddOptions = function maybeAddOptions(effects, options) {
+          return effects.includes(effect) ? options : [];
+        };
+
+        return [].concat(maybeAddOptions(["flip"], ["horizontal", "vertical"])).concat(maybeAddOptions(["bounce", "fade", "slide", "zoom"], ["down", "left", "right", "up"])).concat(maybeAddOptions(["fade", "rotate"], ["bottom-left", "bottom-right", "top-left", "top-right"]));
+      },
+      hidden: function hidden(props) {
+        var effect = props.effect || "fade";
+        return ["hinge", "jackinthebox", "roll"].includes(effect);
+      },
       displayName: "Direction",
       description: "Origin of the animation (the valid values depend on the chosen Effect)"
     },
     duration: {
       type: "number",
       displayName: "Duration",
-      description: "Animation duration, in milliseconds (defaults to 1000)"
+      description: "Animation duration, in milliseconds",
+      defaultValueHint: 1000
     },
     effect: {
       type: "choice",
@@ -107,7 +120,8 @@ var revealMeta = {
         return v;
       }),
       displayName: "Effect",
-      description: "The Reveal animation effect to be applied"
+      description: "The Reveal animation effect to be applied",
+      defaultValueHint: "fade"
     },
     // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`
 
@@ -120,12 +134,17 @@ var revealMeta = {
     reverse: {
       type: "boolean",
       displayName: "Reverse",
-      description: "Whether the animation should make element(s) disappear. Not applied to \"hinge\" and \"jackinthebox\" effects"
+      description: "Whether the animation should make element(s) disappear",
+      hidden: function hidden(props) {
+        return ["hinge", "jackinthebox"].includes(props.effect || "fade");
+      }
     },
     triggerOnce: {
       type: "boolean",
       displayName: "Trigger Once",
-      description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport"
+      description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport",
+      // Some effects don't work correctly when `false`
+      defaultValue: true
     }
   }
 };

package/dist/react-awesome-reveal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-awesome-reveal.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport {\n  Bounce,\n  Fade,\n  Flip,\n  Hinge,\n  JackInTheBox,\n  Rotate,\n  Slide,\n  Zoom,\n} from \"react-awesome-reveal\";\n\nconst effectNameToComponent = {\n  bounce: Bounce,\n  fade: Fade,\n  flip: Flip,\n  hinge: Hinge,\n  jackinthebox: JackInTheBox,\n  // Roll seems not to be working properly in the canvas as of\n  // `react-awesome-reveal@3.8.1`\n  /* roll: Roll, */\n  rotate: Rotate,\n  slide: Slide,\n  zoom: Zoom,\n} as const;\n\ntype Effect = keyof typeof effectNameToComponent;\n\nconst effects = Object.keys(effectNameToComponent);\n\nexport interface RevealProps extends React.ComponentProps<typeof Fade> {\n  className?: string;\n  effect?: Effect;\n}\n\nexport function Reveal({ effect = \"fade\", className, ...props }: RevealProps) {\n  const Comp = effectNameToComponent[effect] as any;\n  if (!Comp) {\n    throw new Error(`Please specify a valid effect: ${effects.join(\", \")}`);\n  }\n  // Rendering plain strings seems to result in an infinite loop from\n  // \"react-awesome-reveal\" (except for when `cascading` is set).\n  // So we create a wrapper `div`.\n  const children =\n    props.cascade ||\n    ![\"string\", \"number\", \"boolean\"].includes(typeof props.children) ? (\n      props.children\n    ) : (\n      <div> {props.children} </div>\n    );\n  return <Comp className={className} {...props} children={children} />;\n}\n\nexport const revealMeta: ComponentMeta<RevealProps> = {\n  name: \"hostless-reveal\",\n  importName: \"Reveal\",\n  displayName: \"Reveal\",\n  importPath: \"@plasmicpkgs/react-awesome-reveal\",\n  props: {\n    // `big` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* big: {\n      type: \"boolean\",\n      displayName: \"Big\",\n      description: `Causes the animation to start farther. Only applied to \"fade\" Effect and \"down\", \"left\", \"right\" and \"up\" directions`,\n    }, */\n    cascade: {\n      type: \"boolean\",\n      displayName: \"Cascade\",\n      description: \"Stagger its children animations\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n        },\n      ],\n    },\n    damping: {\n      type: \"number\",\n      displayName: \"Damping\",\n      description:\n        \"Factor that affects the delay that each animated element in a cascade animation will be assigned (defaults to 0.5)\",\n    },\n    delay: {\n      type: \"number\",\n      displayName: \"Delay\",\n      description: \"Initial delay, in milliseconds\",\n    },\n    direction: {\n      type: \"choice\",\n      options: [\n        \"horizontal\",\n        \"vertical\",\n        \"bottom-left\",\n        \"bottom-right\",\n        \"down\",\n        \"left\",\n        \"right\",\n        \"top-left\",\n        \"top-right\",\n        \"up\",\n      ],\n      defaultValue: \"up\",\n      displayName: \"Direction\",\n      description:\n        \"Origin of the animation (the valid values depend on the chosen Effect)\",\n    },\n    duration: {\n      type: \"number\",\n      displayName: \"Duration\",\n      description: \"Animation duration, in milliseconds (defaults to 1000)\",\n    },\n    effect: {\n      type: \"choice\",\n      options: effects.map((v) => v),\n      displayName: \"Effect\",\n      description: \"The Reveal animation effect to be applied\",\n    },\n    // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* fraction: {\n      type: \"number\",\n      displayName: \"Fraction\",\n      description:\n        \"Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered\",\n    }, */\n    reverse: {\n      type: \"boolean\",\n      displayName: \"Reverse\",\n      description: `Whether the animation should make element(s) disappear. Not applied to \"hinge\" and \"jackinthebox\" effects`,\n    },\n    triggerOnce: {\n      type: \"boolean\",\n      displayName: \"Trigger Once\",\n      description:\n        \"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport\",\n    },\n  },\n};\n\nexport function registerReveal(\n  loader?: { registerComponent: typeof registerComponent },\n  customRevealMeta?: ComponentMeta<RevealProps>\n) {\n  if (loader) {\n    loader.registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  } else {\n    registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  }\n}\n"],"names":["effectNameToComponent","bounce","Bounce","fade","Fade","flip","Flip","hinge","Hinge","jackinthebox","JackInTheBox","rotate","Rotate","slide","Slide","zoom","Zoom","effects","Object","keys","Reveal","effect","className","props","Comp","Error","join","children","cascade","includes","React","revealMeta","name","importName","displayName","importPath","type","description","defaultValue","src","damping","delay","direction","options","duration","map","v","reverse","triggerOnce","registerReveal","loader","customRevealMeta","registerComponent"],"mappings":"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"}
+{"version":3,"file":"react-awesome-reveal.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport {\n  Bounce,\n  Fade,\n  Flip,\n  Hinge,\n  JackInTheBox,\n  Roll,\n  Rotate,\n  Slide,\n  Zoom,\n} from \"react-awesome-reveal\";\n\nconst effectNameToComponent = {\n  bounce: Bounce,\n  fade: Fade,\n  flip: Flip,\n  hinge: Hinge,\n  jackinthebox: JackInTheBox,\n  roll: Roll,\n  rotate: Rotate,\n  slide: Slide,\n  zoom: Zoom,\n} as const;\n\ntype Effect = keyof typeof effectNameToComponent;\n\nconst effects = Object.keys(effectNameToComponent);\n\nexport interface RevealProps extends React.ComponentProps<typeof Fade> {\n  className?: string;\n  effect?: Effect;\n}\n\nexport function Reveal({ effect = \"fade\", className, ...props }: RevealProps) {\n  const Comp = effectNameToComponent[effect] as any;\n  if (!Comp) {\n    throw new Error(`Please specify a valid effect: ${effects.join(\", \")}`);\n  }\n  // Rendering plain strings seems to result in an infinite loop from\n  // \"react-awesome-reveal\" (except for when `cascading` is set).\n  // So we create a wrapper `div`.\n  const children =\n    props.cascade ||\n    ![\"string\", \"number\", \"boolean\"].includes(typeof props.children) ? (\n      props.children\n    ) : (\n      <div> {props.children} </div>\n    );\n  return <Comp className={className} {...props} children={children} />;\n}\n\nexport const revealMeta: ComponentMeta<RevealProps> = {\n  name: \"hostless-reveal\",\n  importName: \"Reveal\",\n  displayName: \"Reveal\",\n  importPath: \"@plasmicpkgs/react-awesome-reveal\",\n  props: {\n    big: {\n      type: \"boolean\",\n      displayName: \"Big\",\n      description: `Causes the animation to start farther`,\n      hidden: (props) =>\n        (props.effect || \"fade\") !== \"fade\" ||\n        ![\"down\", \"left\", \"up\", \"right\"].includes(props.direction as string),\n    },\n    cascade: {\n      type: \"boolean\",\n      displayName: \"Cascade\",\n      description: \"Stagger its children animations\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"img\",\n          src: \"https://placekitten.com/300/200\",\n        },\n      ],\n    },\n    damping: {\n      type: \"number\",\n      displayName: \"Damping\",\n      description:\n        \"Factor that affects the delay that each animated element in a cascade animation will be assigned\",\n      defaultValueHint: 0.5\n    },\n    delay: {\n      type: \"number\",\n      displayName: \"Delay\",\n      description: \"Initial delay, in milliseconds\",\n      defaultValueHint: 0,\n    },\n    direction: {\n      type: \"choice\",\n      options: (props) => {\n        const effect = props.effect || \"fade\";\n        const maybeAddOptions = (effects: Effect[], options: string[]) =>\n          effects.includes(effect) ? options : [];\n        return ([] as string[])\n          .concat(maybeAddOptions([\"flip\"], [\"horizontal\", \"vertical\"]))\n          .concat(\n            maybeAddOptions(\n              [\"bounce\", \"fade\", \"slide\", \"zoom\"],\n              [\"down\", \"left\", \"right\", \"up\"]\n            )\n          )\n          .concat(\n            maybeAddOptions(\n              [\"fade\", \"rotate\"],\n              [\"bottom-left\", \"bottom-right\", \"top-left\", \"top-right\"]\n            )\n          );\n      },\n      hidden: (props) => {\n        const effect = props.effect || \"fade\";\n        return [\"hinge\", \"jackinthebox\", \"roll\"].includes(effect);\n      },\n      displayName: \"Direction\",\n      description:\n        \"Origin of the animation (the valid values depend on the chosen Effect)\",\n    },\n    duration: {\n      type: \"number\",\n      displayName: \"Duration\",\n      description: \"Animation duration, in milliseconds\",\n      defaultValueHint: 1000,\n    },\n    effect: {\n      type: \"choice\",\n      options: effects.map((v) => v),\n      displayName: \"Effect\",\n      description: \"The Reveal animation effect to be applied\",\n      defaultValueHint: \"fade\"\n    },\n    // `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`\n    /* fraction: {\n      type: \"number\",\n      displayName: \"Fraction\",\n      description:\n        \"Float number between 0 and 1 indicating how much the element should be in viewport before the animation is triggered\",\n    }, */\n    reverse: {\n      type: \"boolean\",\n      displayName: \"Reverse\",\n      description: `Whether the animation should make element(s) disappear`,\n      hidden: (props) =>\n        [\"hinge\", \"jackinthebox\"].includes(props.effect || \"fade\"),\n    },\n    triggerOnce: {\n      type: \"boolean\",\n      displayName: \"Trigger Once\",\n      description:\n        \"Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport\",\n      // Some effects don't work correctly when `false`\n      defaultValue: true,\n    },\n  },\n};\n\nexport function registerReveal(\n  loader?: { registerComponent: typeof registerComponent },\n  customRevealMeta?: ComponentMeta<RevealProps>\n) {\n  if (loader) {\n    loader.registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  } else {\n    registerComponent(Reveal, customRevealMeta ?? revealMeta);\n  }\n}\n"],"names":["effectNameToComponent","bounce","Bounce","fade","Fade","flip","Flip","hinge","Hinge","jackinthebox","JackInTheBox","roll","Roll","rotate","Rotate","slide","Slide","zoom","Zoom","effects","Object","keys","Reveal","effect","className","props","Comp","Error","join","children","cascade","includes","React","revealMeta","name","importName","displayName","importPath","big","type","description","hidden","direction","defaultValue","src","damping","defaultValueHint","delay","options","maybeAddOptions","concat","duration","map","v","reverse","triggerOnce","registerReveal","loader","customRevealMeta","registerComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-awesome-reveal",
-  "version": "3.8.4",
+  "version": "3.8.9",
   "description": "Plasmic registration call for react-awesome-reveal",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,6 +28,7 @@
     "analyze": "size-limit --why"
   },
   "devDependencies": {
+    "@plasmicapp/host": "^1.0.0",
     "@size-limit/preset-small-lib": "^4.11.0",
     "@types/node": "^14.0.26",
     "size-limit": "^4.11.0",
@@ -36,10 +37,10 @@
     "typescript": "^3.9.7"
   },
   "dependencies": {
-    "@plasmicapp/host": "^0.0.32",
     "react-awesome-reveal": "^3.8.0"
   },
   "peerDependencies": {
+    "@plasmicapp/host": "^1.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   }