@plasmicpkgs/react-awesome-reveal 3.8.3 → 3.8.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +9 -2
- package/dist/react-awesome-reveal.cjs.development.js +56 -23
- package/dist/react-awesome-reveal.cjs.development.js.map +1 -1
- package/dist/react-awesome-reveal.cjs.production.min.js +1 -1
- package/dist/react-awesome-reveal.cjs.production.min.js.map +1 -1
- package/dist/react-awesome-reveal.esm.js +56 -25
- package/dist/react-awesome-reveal.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import registerComponent, { ComponentMeta } from "@plasmicapp/host/registerComponent";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { Fade } from "react-awesome-reveal";
|
|
3
4
|
declare const effectNameToComponent: {
|
|
@@ -6,13 +7,19 @@ declare const effectNameToComponent: {
|
|
|
6
7
|
readonly flip: React.FC<import("react-awesome-reveal").FlipProps>;
|
|
7
8
|
readonly hinge: React.FC<Pick<import("react-awesome-reveal").RevealProps, "cascade" | "damping" | "delay" | "duration" | "fraction" | "triggerOnce" | "className" | "style" | "childClassName" | "childStyle" | "onVisibilityChange">>;
|
|
8
9
|
readonly jackinthebox: React.FC<Pick<import("react-awesome-reveal").RevealProps, "cascade" | "damping" | "delay" | "duration" | "fraction" | "triggerOnce" | "className" | "style" | "childClassName" | "childStyle" | "onVisibilityChange">>;
|
|
10
|
+
readonly roll: React.FC<import("react-awesome-reveal").RollProps>;
|
|
9
11
|
readonly rotate: React.FC<import("react-awesome-reveal").RotateProps>;
|
|
10
12
|
readonly slide: React.FC<import("react-awesome-reveal").SlideProps>;
|
|
11
13
|
readonly zoom: React.FC<import("react-awesome-reveal").ZoomProps>;
|
|
12
14
|
};
|
|
13
15
|
declare type Effect = keyof typeof effectNameToComponent;
|
|
14
|
-
export
|
|
16
|
+
export interface RevealProps extends React.ComponentProps<typeof Fade> {
|
|
15
17
|
className?: string;
|
|
16
18
|
effect?: Effect;
|
|
17
|
-
}
|
|
19
|
+
}
|
|
20
|
+
export declare function Reveal({ effect, className, ...props }: RevealProps): JSX.Element;
|
|
21
|
+
export declare const revealMeta: ComponentMeta<RevealProps>;
|
|
22
|
+
export declare function registerReveal(loader?: {
|
|
23
|
+
registerComponent: typeof registerComponent;
|
|
24
|
+
}, customRevealMeta?: ComponentMeta<RevealProps>): void;
|
|
18
25
|
export {};
|
|
@@ -29,10 +29,7 @@ var effectNameToComponent = {
|
|
|
29
29
|
flip: reactAwesomeReveal.Flip,
|
|
30
30
|
hinge: reactAwesomeReveal.Hinge,
|
|
31
31
|
jackinthebox: reactAwesomeReveal.JackInTheBox,
|
|
32
|
-
|
|
33
|
-
// `react-awesome-reveal@3.8.1`
|
|
34
|
-
|
|
35
|
-
/* roll: Roll, */
|
|
32
|
+
roll: reactAwesomeReveal.Roll,
|
|
36
33
|
rotate: reactAwesomeReveal.Rotate,
|
|
37
34
|
slide: reactAwesomeReveal.Slide,
|
|
38
35
|
zoom: reactAwesomeReveal.Zoom
|
|
@@ -60,17 +57,20 @@ function Reveal(_ref) {
|
|
|
60
57
|
children: children
|
|
61
58
|
}));
|
|
62
59
|
}
|
|
63
|
-
|
|
64
|
-
name: "
|
|
60
|
+
var revealMeta = {
|
|
61
|
+
name: "hostless-reveal",
|
|
62
|
+
importName: "Reveal",
|
|
63
|
+
displayName: "Reveal",
|
|
65
64
|
importPath: "@plasmicpkgs/react-awesome-reveal",
|
|
66
65
|
props: {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
66
|
+
big: {
|
|
67
|
+
type: "boolean",
|
|
68
|
+
displayName: "Big",
|
|
69
|
+
description: "Causes the animation to start farther",
|
|
70
|
+
hidden: function hidden(props) {
|
|
71
|
+
return (props.effect || "fade") !== "fade" || !["down", "left", "up", "right"].includes(props.direction);
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
74
|
cascade: {
|
|
75
75
|
type: "boolean",
|
|
76
76
|
displayName: "Cascade",
|
|
@@ -78,36 +78,55 @@ registerComponent(Reveal, {
|
|
|
78
78
|
},
|
|
79
79
|
children: {
|
|
80
80
|
type: "slot",
|
|
81
|
-
defaultValue:
|
|
81
|
+
defaultValue: [{
|
|
82
|
+
type: "img",
|
|
83
|
+
src: "https://placekitten.com/300/200"
|
|
84
|
+
}]
|
|
82
85
|
},
|
|
83
86
|
damping: {
|
|
84
87
|
type: "number",
|
|
85
88
|
displayName: "Damping",
|
|
86
|
-
description: "Factor that affects the delay that each animated element in a cascade animation will be assigned
|
|
89
|
+
description: "Factor that affects the delay that each animated element in a cascade animation will be assigned",
|
|
90
|
+
defaultValueHint: 0.5
|
|
87
91
|
},
|
|
88
92
|
delay: {
|
|
89
93
|
type: "number",
|
|
90
94
|
displayName: "Delay",
|
|
91
|
-
description: "Initial delay, in milliseconds"
|
|
95
|
+
description: "Initial delay, in milliseconds",
|
|
96
|
+
defaultValueHint: 0
|
|
92
97
|
},
|
|
93
98
|
direction: {
|
|
94
99
|
type: "choice",
|
|
95
|
-
options:
|
|
100
|
+
options: function options(props) {
|
|
101
|
+
var effect = props.effect || "fade";
|
|
102
|
+
|
|
103
|
+
var maybeAddOptions = function maybeAddOptions(effects, options) {
|
|
104
|
+
return effects.includes(effect) ? options : [];
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
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"]));
|
|
108
|
+
},
|
|
109
|
+
hidden: function hidden(props) {
|
|
110
|
+
var effect = props.effect || "fade";
|
|
111
|
+
return ["hinge", "jackinthebox", "roll"].includes(effect);
|
|
112
|
+
},
|
|
96
113
|
displayName: "Direction",
|
|
97
114
|
description: "Origin of the animation (the valid values depend on the chosen Effect)"
|
|
98
115
|
},
|
|
99
116
|
duration: {
|
|
100
117
|
type: "number",
|
|
101
118
|
displayName: "Duration",
|
|
102
|
-
description: "Animation duration, in milliseconds
|
|
119
|
+
description: "Animation duration, in milliseconds",
|
|
120
|
+
defaultValueHint: 1000
|
|
103
121
|
},
|
|
104
122
|
effect: {
|
|
105
123
|
type: "choice",
|
|
106
|
-
options: effects.map(function (v) {
|
|
124
|
+
options: /*#__PURE__*/effects.map(function (v) {
|
|
107
125
|
return v;
|
|
108
126
|
}),
|
|
109
127
|
displayName: "Effect",
|
|
110
|
-
description: "The Reveal animation effect to be applied"
|
|
128
|
+
description: "The Reveal animation effect to be applied",
|
|
129
|
+
defaultValueHint: "fade"
|
|
111
130
|
},
|
|
112
131
|
// `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`
|
|
113
132
|
|
|
@@ -120,15 +139,29 @@ registerComponent(Reveal, {
|
|
|
120
139
|
reverse: {
|
|
121
140
|
type: "boolean",
|
|
122
141
|
displayName: "Reverse",
|
|
123
|
-
description: "Whether the animation should make element(s) disappear
|
|
142
|
+
description: "Whether the animation should make element(s) disappear",
|
|
143
|
+
hidden: function hidden(props) {
|
|
144
|
+
return ["hinge", "jackinthebox"].includes(props.effect || "fade");
|
|
145
|
+
}
|
|
124
146
|
},
|
|
125
147
|
triggerOnce: {
|
|
126
148
|
type: "boolean",
|
|
127
149
|
displayName: "Trigger Once",
|
|
128
|
-
description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport"
|
|
150
|
+
description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport",
|
|
151
|
+
// Some effects don't work correctly when `false`
|
|
152
|
+
defaultValue: true
|
|
129
153
|
}
|
|
130
154
|
}
|
|
131
|
-
}
|
|
155
|
+
};
|
|
156
|
+
function registerReveal(loader, customRevealMeta) {
|
|
157
|
+
if (loader) {
|
|
158
|
+
loader.registerComponent(Reveal, customRevealMeta != null ? customRevealMeta : revealMeta);
|
|
159
|
+
} else {
|
|
160
|
+
registerComponent(Reveal, customRevealMeta != null ? customRevealMeta : revealMeta);
|
|
161
|
+
}
|
|
162
|
+
}
|
|
132
163
|
|
|
133
164
|
exports.Reveal = Reveal;
|
|
165
|
+
exports.registerReveal = registerReveal;
|
|
166
|
+
exports.revealMeta = revealMeta;
|
|
134
167
|
//# sourceMappingURL=react-awesome-reveal.cjs.development.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-awesome-reveal.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent 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
|
|
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 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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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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"]),
|
|
1
|
+
"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,roll:i.Roll,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"]),c=n[i];if(!c)throw new Error("Please specify a valid effect: "+o.join(", "));var s=l.cascade||!["string","number","boolean"].includes(typeof l.children)?l.children:a.createElement("div",null," ",l.children," ");return a.createElement(c,Object.assign({className:r},l,{children:s}))}var l={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:o.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=r,exports.registerReveal=function(e,a){e?e.registerComponent(r,null!=a?a:l):t(r,null!=a?a:l)},exports.revealMeta=l;
|
|
2
2
|
//# sourceMappingURL=react-awesome-reveal.cjs.production.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-awesome-reveal.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent 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
|
|
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 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":"yPAgBMA,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,+JAChDC,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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import registerComponent from '@plasmicapp/host/registerComponent';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Bounce, Fade, Flip, Hinge, JackInTheBox, Rotate, Slide, Zoom } from 'react-awesome-reveal';
|
|
3
|
+
import { Bounce, Fade, Flip, Hinge, JackInTheBox, Roll, Rotate, Slide, Zoom } from 'react-awesome-reveal';
|
|
4
4
|
|
|
5
5
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
6
6
|
if (source == null) return {};
|
|
@@ -23,10 +23,7 @@ var effectNameToComponent = {
|
|
|
23
23
|
flip: Flip,
|
|
24
24
|
hinge: Hinge,
|
|
25
25
|
jackinthebox: JackInTheBox,
|
|
26
|
-
|
|
27
|
-
// `react-awesome-reveal@3.8.1`
|
|
28
|
-
|
|
29
|
-
/* roll: Roll, */
|
|
26
|
+
roll: Roll,
|
|
30
27
|
rotate: Rotate,
|
|
31
28
|
slide: Slide,
|
|
32
29
|
zoom: Zoom
|
|
@@ -54,17 +51,20 @@ function Reveal(_ref) {
|
|
|
54
51
|
children: children
|
|
55
52
|
}));
|
|
56
53
|
}
|
|
57
|
-
|
|
58
|
-
name: "
|
|
54
|
+
var revealMeta = {
|
|
55
|
+
name: "hostless-reveal",
|
|
56
|
+
importName: "Reveal",
|
|
57
|
+
displayName: "Reveal",
|
|
59
58
|
importPath: "@plasmicpkgs/react-awesome-reveal",
|
|
60
59
|
props: {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
60
|
+
big: {
|
|
61
|
+
type: "boolean",
|
|
62
|
+
displayName: "Big",
|
|
63
|
+
description: "Causes the animation to start farther",
|
|
64
|
+
hidden: function hidden(props) {
|
|
65
|
+
return (props.effect || "fade") !== "fade" || !["down", "left", "up", "right"].includes(props.direction);
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
68
|
cascade: {
|
|
69
69
|
type: "boolean",
|
|
70
70
|
displayName: "Cascade",
|
|
@@ -72,36 +72,55 @@ registerComponent(Reveal, {
|
|
|
72
72
|
},
|
|
73
73
|
children: {
|
|
74
74
|
type: "slot",
|
|
75
|
-
defaultValue:
|
|
75
|
+
defaultValue: [{
|
|
76
|
+
type: "img",
|
|
77
|
+
src: "https://placekitten.com/300/200"
|
|
78
|
+
}]
|
|
76
79
|
},
|
|
77
80
|
damping: {
|
|
78
81
|
type: "number",
|
|
79
82
|
displayName: "Damping",
|
|
80
|
-
description: "Factor that affects the delay that each animated element in a cascade animation will be assigned
|
|
83
|
+
description: "Factor that affects the delay that each animated element in a cascade animation will be assigned",
|
|
84
|
+
defaultValueHint: 0.5
|
|
81
85
|
},
|
|
82
86
|
delay: {
|
|
83
87
|
type: "number",
|
|
84
88
|
displayName: "Delay",
|
|
85
|
-
description: "Initial delay, in milliseconds"
|
|
89
|
+
description: "Initial delay, in milliseconds",
|
|
90
|
+
defaultValueHint: 0
|
|
86
91
|
},
|
|
87
92
|
direction: {
|
|
88
93
|
type: "choice",
|
|
89
|
-
options:
|
|
94
|
+
options: function options(props) {
|
|
95
|
+
var effect = props.effect || "fade";
|
|
96
|
+
|
|
97
|
+
var maybeAddOptions = function maybeAddOptions(effects, options) {
|
|
98
|
+
return effects.includes(effect) ? options : [];
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
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"]));
|
|
102
|
+
},
|
|
103
|
+
hidden: function hidden(props) {
|
|
104
|
+
var effect = props.effect || "fade";
|
|
105
|
+
return ["hinge", "jackinthebox", "roll"].includes(effect);
|
|
106
|
+
},
|
|
90
107
|
displayName: "Direction",
|
|
91
108
|
description: "Origin of the animation (the valid values depend on the chosen Effect)"
|
|
92
109
|
},
|
|
93
110
|
duration: {
|
|
94
111
|
type: "number",
|
|
95
112
|
displayName: "Duration",
|
|
96
|
-
description: "Animation duration, in milliseconds
|
|
113
|
+
description: "Animation duration, in milliseconds",
|
|
114
|
+
defaultValueHint: 1000
|
|
97
115
|
},
|
|
98
116
|
effect: {
|
|
99
117
|
type: "choice",
|
|
100
|
-
options: effects.map(function (v) {
|
|
118
|
+
options: /*#__PURE__*/effects.map(function (v) {
|
|
101
119
|
return v;
|
|
102
120
|
}),
|
|
103
121
|
displayName: "Effect",
|
|
104
|
-
description: "The Reveal animation effect to be applied"
|
|
122
|
+
description: "The Reveal animation effect to be applied",
|
|
123
|
+
defaultValueHint: "fade"
|
|
105
124
|
},
|
|
106
125
|
// `fraction` seems not to be working properly as of `react-awesome-reveal@3.8.1`
|
|
107
126
|
|
|
@@ -114,15 +133,27 @@ registerComponent(Reveal, {
|
|
|
114
133
|
reverse: {
|
|
115
134
|
type: "boolean",
|
|
116
135
|
displayName: "Reverse",
|
|
117
|
-
description: "Whether the animation should make element(s) disappear
|
|
136
|
+
description: "Whether the animation should make element(s) disappear",
|
|
137
|
+
hidden: function hidden(props) {
|
|
138
|
+
return ["hinge", "jackinthebox"].includes(props.effect || "fade");
|
|
139
|
+
}
|
|
118
140
|
},
|
|
119
141
|
triggerOnce: {
|
|
120
142
|
type: "boolean",
|
|
121
143
|
displayName: "Trigger Once",
|
|
122
|
-
description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport"
|
|
144
|
+
description: "Whether the animation should run only once, instead of everytime the element enters, exits and re-enters the viewport",
|
|
145
|
+
// Some effects don't work correctly when `false`
|
|
146
|
+
defaultValue: true
|
|
123
147
|
}
|
|
124
148
|
}
|
|
125
|
-
}
|
|
149
|
+
};
|
|
150
|
+
function registerReveal(loader, customRevealMeta) {
|
|
151
|
+
if (loader) {
|
|
152
|
+
loader.registerComponent(Reveal, customRevealMeta != null ? customRevealMeta : revealMeta);
|
|
153
|
+
} else {
|
|
154
|
+
registerComponent(Reveal, customRevealMeta != null ? customRevealMeta : revealMeta);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
126
157
|
|
|
127
|
-
export { Reveal };
|
|
158
|
+
export { Reveal, registerReveal, revealMeta };
|
|
128
159
|
//# sourceMappingURL=react-awesome-reveal.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-awesome-reveal.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent 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
|
|
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 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,MADoB;AAE5BC,EAAAA,IAAI,EAAEC,IAFsB;AAG5BC,EAAAA,IAAI,EAAEC,IAHsB;AAI5BC,EAAAA,KAAK,EAAEC,KAJqB;AAK5BC,EAAAA,YAAY,EAAEC,YALc;AAM5BC,EAAAA,IAAI,EAAEC,IANsB;AAO5BC,EAAAA,MAAM,EAAEC,MAPoB;AAQ5BC,EAAAA,KAAK,EAAEC,KARqB;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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/react-awesome-reveal",
|
|
3
|
-
"version": "3.8.
|
|
3
|
+
"version": "3.8.7",
|
|
4
4
|
"description": "Plasmic registration call for react-awesome-reveal",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
"typescript": "^3.9.7"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@plasmicapp/host": "^0.0.32",
|
|
40
39
|
"react-awesome-reveal": "^3.8.0"
|
|
41
40
|
},
|
|
42
41
|
"peerDependencies": {
|
|
42
|
+
"@plasmicapp/host": "^1.0.0",
|
|
43
43
|
"react": ">=16.8.0",
|
|
44
44
|
"react-dom": ">=16.8.0"
|
|
45
45
|
}
|