108 lines
4.2 KiB
TypeScript
108 lines
4.2 KiB
TypeScript
// Module ID: 14706
|
|
// Function ID: 14707
|
|
// Name: SettingSegmentedControl
|
|
// Dependencies: [32, 19, 17, 14694, 11474, 21, 4560, 576, 14697, 14587, 38, 14696, 9797, 9798, 12620, 2]
|
|
// Exports: default
|
|
|
|
// Module 14706 (SettingSegmentedControl)
|
|
import ThemesDefault from "Themes" /* 576 */;
|
|
import closure_3 from "_slicedToArray" /* 32 */;
|
|
import closure_4 from "noop" /* 19 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import closure_6 from "zustandStore" /* 14694 */;
|
|
import { NodeType } from "GUILD_SELECT_ALL_SERVERS_OPTION_ID" /* 11474 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4560 */;
|
|
|
|
const require = arg1;
|
|
({ jsx: closure_8, Fragment: c9, jsxs: c10 } = jsxProd);
|
|
createCacheKey = { controlContainer: null, pageContainer: null };
|
|
createCacheKey = { paddingHorizontal: ThemesDefault.space.PX_16, paddingTop: ThemesDefault.space.PX_16, paddingBottom: ThemesDefault.space.PX_8 };
|
|
createCacheKey[0] = createCacheKey;
|
|
createCacheKey[1] = { flex: 1 };
|
|
let closure_11 = createCacheKey.createStyles(createCacheKey);
|
|
const result = require("set").fileFinishedImporting("modules/settings/native/renderer/SettingSegmentedControlRenderer.tsx");
|
|
|
|
export default function SettingSegmentedControl(node) {
|
|
let _require;
|
|
settings = undefined;
|
|
dependencyMap = undefined;
|
|
({ defaultIndex: c0, settings } = node.node);
|
|
let tmp = callback4();
|
|
[tmp3, c2] = callback(React.useState(0), 2);
|
|
let tmp2 = callback(React.useState(0), 2);
|
|
[tmp5, r10021] = callback(React.useState(() => {
|
|
const field = closure_1_6.getField("selected");
|
|
if (null != field) {
|
|
const index = settings.indexOf(field);
|
|
if (-1 !== index) {
|
|
return index;
|
|
} else {
|
|
const ancestors = settings(_undefined[8]).getAncestors(field);
|
|
for (const item10020 of ancestors) {
|
|
let tmp9 = settings;
|
|
let index1 = settings.indexOf(item10020);
|
|
let tmp11 = index1;
|
|
if (-1 !== index1) {
|
|
let tmp12 = obj2;
|
|
obj2.return();
|
|
return index1;
|
|
}
|
|
}
|
|
const obj = settings(_undefined[8]);
|
|
}
|
|
}
|
|
return c0;
|
|
}), 2);
|
|
let items = [settings];
|
|
callback = React.useCallback((nativeEvent) => {
|
|
_undefined(nativeEvent.nativeEvent.layout.width);
|
|
}, []);
|
|
const memo = React.useMemo(() => {
|
|
const items = [];
|
|
const item = settings.forEach((closure_0) => {
|
|
const tmp = items(closure_1_2[9]).SETTING_RENDERER_CONFIG[closure_0];
|
|
closure_1_1(closure_1_2[10])(tmp.type === closure_1_7.ROUTE, "Invalid setting type for segmented control: " + closure_0);
|
|
const screen = tmp.screen;
|
|
const obj = { label: null, id: null, page: null };
|
|
const component = screen.getComponent();
|
|
const tmp2 = closure_1_1(closure_1_2[10]);
|
|
obj[0] = items(closure_1_2[11]).getSettingTitle(closure_0);
|
|
obj[1] = closure_0;
|
|
obj[2] = closure_1_8(component, {});
|
|
items.push(obj);
|
|
});
|
|
return items;
|
|
}, items);
|
|
let obj = _require(9797);
|
|
const segmentedControlState = obj.useSegmentedControlState({ items: memo, pageWidth: tmp3, defaultIndex: tmp5 });
|
|
obj = { children: null };
|
|
obj = { style: tmp.controlContainer, onLayout: callback, children: callback2(_require(9798).SegmentedControl, { state: segmentedControlState }) };
|
|
const items1 = [callback2(View, obj), ];
|
|
const tmp4 = callback(React.useState(() => {
|
|
const field = closure_1_6.getField("selected");
|
|
if (null != field) {
|
|
const index = settings.indexOf(field);
|
|
if (-1 !== index) {
|
|
return index;
|
|
} else {
|
|
const ancestors = settings(_undefined[8]).getAncestors(field);
|
|
for (const item10020 of ancestors) {
|
|
let tmp9 = settings;
|
|
let index1 = settings.indexOf(item10020);
|
|
let tmp11 = index1;
|
|
if (-1 !== index1) {
|
|
let tmp12 = obj2;
|
|
obj2.return();
|
|
return index1;
|
|
}
|
|
}
|
|
const obj = settings(_undefined[8]);
|
|
}
|
|
}
|
|
return c0;
|
|
}), 2);
|
|
items1[1] = callback2(View, { style: tmp.pageContainer, children: callback2(_require(12620).SegmentedControlPages, { state: segmentedControlState }) });
|
|
obj[0] = items1;
|
|
return callback3(closure_9, obj);
|
|
};
|