91 lines
3.8 KiB
TypeScript
91 lines
3.8 KiB
TypeScript
// Module ID: 6607
|
|
// Function ID: 6608
|
|
// Name: Input
|
|
// Dependencies: [19, 17, 21, 4560, 576, 6608, 4264, 4556, 6609, 2]
|
|
// Exports: Input
|
|
|
|
// Module 6607 (Input)
|
|
import noopAll from "noop" /* 19 */;
|
|
import ThemesDefault from "Themes" /* 576 */;
|
|
import getNodeText from "getNodeText" /* 4264 */;
|
|
import getRequiredFieldA11yName from "getRequiredFieldA11yName" /* 6608 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4560 */;
|
|
|
|
require = arg1;
|
|
noopAll;
|
|
({ jsx: c3, jsxs: c4 } = jsxProd);
|
|
createCacheKey = { inputRow: null, labelWrapper: null, label: null, description: null, error: null };
|
|
createCacheKey = { flexDirection: "row", gap: ThemesDefault.space.PX_8, marginTop: ThemesDefault.space.PX_4, marginBottom: ThemesDefault.space.PX_4 };
|
|
createCacheKey[0] = createCacheKey;
|
|
createCacheKey[1] = { marginBottom: ThemesDefault.space.PX_4, flexDirection: "row", alignItems: "center" };
|
|
let obj1 = { marginBottom: ThemesDefault.space.PX_4, flexDirection: "row", alignItems: "center" };
|
|
createCacheKey[2] = { marginBottom: ThemesDefault.space.PX_4 };
|
|
let obj2 = { marginBottom: ThemesDefault.space.PX_4 };
|
|
createCacheKey[3] = { marginTop: ThemesDefault.space.PX_4 };
|
|
let obj3 = { marginTop: ThemesDefault.space.PX_4 };
|
|
createCacheKey[4] = { marginTop: ThemesDefault.space.PX_4, width: "auto" };
|
|
let closure_5 = createCacheKey.createStyles(createCacheKey);
|
|
let obj4 = { marginTop: ThemesDefault.space.PX_4, width: "auto" };
|
|
const result = require("set").fileFinishedImporting("design/components/Input/native/Input.native.tsx");
|
|
|
|
export const Input = function Input(arg0) {
|
|
const tmp = callback2();
|
|
({ label, labelTrailing, labelId, description, errorMessage, required } = arg0);
|
|
({ children, containerStyle } = arg0);
|
|
let obj = getRequiredFieldA11yName;
|
|
obj1 = getNodeText;
|
|
const requiredFieldA11yName = obj.getRequiredFieldA11yName(obj1.getNodeText(label), required);
|
|
obj = { style: containerStyle, children: null };
|
|
if (null == label) {
|
|
const items = [null, , , ];
|
|
obj = { style: null, children: null };
|
|
obj[0] = tmp.inputRow;
|
|
obj[1] = children;
|
|
items[1] = callback(tmp6, obj);
|
|
let tmp11Result = null;
|
|
if (null != description) {
|
|
obj1 = { variant: "text-xs/medium", color: "text-muted", style: null, children: null };
|
|
obj1[2] = tmp.description;
|
|
obj1[3] = description;
|
|
tmp11Result = tmp11(tmp2(4556).Text, obj1);
|
|
}
|
|
items[2] = tmp11Result;
|
|
tmp11Result = null;
|
|
if (null != errorMessage) {
|
|
const obj2 = { style: null, children: null };
|
|
obj2[0] = tmp.error;
|
|
obj2[1] = errorMessage;
|
|
tmp11Result = tmp11(tmp2(6609).ErrorText, obj2);
|
|
}
|
|
items[3] = tmp11Result;
|
|
obj[1] = items;
|
|
return tmp5(tmp6, obj);
|
|
} else if (null != labelTrailing) {
|
|
const obj3 = { style: null, children: null };
|
|
obj3[0] = tmp.labelWrapper;
|
|
const obj4 = { variant: "text-sm/semibold", color: "text-subtle", nativeID: null, accessibilityLabel: null, children: null };
|
|
obj4[2] = labelId;
|
|
obj4[3] = requiredFieldA11yName;
|
|
obj4[4] = label;
|
|
const items1 = [callback(tmp2(4556).Text, obj4), labelTrailing];
|
|
obj3[1] = items1;
|
|
let tmp5Result = tmp5(tmp6, obj3);
|
|
} else {
|
|
const obj5 = { variant: "text-sm/semibold", color: "text-subtle", style: null, nativeID: null, accessibilityLabel: null, children: null };
|
|
obj5[2] = tmp.label;
|
|
obj5[3] = labelId;
|
|
obj5[4] = requiredFieldA11yName;
|
|
const items2 = [label, ];
|
|
tmp5Result = null;
|
|
if (required) {
|
|
const obj6 = { variant: "text-sm/bold", color: "text-feedback-critical", "aria-hidden": true, children: null };
|
|
obj6[3] = [" ", "*"];
|
|
tmp5Result = tmp5(tmp2(4556).Text, obj6);
|
|
}
|
|
items2[1] = tmp5Result;
|
|
obj5[5] = items2;
|
|
tmp5Result = tmp5(tmp2(4556).Text, obj5);
|
|
}
|
|
};
|