88 lines
3.5 KiB
TypeScript
88 lines
3.5 KiB
TypeScript
// Module ID: 8817
|
|
// Function ID: 8818
|
|
// Name: styles
|
|
// Dependencies: [19, 21, 4380, 712, 4819, 1367, 4120, 4814, 7897, 2]
|
|
// Exports: FloatingActionButton
|
|
|
|
// Module 8817 (styles)
|
|
import ThemesDefault from "Themes" /* 712 */;
|
|
import MINIMUM_HIT_AREA from "MINIMUM_HIT_AREA" /* 4819 */;
|
|
import closure_3 from "noop" /* 19 */;
|
|
import { jsx } from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4380 */;
|
|
|
|
require = arg1;
|
|
const styles = createCacheKey.createStyles(() => {
|
|
let flag = arg0;
|
|
if (arg0 === undefined) {
|
|
flag = false;
|
|
}
|
|
let obj = { button: null, iconButtonPill: null };
|
|
obj = {};
|
|
const merged = Object.assign(ThemesDefault.shadows.SHADOW_HIGH);
|
|
obj[0] = obj;
|
|
obj = { minWidth: MINIMUM_HIT_AREA.FAB_BUTTON_SIZE, minHeight: MINIMUM_HIT_AREA.FAB_BUTTON_SIZE, padding: 0 };
|
|
if (flag) {
|
|
obj1 = { borderRadius: null };
|
|
obj1[0] = ThemesDefault.radii.lg;
|
|
let obj2 = obj1;
|
|
} else {
|
|
obj2 = {};
|
|
}
|
|
const merged1 = Object.assign(obj2);
|
|
obj[1] = obj;
|
|
return obj;
|
|
});
|
|
let closure_6 = { mass: 0.5, damping: 80, stiffness: 320 };
|
|
let closure_7 = { code: "function FloatingActionButtonNativeTsx1(){const{withSpring,positionBottom,DEFAULT_POSITION_OFFSET,SPRING_CONFIG,positionRight}=this.__closure;var _positionBottom,_positionRight;return{position:'absolute',bottom:withSpring((_positionBottom=positionBottom)!==null&&_positionBottom!==void 0?_positionBottom:DEFAULT_POSITION_OFFSET,SPRING_CONFIG),right:withSpring((_positionRight=positionRight)!==null&&_positionRight!==void 0?_positionRight:DEFAULT_POSITION_OFFSET,SPRING_CONFIG)};}" };
|
|
const result = require("set").fileFinishedImporting("design/components/Button/native/FloatingActionButton.native.tsx");
|
|
|
|
export const DEFAULT_POSITION_OFFSET = 16;
|
|
export const useStyles = styles;
|
|
export const FloatingActionButton = function FloatingActionButton(positionRight) {
|
|
({ icon, positionBottom } = positionRight);
|
|
positionRight = positionRight.positionRight;
|
|
const merged = Object.assign(positionRight, Object.create(null));
|
|
let obj = positionBottom(4120);
|
|
class F {
|
|
constructor() {
|
|
tmp = positionBottom;
|
|
tmp2 = closure_1_2;
|
|
obj = positionBottom(closure_1_2[7]);
|
|
num = positionBottom;
|
|
if (positionBottom == null) {
|
|
num = 16;
|
|
}
|
|
obj = { position: "absolute", bottom: obj.withSpring(num, closure_1_6), right: null };
|
|
tmp3 = closure_1_6;
|
|
tmpResult = tmp(tmp2[7]);
|
|
num2 = positionRight;
|
|
if (positionRight == null) {
|
|
num2 = 16;
|
|
}
|
|
obj[2] = tmpResult.withSpring(num2, tmp3);
|
|
return obj;
|
|
}
|
|
}
|
|
obj = { withSpring: positionBottom(4814).withSpring, positionBottom, DEFAULT_POSITION_OFFSET: 16, SPRING_CONFIG: closure_6, positionRight };
|
|
F.__closure = obj;
|
|
F.__workletHash = 10762818944671;
|
|
F.__initData = closure_7;
|
|
const animatedStyle = obj.useAnimatedStyle(F);
|
|
obj = { style: animatedStyle, children: null };
|
|
obj1 = {};
|
|
const merged1 = Object.assign(merged);
|
|
obj1.accessibilityLabel = positionRight.accessibilityLabel;
|
|
obj1.size = "lg";
|
|
obj1.variant = "primary";
|
|
let cloneElementResult = icon;
|
|
if (validElement.isValidElement(icon)) {
|
|
const obj2 = { color: null };
|
|
obj2[0] = positionRight(712).colors.WHITE;
|
|
cloneElementResult = validElement.cloneElement(icon, obj2);
|
|
}
|
|
obj1.icon = cloneElementResult;
|
|
({ button: obj4.style, iconButtonPill: obj4.pillStyle } = styles(positionRight(1367)("FloatingActionButton")));
|
|
obj[1] = jsx(positionBottom(7897).BaseIconButton, {});
|
|
return jsx(positionRight(4120).View, { style: animatedStyle, children: null });
|
|
};
|