92 lines
5.2 KiB
React
92 lines
5.2 KiB
React
// Metro module 3984 (f3985).
|
|
import { forwardRef, useCallback } from "react";
|
|
import { useNumberBinding, useColorBinding, useBooleanBinding, BaseRive } from "./Module3918";
|
|
import Module3985 from "./Module3985";
|
|
import { RiveErrorBoundary } from "./Module3969";
|
|
let ExpressiveButtonRiveInner;
|
|
const _excluded = ["fallback", "artboard", "stateMachine", "defaultViewModelInstance", "dataBinding", "onDataBindingChange"];
|
|
const artboardProperties = {
|
|
"Mobile Expressive Button Lightmode": {
|
|
posy: "number",
|
|
posx: "number",
|
|
buttonColor: "color",
|
|
cornerRadius: "number",
|
|
pressed: "boolean"
|
|
},
|
|
Ambient_Lightmode: {
|
|
posy: "number",
|
|
posx: "number",
|
|
buttonColor: "color",
|
|
cornerRadius: "number",
|
|
pressed: "boolean"
|
|
},
|
|
"Mobile Expressive Button Dark Mode": {
|
|
posy: "number",
|
|
posx: "number",
|
|
buttonColor: "color",
|
|
cornerRadius: "number",
|
|
pressed: "boolean"
|
|
},
|
|
Ambient: {
|
|
posy: "number",
|
|
posx: "number",
|
|
buttonColor: "color",
|
|
cornerRadius: "number",
|
|
pressed: "boolean"
|
|
}
|
|
};
|
|
const artboardViewModelInstances = {
|
|
"Mobile Expressive Button Lightmode": ["Instance"],
|
|
Ambient_Lightmode: ["Instance"],
|
|
"Mobile Expressive Button Dark Mode": ["Instance"],
|
|
Ambient: ["Instance"]
|
|
};
|
|
let c2270_9 = {
|
|
"Mobile Expressive Button Lightmode": function MobileExpressiveButtonLightmodeBindings({ instance, dataBinding: dataBinding2, onDataBindingChange: onDataBindingChange2, playIfNeeded }) {
|
|
useNumberBinding("posy", instance, dataBinding2?.posy, onDataBindingChange2?.posy, playIfNeeded);
|
|
useNumberBinding("posx", instance, dataBinding2?.posx, onDataBindingChange2?.posx, playIfNeeded);
|
|
useColorBinding("buttonColor", instance, dataBinding2?.buttonColor, onDataBindingChange2?.buttonColor, playIfNeeded);
|
|
useNumberBinding("cornerRadius", instance, dataBinding2?.cornerRadius, onDataBindingChange2?.cornerRadius, playIfNeeded);
|
|
useBooleanBinding("pressed", instance, dataBinding2?.pressed, onDataBindingChange2?.pressed, playIfNeeded);
|
|
return null;
|
|
},
|
|
Ambient_Lightmode: function AmbientLightmodeBindings({ instance, dataBinding: dataBinding2, onDataBindingChange: onDataBindingChange2, playIfNeeded }) {
|
|
useNumberBinding("posy", instance, dataBinding2?.posy, onDataBindingChange2?.posy, playIfNeeded);
|
|
useNumberBinding("posx", instance, dataBinding2?.posx, onDataBindingChange2?.posx, playIfNeeded);
|
|
useColorBinding("buttonColor", instance, dataBinding2?.buttonColor, onDataBindingChange2?.buttonColor, playIfNeeded);
|
|
useNumberBinding("cornerRadius", instance, dataBinding2?.cornerRadius, onDataBindingChange2?.cornerRadius, playIfNeeded);
|
|
useBooleanBinding("pressed", instance, dataBinding2?.pressed, onDataBindingChange2?.pressed, playIfNeeded);
|
|
return null;
|
|
},
|
|
"Mobile Expressive Button Dark Mode": function MobileExpressiveButtonDarkModeBindings({ instance, dataBinding: dataBinding2, onDataBindingChange: onDataBindingChange2, playIfNeeded }) {
|
|
useNumberBinding("posy", instance, dataBinding2?.posy, onDataBindingChange2?.posy, playIfNeeded);
|
|
useNumberBinding("posx", instance, dataBinding2?.posx, onDataBindingChange2?.posx, playIfNeeded);
|
|
useColorBinding("buttonColor", instance, dataBinding2?.buttonColor, onDataBindingChange2?.buttonColor, playIfNeeded);
|
|
useNumberBinding("cornerRadius", instance, dataBinding2?.cornerRadius, onDataBindingChange2?.cornerRadius, playIfNeeded);
|
|
useBooleanBinding("pressed", instance, dataBinding2?.pressed, onDataBindingChange2?.pressed, playIfNeeded);
|
|
return null;
|
|
},
|
|
Ambient: function AmbientBindings({ instance, dataBinding: dataBinding2, onDataBindingChange: onDataBindingChange2, playIfNeeded }) {
|
|
useNumberBinding("posy", instance, dataBinding2?.posy, onDataBindingChange2?.posy, playIfNeeded);
|
|
useNumberBinding("posx", instance, dataBinding2?.posx, onDataBindingChange2?.posx, playIfNeeded);
|
|
useColorBinding("buttonColor", instance, dataBinding2?.buttonColor, onDataBindingChange2?.buttonColor, playIfNeeded);
|
|
useNumberBinding("cornerRadius", instance, dataBinding2?.cornerRadius, onDataBindingChange2?.cornerRadius, playIfNeeded);
|
|
useBooleanBinding("pressed", instance, dataBinding2?.pressed, onDataBindingChange2?.pressed, playIfNeeded);
|
|
return null;
|
|
}
|
|
};
|
|
ExpressiveButtonRiveInner = forwardRef(function ExpressiveButtonRiveInner(props, a1) {
|
|
props.fallback;
|
|
const { artboard = "Mobile Expressive Button Lightmode", stateMachine, defaultViewModelInstance: defaultViewModelInstance2 = "Instance", dataBinding, onDataBindingChange, ...rest } = props;
|
|
return <BaseRive ref={a1} src={Module3985} artboard={artboard} artboardProperties={artboardProperties} artboardViewModelInstances={artboardViewModelInstances} defaultViewModelInstance={defaultViewModelInstance2} stateMachine={stateMachine} renderDataBinding={useCallback((a0) => {
|
|
const Component = c2270_9[artboard];
|
|
return Component != null ? <Component {...a0} dataBinding={dataBinding} onDataBindingChange={onDataBindingChange} /> : null;
|
|
}, [artboard, dataBinding, onDataBindingChange])} {...rest} />;
|
|
});
|
|
const r41 = forwardRef(function ExpressiveButtonRiveWithBoundary(props, a1) {
|
|
return <RiveErrorBoundary fallback={props.fallback}>
|
|
<ExpressiveButtonRiveInner ref={a1} {...props} />
|
|
</RiveErrorBoundary>;
|
|
});
|
|
export { r41 as ExpressiveButtonRive };
|