decord/source/design/components/Menu/native/MenuPopout.tsx

// Module ID: 13590
// Function ID: 13591
// Name: MenuPopout
// Dependencies: [32, 19, 21, 8748, 4120, 10174, 13587, 13588, 13589, 2]
// Exports: MenuPopout

// Module 13590 (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(13589).MenuItem, obj);
      return callback2(callback(13588).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);
};