101 lines
3.1 KiB
TypeScript
101 lines
3.1 KiB
TypeScript
// Module ID: 13709
|
|
// Function ID: 13710
|
|
// Name: MenuPopout
|
|
// Dependencies: [32, 19, 21, 8736, 4186, 10380, 13706, 13707, 13708, 2]
|
|
// Exports: MenuPopout
|
|
|
|
// Module 13709 (MenuPopout)
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import closure_4 from "noop" /* 19 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
|
|
const require = arg1;
|
|
({ jsx: c5, Fragment: closure_6 } = jsxProd);
|
|
const result = require("set").fileFinishedImporting("design/components/Menu/native/MenuPopout.tsx");
|
|
|
|
export const MenuPopout = function MenuPopout(onRequestOpen) {
|
|
({ key, menuItems } = onRequestOpen);
|
|
if (menuItems === undefined) {
|
|
menuItems = [];
|
|
}
|
|
onRequestOpen = onRequestOpen.onRequestOpen;
|
|
const onRequestClose = onRequestOpen.onRequestClose;
|
|
const position = onRequestOpen.position;
|
|
const align = onRequestOpen.align;
|
|
const offset = onRequestOpen.offset;
|
|
const offsetAnimated = onRequestOpen.offsetAnimated;
|
|
key = undefined;
|
|
let animatedRef;
|
|
let first;
|
|
closure_10 = undefined;
|
|
let callback;
|
|
let memo;
|
|
let callback1;
|
|
let obj = menuItems(onRequestClose[3]);
|
|
if (key == null) {
|
|
key = obj.useUID();
|
|
}
|
|
animatedRef = menuItems(onRequestClose[4]).useAnimatedRef();
|
|
const tmp4 = position(align.useState(false), 2);
|
|
first = tmp4[0];
|
|
closure_10 = tmp4[1];
|
|
const items = [key, onRequestClose];
|
|
const mapped = menuItems.map((label) => ({ name: label.label, label: label.label }));
|
|
callback = align.useCallback(() => {
|
|
callback(false);
|
|
if (onRequestClose != null) {
|
|
onRequestClose();
|
|
}
|
|
onRequestOpen(onRequestClose[5]).hideNativeMenu(key);
|
|
}, items);
|
|
const items1 = [animatedRef, callback, menuItems, position, align, offset, offsetAnimated];
|
|
memo = align.useMemo(() => offset(menuItems(onRequestClose[6]).Menu, {
|
|
toggleButtonRef: animatedRef,
|
|
onClose: callback,
|
|
position,
|
|
align,
|
|
offset,
|
|
offsetAnimated,
|
|
children: menuItems.map((arg0, arg1) => {
|
|
let obj = { children: null };
|
|
obj = { showIconFirst: true };
|
|
const merged = Object.assign(arg0);
|
|
obj[0] = callback2(callback(13708).MenuItem, obj);
|
|
return callback2(callback(13707).MenuGroup, obj, "chat-context-menu-group-" + arg1);
|
|
})
|
|
}), items1);
|
|
const items2 = [memo, key, onRequestOpen];
|
|
callback1 = align.useCallback(() => {
|
|
callback(true);
|
|
if (onRequestOpen != null) {
|
|
onRequestOpen();
|
|
}
|
|
onRequestOpen(onRequestClose[5]).showNativeMenu(key, memo);
|
|
}, items2);
|
|
const items3 = [first, callback, callback1];
|
|
obj = { children: null };
|
|
obj = {
|
|
ref: animatedRef,
|
|
onPress: align.useCallback(() => {
|
|
if (first) {
|
|
callback();
|
|
} else {
|
|
callback1();
|
|
}
|
|
}, items3),
|
|
accessibilityState: { expanded: first },
|
|
accessibilityActions: mapped,
|
|
onAccessibilityAction(arg0) {
|
|
menuItems = arg0;
|
|
const found = menuItems.find((label) => label.label === nativeEvent.nativeEvent.actionName);
|
|
if (found != null) {
|
|
const action = found.action;
|
|
if (action != null) {
|
|
action();
|
|
}
|
|
}
|
|
}
|
|
};
|
|
obj[0] = onRequestOpen.children(obj, { isShown: first });
|
|
return offset(offsetAnimated, obj);
|
|
};
|