181 lines
8 KiB
TypeScript
181 lines
8 KiB
TypeScript
// Module ID: 12429
|
|
// Function ID: 12430
|
|
// Name: EmojiSuggestionBarLargeAnimated
|
|
// Dependencies: [32, 19, 17, 10295, 21, 4560, 576, 12430, 4296, 10315, 10333, 4271, 2]
|
|
|
|
// Module 12429 (EmojiSuggestionBarLargeAnimated)
|
|
import ThemesDefault from "Themes" /* 576 */;
|
|
import _modDef4296 from "module_4296" /* 4296 */;
|
|
import MAX_SUGGESTIONS_LARGE from "MAX_SUGGESTIONS_LARGE" /* 12430 */;
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import importAllResult from "noop" /* 19 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import { IMAGE_SIZE } from "IMAGE_SIZE" /* 10295 */;
|
|
import { jsx } from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4560 */;
|
|
|
|
require = arg1;
|
|
function EmojiSuggestionBarLargeAnimated(arg0) {
|
|
({ reducedMotion: require, handlePress: importDefault, handlePressEmojiUnavailable: dependencyMap } = arg0);
|
|
let callback;
|
|
importAllResult = undefined;
|
|
c5 = undefined;
|
|
let suggestionBarHeight;
|
|
({ unlockedEmojis, lockedEmojis, transitionState, cleanUp } = arg0);
|
|
[tmp4, c3] = callback(importAllResult.useState(0), 2);
|
|
callback = importAllResult.useCallback((nativeEvent) => {
|
|
_undefined(nativeEvent.nativeEvent.layout.width);
|
|
}, []);
|
|
const truncResult = Math.trunc(tmp4 / (suggestionBarHeight + ThemesDefault.space.PX_6));
|
|
let length = Math.min(truncResult, 11);
|
|
const tmp8 = callback2(truncResult > 11);
|
|
importAllResult = tmp8;
|
|
let obj = MAX_SUGGESTIONS_LARGE;
|
|
const sortEmojisForDisplayResult = obj.sortEmojisForDisplay(unlockedEmojis, lockedEmojis, length);
|
|
c5 = sortEmojisForDisplayResult;
|
|
if (truncResult > 11) {
|
|
length = sortEmojisForDisplayResult.length;
|
|
}
|
|
let tmp9Result = tmp9(12430);
|
|
suggestionBarHeight = tmp9Result.useSuggestionBarHeight(transitionState, cleanUp, 52);
|
|
tmp9Result = tmp9(4296);
|
|
const fn = function f() {
|
|
return { height: suggestionBarHeight.get() };
|
|
};
|
|
fn.__closure = { heightSv: suggestionBarHeight };
|
|
fn.__workletHash = 5553872738815;
|
|
fn.__initData = closure_9;
|
|
const animatedStyle = tmp9Result.useAnimatedStyle(fn);
|
|
obj = { style: items, children: null };
|
|
items = [tmp8.containerLargeWrapper, animatedStyle];
|
|
obj = {
|
|
style: tmp8.containerLarge,
|
|
onLayout: callback,
|
|
children: Array.from({ length }, (arg0, index) => {
|
|
if (null == _undefined2[index]) {
|
|
let obj = { style: null };
|
|
obj[0] = emptySlot.emptySlot;
|
|
const _HermesInternal = HermesInternal;
|
|
return closure_1_7(_undefined2, obj, "none:" + index);
|
|
} else {
|
|
const locked = tmp2.locked;
|
|
obj = { index: null, reducedMotion: null, children: null };
|
|
obj[0] = index;
|
|
obj[1] = closure_0;
|
|
obj1 = { emoji: null, disabled: null, onPressEmoji: null, onLongPressEmoji: null, animateEmoji: null, isSectionNitroLocked: false };
|
|
obj1[0] = tmp2.emoji;
|
|
obj1[1] = locked;
|
|
obj1[2] = locked ? closure_2 : closure_1;
|
|
if (locked) {
|
|
let openEmojiActionSheet = closure_2;
|
|
} else {
|
|
openEmojiActionSheet = tmp8(tmp9[10]).openEmojiActionSheet;
|
|
}
|
|
obj1[3] = openEmojiActionSheet;
|
|
obj1[4] = !closure_0;
|
|
obj[2] = closure_1_7(closure_1_0(closure_1_2[9]).EmojiItem, obj1);
|
|
return closure_1_7(closure_1_0(closure_1_2[7]).EmojiEntranceAnimation, obj, closure_1_0(closure_1_2[7]).getEmojiEntranceKey(tmp, index));
|
|
}
|
|
})
|
|
};
|
|
obj[1] = <c5 style={tmp8.containerLarge} onLayout={callback}>{Array.from({ length }, (arg0, index) => {
|
|
if (null == _undefined2[index]) {
|
|
let obj = { style: null };
|
|
obj[0] = emptySlot.emptySlot;
|
|
const _HermesInternal = HermesInternal;
|
|
return closure_1_7(_undefined2, obj, "none:" + index);
|
|
} else {
|
|
const locked = tmp2.locked;
|
|
obj = { index: null, reducedMotion: null, children: null };
|
|
obj[0] = index;
|
|
obj[1] = closure_0;
|
|
obj1 = { emoji: null, disabled: null, onPressEmoji: null, onLongPressEmoji: null, animateEmoji: null, isSectionNitroLocked: false };
|
|
obj1[0] = tmp2.emoji;
|
|
obj1[1] = locked;
|
|
obj1[2] = locked ? closure_2 : closure_1;
|
|
if (locked) {
|
|
let openEmojiActionSheet = closure_2;
|
|
} else {
|
|
openEmojiActionSheet = tmp8(tmp9[10]).openEmojiActionSheet;
|
|
}
|
|
obj1[3] = openEmojiActionSheet;
|
|
obj1[4] = !closure_0;
|
|
obj[2] = closure_1_7(closure_1_0(closure_1_2[9]).EmojiItem, obj1);
|
|
return closure_1_7(closure_1_0(closure_1_2[7]).EmojiEntranceAnimation, obj, closure_1_0(closure_1_2[7]).getEmojiEntranceKey(tmp, index));
|
|
}
|
|
})}</c5>;
|
|
return jsx(_modDef4296.View, {
|
|
style: tmp8.containerLarge,
|
|
onLayout: callback,
|
|
children: Array.from({ length }, (arg0, index) => {
|
|
if (null == _undefined2[index]) {
|
|
let obj = { style: null };
|
|
obj[0] = emptySlot.emptySlot;
|
|
const _HermesInternal = HermesInternal;
|
|
return closure_1_7(_undefined2, obj, "none:" + index);
|
|
} else {
|
|
const locked = tmp2.locked;
|
|
obj = { index: null, reducedMotion: null, children: null };
|
|
obj[0] = index;
|
|
obj[1] = closure_0;
|
|
obj1 = { emoji: null, disabled: null, onPressEmoji: null, onLongPressEmoji: null, animateEmoji: null, isSectionNitroLocked: false };
|
|
obj1[0] = tmp2.emoji;
|
|
obj1[1] = locked;
|
|
obj1[2] = locked ? closure_2 : closure_1;
|
|
if (locked) {
|
|
let openEmojiActionSheet = closure_2;
|
|
} else {
|
|
openEmojiActionSheet = tmp8(tmp9[10]).openEmojiActionSheet;
|
|
}
|
|
obj1[3] = openEmojiActionSheet;
|
|
obj1[4] = !closure_0;
|
|
obj[2] = closure_1_7(closure_1_0(closure_1_2[9]).EmojiItem, obj1);
|
|
return closure_1_7(closure_1_0(closure_1_2[7]).EmojiEntranceAnimation, obj, closure_1_0(closure_1_2[7]).getEmojiEntranceKey(tmp, index));
|
|
}
|
|
})
|
|
});
|
|
}
|
|
function renderEmojiSuggestionBarLargeItem(arg0, arg1, transitionState, cleanUp) {
|
|
const obj = {};
|
|
const merged = Object.assign(arg1);
|
|
obj.transitionState = transitionState;
|
|
obj.cleanUp = cleanUp;
|
|
return <EmojiSuggestionBarLargeAnimated key={arg0} />;
|
|
}
|
|
let c4 = importAllResult;
|
|
let closure_8 = createCacheKey.createStyles((arg0) => {
|
|
let obj = { containerLargeWrapper: { overflow: "hidden" }, containerLarge: null, emptySlot: null };
|
|
let str = "space-between";
|
|
if (arg0) {
|
|
str = "flex-start";
|
|
}
|
|
obj = { height: 52, flexDirection: "row", alignItems: "center", justifyContent: str, gap: null, padding: null, borderBottomWidth: 1, borderBottomColor: null };
|
|
let PX_6;
|
|
if (arg0) {
|
|
PX_6 = ThemesDefault.space.PX_6;
|
|
}
|
|
obj[4] = PX_6;
|
|
obj[5] = ThemesDefault.space.PX_8;
|
|
obj[7] = ThemesDefault.colors.BORDER_MUTED;
|
|
obj[1] = obj;
|
|
obj = { width: IMAGE_SIZE, height: IMAGE_SIZE };
|
|
obj[2] = obj;
|
|
return obj;
|
|
});
|
|
let closure_9 = { code: "function EmojiSuggestionBarLargeTsx1(){const{heightSv}=this.__closure;return{height:heightSv.get()};}" };
|
|
const forwardRefResult = importAllResult.forwardRef((merged, ref) => {
|
|
let obj = unlockedEmojis(reducedMotion[7]);
|
|
const emojiSuggestionBarState = obj.useEmojiSuggestionBarState(merged, unlockedEmojis(reducedMotion[7]).MAX_SUGGESTIONS_LARGE, ref);
|
|
unlockedEmojis = emojiSuggestionBarState.unlockedEmojis;
|
|
const lockedEmojis = emojiSuggestionBarState.lockedEmojis;
|
|
reducedMotion = emojiSuggestionBarState.reducedMotion;
|
|
const handlePress = emojiSuggestionBarState.handlePress;
|
|
const handlePressEmojiUnavailable = emojiSuggestionBarState.handlePressEmojiUnavailable;
|
|
const items = [unlockedEmojis, lockedEmojis, reducedMotion, handlePress, handlePressEmojiUnavailable];
|
|
const memo = handlePressEmojiUnavailable.useMemo(() => ({ unlockedEmojis, lockedEmojis, reducedMotion, handlePress, handlePressEmojiUnavailable }), items);
|
|
obj = { item: memo, renderItem: renderEmojiSuggestionBarLargeItem };
|
|
return jsx(unlockedEmojis(reducedMotion[11]).TransitionItem, { item: memo, renderItem: renderEmojiSuggestionBarLargeItem });
|
|
});
|
|
const result = require("set").fileFinishedImporting("modules/chat_input/native/EmojiSuggestionBarLarge.tsx");
|
|
|
|
export const EmojiSuggestionBarLarge = forwardRefResult;
|