109 lines
6.1 KiB
TypeScript
109 lines
6.1 KiB
TypeScript
// Module ID: 13341
|
|
// Function ID: 13342
|
|
// Name: AnimatedEllipsisDot
|
|
// Dependencies: [19, 17, 4295, 21, 4303, 712, 4036, 4304, 589, 2]
|
|
|
|
// Module 13341 (AnimatedEllipsisDot)
|
|
import importAllResult from "noop";
|
|
import { View } from "get ActivityIndicator";
|
|
import maybeApplyNoTextColorForLightCustomTheme from "maybeApplyNoTextColorForLightCustomTheme";
|
|
import { jsx } from "jsxProd";
|
|
import createCacheKey from "createCacheKey";
|
|
|
|
const require = arg1;
|
|
function AnimatedEllipsisDot(disableScale) {
|
|
disableScale = disableScale.disableScale;
|
|
const delay = disableScale.delay;
|
|
const sequenceStartDelay = disableScale.sequenceStartDelay;
|
|
const sequenceEndDelay = disableScale.sequenceEndDelay;
|
|
let sharedValue;
|
|
let sharedValue1;
|
|
let tmp = callback();
|
|
sharedValue = disableScale(sequenceStartDelay[6]).useSharedValue(0.4);
|
|
let obj = disableScale(sequenceStartDelay[6]);
|
|
sharedValue1 = disableScale(sequenceStartDelay[6]).useSharedValue(0.75);
|
|
let items = [delay, sequenceStartDelay, sequenceEndDelay, disableScale, sharedValue, sharedValue1];
|
|
const effect = sequenceEndDelay.useEffect(() => {
|
|
function animateValue(sharedValue, value, value) {
|
|
const obj = outer1_0(outer1_2[6]);
|
|
const obj2 = outer1_0(outer1_2[6]);
|
|
const obj3 = outer1_0(outer1_2[6]);
|
|
const obj4 = outer1_0(outer1_2[7]);
|
|
const withDelayResult = obj3.withDelay(closure_2, outer1_0(outer1_2[7]).withTiming(value, { duration: 0 }));
|
|
const obj5 = outer1_0(outer1_2[6]);
|
|
const obj6 = outer1_0(outer1_2[6]);
|
|
const obj7 = outer1_0(outer1_2[7]);
|
|
const withTimingResult = outer1_0(outer1_2[7]).withTiming(value, { duration: 350 });
|
|
const obj8 = outer1_0(outer1_2[7]);
|
|
const withDelayResult1 = obj5.withDelay(closure_1, obj6.withSequence(withTimingResult, outer1_0(outer1_2[7]).withTiming(value, { duration: 350 })));
|
|
const obj9 = outer1_0(outer1_2[6]);
|
|
const result = sharedValue.set(obj.withRepeat(obj2.withSequence(withDelayResult, withDelayResult1, obj9.withDelay(closure_3, outer1_0(outer1_2[7]).withTiming(value, { duration: 0 }))), -1));
|
|
}
|
|
animateValue.__closure = { withRepeat: disableScale(sequenceStartDelay[6]).withRepeat, withSequence: disableScale(sequenceStartDelay[6]).withSequence, withDelay: disableScale(sequenceStartDelay[6]).withDelay, sequenceStartDelay, withTiming: disableScale(sequenceStartDelay[7]).withTiming, delay, animationTimeMs: 350, sequenceEndDelay };
|
|
animateValue.__workletHash = 13305770376274;
|
|
animateValue.__initData = outer1_10;
|
|
animateValue(sharedValue, 0.4, 1);
|
|
if (!disableScale) {
|
|
animateValue(sharedValue1, 0.75, 1);
|
|
}
|
|
return () => {
|
|
outer1_0(outer1_2[6]).cancelAnimation(closure_4);
|
|
const obj = outer1_0(outer1_2[6]);
|
|
outer1_0(outer1_2[6]).cancelAnimation(maybeApplyNoTextColorForLightCustomTheme);
|
|
};
|
|
}, items);
|
|
let obj2 = disableScale(sequenceStartDelay[6]);
|
|
class S {
|
|
constructor() {
|
|
obj = { opacity: c4.get(), transform: null };
|
|
tmp = undefined;
|
|
if (!disableScale) {
|
|
obj = { scale: null };
|
|
tmp2 = c5;
|
|
obj[0] = c5.get();
|
|
items = [];
|
|
items[0] = obj;
|
|
tmp = items;
|
|
}
|
|
obj[1] = tmp;
|
|
return obj;
|
|
}
|
|
}
|
|
S.__closure = { opacityValue: sharedValue, disableScale, scaleValue: sharedValue1 };
|
|
S.__workletHash = 5071157079925;
|
|
S.__initData = closure_11;
|
|
const animatedStyle = disableScale(sequenceStartDelay[6]).useAnimatedStyle(S);
|
|
const style = [tmp.typingIndicatorDot, disableScale.dotStyle, animatedStyle];
|
|
return jsx(delay(sequenceStartDelay[6]).View, { style });
|
|
}
|
|
function EllipsisDot(dotStyle) {
|
|
const obj = { style: null };
|
|
const items = [callback().typingIndicatorDot, { opacity: 0.4 }, dotStyle.dotStyle];
|
|
obj[0] = items;
|
|
return <View style={null} />;
|
|
}
|
|
let c3 = importAllResult;
|
|
let c7 = 233.33333333333334;
|
|
let c8 = 116.66666666666667;
|
|
let obj = { typingIndicator: { justifyContent: "center", alignItems: "center", flexDirection: "row", marginRight: 4 }, typingIndicatorDot: null };
|
|
obj = { backgroundColor: require("Themes").colors.TEXT_DEFAULT, borderRadius: require("Themes").radii.round, marginRight: 2, height: 6, width: 6 };
|
|
obj[1] = obj;
|
|
let closure_9 = createCacheKey.createStyles(obj);
|
|
let closure_10 = { code: "function animateValue_EllipsisTsx1(value,fromValue,toValue){const{withRepeat,withSequence,withDelay,sequenceStartDelay,withTiming,delay,animationTimeMs,sequenceEndDelay}=this.__closure;value.set(withRepeat(withSequence(withDelay(sequenceStartDelay,withTiming(fromValue,{duration:0})),withDelay(delay,withSequence(withTiming(toValue,{duration:animationTimeMs}),withTiming(fromValue,{duration:animationTimeMs}))),withDelay(sequenceEndDelay,withTiming(fromValue,{duration:0}))),-1));}" };
|
|
let closure_11 = { code: "function EllipsisTsx2(){const{opacityValue,disableScale,scaleValue}=this.__closure;return{opacity:opacityValue.get(),transform:disableScale?undefined:[{scale:scaleValue.get()}]};}" };
|
|
const memoResult = importAllResult.memo(function Ellipsis(style) {
|
|
let importDefault;
|
|
let require;
|
|
({ dotStyle: require, disableScale: importDefault } = style);
|
|
let dependencyMap;
|
|
let obj = require(589) /* initialize */;
|
|
const items = [maybeApplyNoTextColorForLightCustomTheme];
|
|
dependencyMap = obj.useStateFromStores(items, () => useReducedMotion.useReducedMotion) ? EllipsisDot : AnimatedEllipsisDot;
|
|
obj = { style: items1, collapsable: false, children: items2.map((arg0, arg1, arg2) => outer1_6(closure_2, { delay: arg0 * outer1_7, sequenceStartDelay: outer1_8, sequenceEndDelay: outer1_8 + outer1_7 * (arg2.length - 1 - arg0), dotStyle: closure_0, disableScale: closure_1 }, arg0)) };
|
|
items1 = [callback().typingIndicator, style.style];
|
|
items2 = [0, 1, 2];
|
|
return <View style={items1} collapsable={false}>{items2.map((arg0, arg1, arg2) => outer1_6(closure_2, { delay: arg0 * outer1_7, sequenceStartDelay: outer1_8, sequenceEndDelay: outer1_8 + outer1_7 * (arg2.length - 1 - arg0), dotStyle: closure_0, disableScale: closure_1 }, arg0))}</View>;
|
|
});
|
|
let result = require("maybeApplyNoTextColorForLightCustomTheme").fileFinishedImporting("design/void/Ellipsis/native/Ellipsis.tsx");
|
|
|
|
export default memoResult;
|