99 lines
6.7 KiB
TypeScript
99 lines
6.7 KiB
TypeScript
/* Metro module 12811; source: design/void/CarouselPagination/native/CarouselPagination.tsx; dependencies: [31, 27, 33, 4501, 697, 4017, 4504, 12751, 12812, 2] */
|
|
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
|
|
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
|
|
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
|
|
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
|
|
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
|
|
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
|
|
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
|
|
import * as CreateStylesModule from '../../../components/Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
|
|
import * as EasingModule from '../../Easing/native/Easing.tsx'; /* Metro dependency 12751 */
|
|
import * as Module12812Module from '../../../../by-id/module-12812.js'; /* Metro dependency 12812 */
|
|
|
|
function _fun97692(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97692, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:6, offset: 0x0218de5b, size: 330 bytes, params: 8, frame: 23
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
const createStyles = CreateStylesModule.createStyles;
|
|
const object2 = {'width': 8, 'height': 8, 'borderRadius': null, 'marginHorizontal': 4};
|
|
object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
|
|
const ICON_STRONG = (importDefault(697) /* metro dependency 697: native */).colors.ICON_STRONG;
|
|
object2.backgroundColor = ICON_STRONG;
|
|
const env0_5 = Reflect.apply(createStyles, CreateStylesModule, [{container: {'position': 'relative', 'top': -16,
|
|
'marginBottom': -16}, dot: object2}]);
|
|
object = {code: "function CarouselPaginationTsx1(){const{withTiming,active,STANDARD_EASING}=this.__closure;return withTiming(active?1:0,{duration:250,easing:STANDARD_EASING},'animate-always');}"};
|
|
object = {code: 'function CarouselPaginationTsx2(){const{interpolate,progress,interpolateColor,backgroundColor,brand500}=this.__closure;return{width:interpolate(progress.get(),[0,1],[8,16]),backgroundColor:interpolateColor(progress.get(),[0,1],[backgroundColor,brand500]),opacity:interpolate(progress.get(),[0,1],[0.3,1])};}'};
|
|
const env0_8 = ReactModule.memo(_fun97693);
|
|
(FileImportTrackerModule).fileFinishedImporting('design/void/CarouselPagination/native/CarouselPagination.tsx');
|
|
exports.default = CarouselPagination;
|
|
function _fun97693({active}) { // fn#97693, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:850, offset: 0x0218dfa5, size: 366 bytes, params: 2, frame: 24
|
|
const styles = useStyles();
|
|
const useDerivedValue = ReanimatedRexportModule.useDerivedValue;
|
|
let closure = function() {
|
|
var r2;
|
|
var moduleValue = require(dependencyMap[6]);
|
|
var withTiming = moduleValue.withTiming;
|
|
r2 = active ? 1 : 0;
|
|
var object = {duration: 250};
|
|
object.easing = require(dependencyMap[7]).STANDARD_EASING;
|
|
return Reflect.apply(withTiming, moduleValue, [r2, object, 'animate-always']);
|
|
};
|
|
let object = {};
|
|
object.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
|
|
object.active = active;
|
|
const STANDARD_EASING = (EasingModule).STANDARD_EASING;
|
|
object.STANDARD_EASING = STANDARD_EASING;
|
|
closure.__closure = object;
|
|
closure.__workletHash = 5885711729227;
|
|
closure.__initData = env0_6;
|
|
const value2 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
|
|
const BRAND_500 = (Native).unsafe_rawColors.BRAND_500;
|
|
const backgroundColor = styles.dot.backgroundColor;
|
|
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
|
|
closure = c_97695;
|
|
closure.__closure = {interpolate: ReanimatedRexportModule.interpolate, progress: value2,
|
|
interpolateColor: ReanimatedRexportModule.interpolateColor, backgroundColor: backgroundColor,
|
|
brand500: BRAND_500};
|
|
closure.__workletHash = 7804335337011;
|
|
closure.__initData = env0_7;
|
|
const value3 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
|
|
const View = (ReanimatedRexport).View;
|
|
return <View style={[styles.dot, value3]} />;
|
|
function c_97695() { // fn#97695, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:1256, offset: 0x0218e177, size: 202 bytes, params: 1, frame: 22
|
|
const object = {};
|
|
let value = environment.__proto__;
|
|
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
|
|
const interpolate = value.interpolate;
|
|
const binding = env0_1;
|
|
object.width = Reflect.apply(interpolate, value, [binding.get(), [0, 1], [8, 16]]);
|
|
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
|
|
object.backgroundColor = value.interpolateColor(binding.get(), [0, 1], [backgroundColor, BRAND_500]);
|
|
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
|
|
object.opacity = value.interpolate(binding.get(), [0, 1], [0.3, 1]);
|
|
return object;
|
|
}
|
|
|
|
}
|
|
|
|
function CarouselPagination({numberOfItems, currentIndex, containerStyle}) { // fn#97696, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13001:1760, offset: 0x0218e241, size: 143 bytes, params: 2, frame: 20
|
|
const styles = useStyles();
|
|
const env0_83 = ((Component) => <Component />)(env0_8);
|
|
const items2 = [styles.container, containerStyle];
|
|
const Pagination = (Module12812Module).Pagination;
|
|
return (
|
|
<View style={items2}>
|
|
<Pagination
|
|
dotElement={env0_83}
|
|
inactiveDotElement={env0_83}
|
|
dotsLength={numberOfItems}
|
|
activeDotIndex={currentIndex}
|
|
/>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
global.__d(_fun97692, 12811, [31, 27, 33, 4501, 697, 4017, 4504, 12751, 12812,
|
|
2]) /* metro module 12811, dependencies: [31, 27, 33, 4501, 697, 4017, 4504, 12751, 12812, 2] */;
|