Energy interface APIs

[romelperez]

To allow animated components to control animations, we need to add the following features:

Props

• duration.delay: number = 0
  • Energy component should extend its value if defined.
  • AnimationProvider should provide its value if defined.
  • It is the time to delay the Energy flow only before transitioning from exited to entering.
• merge: boolean = false - If enabled and it is not root, the node will enter in the flow when its parent changes to entering.
• onActivate: Function(boolean) Get notified when the component is activated or de-activated. It is a function. It provides 1 parameter with the boolean value of activate.

Methods

• getFlow(): flow - Returns the current node flow state.
• hasEntered(): boolean - If the node has entered in the system flow at least once.
• hasExited(): boolean - If the node has exited in the system flow at least once.
• getDurationIn(): number - Get the duration the node lasts entering,
  including delay.
• getDurationOut(); number - Get the duration the node lasts exiting.
• updateDuration(duration: number | Object) - Update the animation duration.

Provider

• The Energy should provide the methods using an interface object along with the flow object.
• It should not be a reference to the component itself.

Read Animation System specs.