381 lines
13 KiB
TypeScript
381 lines
13 KiB
TypeScript
// Module ID: 13105
|
|
// Function ID: 101139
|
|
// Name: NOOP
|
|
// Dependencies: [57, 31, 27, 653, 33, 13095, 4131, 689, 3992, 3850, 1557, 1450, 477, 3844, 1212, 4540, 4132, 13099, 13093, 4543, 2]
|
|
// Exports: Menu
|
|
|
|
// Module 13105 (NOOP)
|
|
import _slicedToArray from "_slicedToArray";
|
|
import importAllResult from "result";
|
|
import get_ActivityIndicator from "get ActivityIndicator";
|
|
import { NOOP } from "ME";
|
|
import { jsx } from "jsxProd";
|
|
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose";
|
|
|
|
const require = arg1;
|
|
const ScrollView = get_ActivityIndicator.ScrollView;
|
|
let closure_8 = { mass: 1, stiffness: 300, damping: 25, restSpeedThreshold: 0.01, restDisplacementThreshold: 0.01 };
|
|
let obj = { duration: 250, easing: require("STANDARD_EASING").STANDARD_EASING };
|
|
obj = {};
|
|
let obj1 = {};
|
|
const merged = Object.assign(get_ActivityIndicator.StyleSheet.absoluteFillObject);
|
|
obj1["zIndex"] = 1;
|
|
obj.backdrop = obj1;
|
|
_createForOfIteratorHelperLoose = { position: "absolute", backgroundColor: require("_createForOfIteratorHelperLoose").colors.BACKGROUND_SURFACE_HIGH, borderRadius: require("_createForOfIteratorHelperLoose").radii.sm, width: 220 };
|
|
obj.menu = _createForOfIteratorHelperLoose;
|
|
let closure_10 = _createForOfIteratorHelperLoose.createStyles(obj);
|
|
const context = importAllResult.createContext({ menuClose: NOOP, menuDismiss: NOOP });
|
|
let closure_12 = { code: "function measureButtonRef_MenuTsx1(ref,setDimensions){const{measure,runOnJS}=this.__closure;const measurements=measure(ref);if(measurements==null)return;runOnJS(setDimensions)(measurements);}" };
|
|
let closure_13 = (() => {
|
|
function measureButtonRef(arg0, arg1) {
|
|
const measureResult = outer1_0(outer1_2[8]).measure(arg0);
|
|
if (null != measureResult) {
|
|
outer1_0(outer1_2[8]).runOnJS(arg1)(measureResult);
|
|
const obj2 = outer1_0(outer1_2[8]);
|
|
}
|
|
}
|
|
measureButtonRef.__closure = { measure: require(3992).measure, runOnJS: require(3992).runOnJS };
|
|
measureButtonRef.__workletHash = 15651320687527;
|
|
measureButtonRef.__initData = closure_12;
|
|
return measureButtonRef;
|
|
})();
|
|
let closure_14 = { code: "function MenuTsx2(){const{runOnJS,openMenuCallback}=this.__closure;return runOnJS(openMenuCallback)();}" };
|
|
let closure_15 = { code: "function MenuTsx3(){const{runOnJS,closeMenuCallback}=this.__closure;return runOnJS(closeMenuCallback)();}" };
|
|
let closure_16 = { code: "function MenuTsx4(){const{visible,useReducedMotion,interpolate,dirX,size,offsetAnimated,dirY}=this.__closure;var _offsetAnimated,_offsetAnimated$get,_offsetAnimated2,_offsetAnimated$get2;return{opacity:visible.get(),transform:useReducedMotion?[]:[{translateX:interpolate(visible.get(),[0,1],[(dirX==='left'?-1:1)*size.get().width/4,((_offsetAnimated=offsetAnimated)===null||_offsetAnimated===void 0||(_offsetAnimated=_offsetAnimated.get())===null||_offsetAnimated===void 0?void 0:_offsetAnimated.x)!=null?(_offsetAnimated$get=offsetAnimated.get())===null||_offsetAnimated$get===void 0?void 0:_offsetAnimated$get.x:0])},{translateY:interpolate(visible.get(),[0,1],[(dirY==='top'?-1:1)*size.get().height/4,((_offsetAnimated2=offsetAnimated)===null||_offsetAnimated2===void 0||(_offsetAnimated2=_offsetAnimated2.get())===null||_offsetAnimated2===void 0?void 0:_offsetAnimated2.y)!=null?(_offsetAnimated$get2=offsetAnimated.get())===null||_offsetAnimated$get2===void 0?void 0:_offsetAnimated$get2.y:0])},{scale:visible.get()/2+0.5}]};}" };
|
|
let result = require("get ActivityIndicator").fileFinishedImporting("design/components/Menu/native/Menu.tsx");
|
|
|
|
export const MENU_OFFSET = 10;
|
|
export const MenuContext = context;
|
|
export const Menu = function Menu(toggleButtonRef) {
|
|
let children;
|
|
let _slicedToArray;
|
|
let offsetAnimated;
|
|
let onClose;
|
|
let position;
|
|
let style;
|
|
toggleButtonRef = toggleButtonRef.toggleButtonRef;
|
|
({ onClose, position } = toggleButtonRef);
|
|
if (position === undefined) {
|
|
position = "right";
|
|
}
|
|
let str = toggleButtonRef.align;
|
|
if (str === undefined) {
|
|
str = "start";
|
|
}
|
|
({ offset: _slicedToArray, offsetAnimated } = toggleButtonRef);
|
|
let enabled;
|
|
let closure_6;
|
|
let jsx;
|
|
let closure_8;
|
|
let first;
|
|
let callback2;
|
|
let sharedValue;
|
|
let sharedValue1;
|
|
onClose = undefined;
|
|
let c14;
|
|
let c15;
|
|
function openMenuCallback() {
|
|
let obj = toggleButtonRef(str[12]);
|
|
if (obj.isAndroid()) {
|
|
const AccessibilityAnnouncer = toggleButtonRef(str[13]).AccessibilityAnnouncer;
|
|
const intl = toggleButtonRef(str[14]).intl;
|
|
AccessibilityAnnouncer.announce(intl.string(toggleButtonRef(str[14]).t.ZqK0uI));
|
|
}
|
|
obj = { ref: closure_8 };
|
|
const result = toggleButtonRef(str[15]).setAccessibilityFocus(obj);
|
|
}
|
|
function handleClose() {
|
|
let obj = toggleButtonRef(str[16]);
|
|
const fn = function t() {
|
|
return toggleButtonRef(str[8]).runOnJS(outer1_13)();
|
|
};
|
|
obj = { runOnJS: toggleButtonRef(str[8]).runOnJS, closeMenuCallback: onClose };
|
|
fn.__closure = obj;
|
|
fn.__workletHash = 5879184549724;
|
|
fn.__initData = c15;
|
|
const result = sharedValue.set(obj.withTiming(0, first, "respect-motion-settings", fn));
|
|
}
|
|
function handleDismiss() {
|
|
let obj = toggleButtonRef(str[15]);
|
|
obj = { ref: toggleButtonRef };
|
|
const result = obj.setAccessibilityFocus(obj);
|
|
handleClose();
|
|
}
|
|
({ style, children } = toggleButtonRef);
|
|
const tmp = callback2();
|
|
enabled = offsetAnimated.useContext(toggleButtonRef(str[9]).AccessibilityPreferencesContext).reducedMotion.enabled;
|
|
closure_6 = position(str[10])();
|
|
jsx = position(str[11])();
|
|
closure_8 = offsetAnimated.useRef(null);
|
|
const tmp2 = callback(offsetAnimated.useState(null), 2);
|
|
first = tmp2[0];
|
|
callback2 = tmp2[1];
|
|
let obj = toggleButtonRef(str[8]);
|
|
sharedValue = obj.useSharedValue(0);
|
|
let obj1 = toggleButtonRef(str[8]);
|
|
sharedValue1 = obj1.useSharedValue({ width: 0, height: 0 });
|
|
let items = [toggleButtonRef, first];
|
|
const layoutEffect = offsetAnimated.useLayoutEffect(() => {
|
|
let current;
|
|
if (null != toggleButtonRef) {
|
|
current = toggleButtonRef.current;
|
|
}
|
|
let tmp3 = null != current;
|
|
if (tmp3) {
|
|
tmp3 = null == first;
|
|
}
|
|
if (tmp3) {
|
|
toggleButtonRef(str[8]).runOnUI(onClose)(toggleButtonRef, closure_10);
|
|
const obj = toggleButtonRef(str[8]);
|
|
}
|
|
}, items);
|
|
if (null == onClose) {
|
|
onClose = closure_6;
|
|
}
|
|
let obj2 = toggleButtonRef(str[17]);
|
|
const boxShadowStyle = obj2.generateBoxShadowStyle(toggleButtonRef(str[17]).EIGHT_DP_ELEVATION_SHADOW_PARAMS);
|
|
let tmp8 = callback((() => {
|
|
let pageX;
|
|
let pageY;
|
|
if ("left" === position) {
|
|
let str = "column";
|
|
} else {
|
|
str = "row";
|
|
}
|
|
if (null == first) {
|
|
let point = { x: 0, y: 0 };
|
|
} else {
|
|
let num = 0;
|
|
({ pageX, pageY } = first);
|
|
if ("right" === position) {
|
|
num = first.width;
|
|
}
|
|
const sum = pageX + num;
|
|
let num2 = 0;
|
|
if ("bottom" === position) {
|
|
num2 = first.height;
|
|
}
|
|
const sum1 = pageY + num2;
|
|
let tmp8 = sum;
|
|
let sum3 = sum1;
|
|
if ("end" === str) {
|
|
let num3 = 0;
|
|
if ("row" === str) {
|
|
num3 = first.width;
|
|
}
|
|
let num4 = 0;
|
|
const sum2 = sum + num3;
|
|
if ("column" === str) {
|
|
num4 = first.height;
|
|
}
|
|
sum3 = sum1 + num4;
|
|
tmp8 = sum2;
|
|
}
|
|
point = { x: tmp8, y: sum3 };
|
|
}
|
|
const height = styles.height;
|
|
if ("left" === position) {
|
|
let str8 = "right";
|
|
} else {
|
|
str8 = "left";
|
|
if ("row" === str) {
|
|
str8 = "left";
|
|
}
|
|
}
|
|
if ("top" === position) {
|
|
let str11 = "bottom";
|
|
} else {
|
|
str11 = "top";
|
|
if ("column" === str) {
|
|
str11 = "top";
|
|
}
|
|
}
|
|
if ("left" === str8) {
|
|
let x = point.x;
|
|
} else {
|
|
x = styles.width - point.x;
|
|
}
|
|
const y = point.y;
|
|
const tmp17 = "top" === str11 ? y : height - y;
|
|
if (null != _slicedToArray) {
|
|
let sum4 = x + _slicedToArray.x;
|
|
let sum5 = tmp17 + _slicedToArray.y;
|
|
} else {
|
|
let num5 = 0;
|
|
if ("column" === str) {
|
|
num5 = 10;
|
|
}
|
|
sum4 = x + num5;
|
|
let num6 = 0;
|
|
if ("row" === str) {
|
|
num6 = 10;
|
|
}
|
|
sum5 = tmp17 + num6;
|
|
}
|
|
const rect = closure_6;
|
|
const obj = {};
|
|
obj[str8] = sum4;
|
|
obj[str11] = sum5;
|
|
obj["maxHeight"] = height - sum5 - ("top" === str11 ? rect.bottom : rect.top) - 12;
|
|
const items = [obj, str8, str11];
|
|
return items;
|
|
})(), 3);
|
|
c14 = tmp9;
|
|
c15 = tmp10;
|
|
let obj3 = toggleButtonRef(str[8]);
|
|
class P {
|
|
constructor() {
|
|
obj = { opacity: c11.get() };
|
|
if (enabled) {
|
|
items = [];
|
|
} else {
|
|
obj = {};
|
|
tmp = toggleButtonRef;
|
|
tmp2 = start;
|
|
num = 8;
|
|
obj3 = toggleButtonRef(start[8]);
|
|
tmp3 = c11;
|
|
tmp5 = c14;
|
|
num2 = 1;
|
|
str = "left";
|
|
num3 = 1;
|
|
value = c11.get();
|
|
if ("left" === c14) {
|
|
num3 = -1;
|
|
}
|
|
tmp6 = useSharedValue;
|
|
items1 = [, ];
|
|
num4 = 4;
|
|
items1[0] = num3 * useSharedValue.get().width / 4;
|
|
tmp7 = offsetAnimated;
|
|
tmp8 = null;
|
|
x = undefined;
|
|
if (null != offsetAnimated) {
|
|
tmp10 = offsetAnimated;
|
|
value1 = offsetAnimated.get();
|
|
if (null != value1) {
|
|
x = value1.x;
|
|
}
|
|
}
|
|
num5 = 0;
|
|
if (null != x) {
|
|
tmp12 = offsetAnimated;
|
|
value2 = offsetAnimated.get();
|
|
x1 = undefined;
|
|
if (null != value2) {
|
|
x1 = value2.x;
|
|
}
|
|
num5 = x1;
|
|
}
|
|
items1[1] = num5;
|
|
obj.translateX = obj3.interpolate(value, [0, 1], items1);
|
|
items = [, , ];
|
|
items[0] = obj;
|
|
obj1 = {};
|
|
tmp15 = toggleButtonRef;
|
|
tmp16 = start;
|
|
obj5 = toggleButtonRef(start[8]);
|
|
tmp17 = c11;
|
|
tmp19 = generateBoxShadowStyle;
|
|
str2 = "top";
|
|
value3 = c11.get();
|
|
if ("top" === generateBoxShadowStyle) {
|
|
num2 = -1;
|
|
}
|
|
tmp20 = useSharedValue;
|
|
items2 = [, ];
|
|
items2[0] = num2 * useSharedValue.get().height / 4;
|
|
tmp21 = offsetAnimated;
|
|
y = undefined;
|
|
if (null != offsetAnimated) {
|
|
tmp23 = offsetAnimated;
|
|
value4 = offsetAnimated.get();
|
|
if (null != value4) {
|
|
y = value4.y;
|
|
}
|
|
}
|
|
num6 = 0;
|
|
if (null != y) {
|
|
tmp25 = offsetAnimated;
|
|
value5 = offsetAnimated.get();
|
|
y1 = undefined;
|
|
if (null != value5) {
|
|
y1 = value5.y;
|
|
}
|
|
num6 = y1;
|
|
}
|
|
items2[1] = num6;
|
|
obj1.translateY = obj5.interpolate(value3, [0, 1], items2);
|
|
items[1] = obj1;
|
|
obj2 = {};
|
|
tmp28 = c11;
|
|
num7 = 2;
|
|
num8 = 0.5;
|
|
obj2.scale = c11.get() / 2 + 0.5;
|
|
items[2] = obj2;
|
|
}
|
|
obj.transform = items;
|
|
return obj;
|
|
}
|
|
}
|
|
obj = { visible: sharedValue, useReducedMotion: enabled, interpolate: toggleButtonRef(str[8]).interpolate, dirX: tmp9, size: sharedValue1, offsetAnimated, dirY: tmp10 };
|
|
P.__closure = obj;
|
|
P.__workletHash = 7884133597410;
|
|
P.__initData = openMenuCallback;
|
|
const animatedStyle = obj3.useAnimatedStyle(P);
|
|
obj = { style: null, accessibilityViewIsModal: true, importantForAccessibility: "yes" };
|
|
let items1 = [tmp.backdrop];
|
|
obj.style = items1;
|
|
obj.onTouchDown = handleDismiss;
|
|
obj.onAccessibilityEscape = handleDismiss;
|
|
obj1 = {
|
|
accessibilityRole: "list",
|
|
style: items2,
|
|
onLayout(nativeEvent) {
|
|
let obj = { width: nativeEvent.nativeEvent.layout.width, height: nativeEvent.nativeEvent.layout.height };
|
|
const result = sharedValue1.set(obj);
|
|
const fn = function n() {
|
|
return toggleButtonRef(str[8]).runOnJS(outer1_16)();
|
|
};
|
|
obj = { runOnJS: toggleButtonRef(str[8]).runOnJS, openMenuCallback };
|
|
fn.__closure = obj;
|
|
fn.__workletHash = 14966618105405;
|
|
fn.__initData = c14;
|
|
const result1 = sharedValue.set(toggleButtonRef(str[19]).withSpring(1, closure_8, "respect-motion-settings", fn));
|
|
}
|
|
};
|
|
items2 = [tmp.menu, boxShadowStyle, tmp8[0], animatedStyle, style];
|
|
obj2 = {};
|
|
obj3 = { value: { menuClose: handleClose, menuDismiss: handleDismiss } };
|
|
const Children = offsetAnimated.Children;
|
|
obj3.children = Children.map(children, (icon) => {
|
|
let cloneElementResult = icon;
|
|
if (0 === arg1) {
|
|
cloneElementResult = icon;
|
|
if (offsetAnimated.isValidElement(icon)) {
|
|
const obj = { ref: closure_8 };
|
|
cloneElementResult = offsetAnimated.cloneElement(icon, obj);
|
|
}
|
|
}
|
|
return cloneElementResult;
|
|
});
|
|
obj2.children = <sharedValue.Provider value={{ menuClose: handleClose, menuDismiss: handleDismiss }} />;
|
|
obj1.children = <enabled />;
|
|
obj.children = jsx(position(str[8]).View, {
|
|
accessibilityRole: "list",
|
|
style: items2,
|
|
onLayout(nativeEvent) {
|
|
let obj = { width: nativeEvent.nativeEvent.layout.width, height: nativeEvent.nativeEvent.layout.height };
|
|
const result = sharedValue1.set(obj);
|
|
const fn = function n() {
|
|
return toggleButtonRef(str[8]).runOnJS(outer1_16)();
|
|
};
|
|
obj = { runOnJS: toggleButtonRef(str[8]).runOnJS, openMenuCallback };
|
|
fn.__closure = obj;
|
|
fn.__workletHash = 14966618105405;
|
|
fn.__initData = c14;
|
|
const result1 = sharedValue.set(toggleButtonRef(str[19]).withSpring(1, closure_8, "respect-motion-settings", fn));
|
|
}
|
|
});
|
|
return jsx(position(str[18]), { style: null, accessibilityViewIsModal: true, importantForAccessibility: "yes" });
|
|
};
|