// Module ID: 7586 // Function ID: 60743 // Name: getLengthRemainingTextColor // Dependencies: [31, 27, 33, 4131, 689, 6683, 6677, 3837, 7587, 1212, 6686, 4127, 2] // Module 7586 (getLengthRemainingTextColor) import { View } from "get ActivityIndicator"; import jsxProd from "jsxProd"; import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose"; import importAllResult from "result"; let closure_3; let closure_4; const require = arg1; function getLengthRemainingTextColor(maxLength, diff) { let str = "text-muted"; let str2 = "text-muted"; if (null != maxLength) { str2 = str; if (null != diff) { let str3 = "text-feedback-critical"; if (diff > 0) { if (diff < maxLength / 9) { str = "text-feedback-warning"; } str3 = str; } str2 = str3; } } return str2; } ({ jsx: closure_3, jsxs: closure_4 } = jsxProd); let obj = { area: { height: 128, textAlignVertical: "top" } }; obj = { position: "absolute", bottom: require("_createForOfIteratorHelperLoose").space.PX_4, right: require("_createForOfIteratorHelperLoose").space.PX_16 }; obj.maxLengthIndicator = obj; let closure_5 = _createForOfIteratorHelperLoose.createStyles(obj); const forwardRefResult = require("result").forwardRef((isDisabled) => { let focusProps; let innerRef; let inputProps; let isFocused; let label = isDisabled; let obj = require(6683) /* useInputStyles */; obj = { size: "lg", isRound: false, isDisabled: isDisabled.isDisabled }; const inputStyles = obj.useInputStyles(obj); const tmp2 = callback2(); const maxLength = isDisabled.maxLength; let obj2 = require(6677) /* useTextFieldState */; const textField = obj2.useTextField(isDisabled, arg1); ({ inputProps, innerRef } = textField); let obj3 = require(3837) /* getNodeText */; const focus = obj3.useFocus(); let diff; ({ focusProps, isFocused } = focus); if (null != maxLength) { diff = maxLength - iter.value.length; } let obj4 = require(7587) /* useCharacterLimitAnnouncement */; obj = { currentLength: iter.value.length, maxLength }; const intl = require(1212) /* getSystemLocale */.intl; obj.message = intl.string(require(1212) /* getSystemLocale */.t.c2Jqed); const characterLimitAnnouncement = obj4.useCharacterLimitAnnouncement(obj); const obj1 = {}; const merged = Object.assign(label); obj1["isFocused"] = isFocused; obj2 = {}; const merged1 = Object.assign(require(3837) /* getNodeText */.mergeProps(inputProps, focusProps)); obj2["ref"] = innerRef; const items = [, , ]; ({ padding: arr[0], text: arr[1] } = inputStyles); items[2] = tmp2.area; obj2["style"] = items; obj2["placeholderTextColor"] = inputStyles.placeholderText.color; obj2["multiline"] = true; const items1 = [callback(require(6686) /* useKeyboardBlurring */.NativeTextInput, obj2), ]; if (null == diff) { items1[1] = null; obj1["children"] = items1; return closure_4(require(6683) /* useInputStyles */.InputFieldContainer, obj1); } else { obj3 = { style: tmp2.maxLengthIndicator }; obj4 = { variant: "text-xs/semibold", color: getLengthRemainingTextColor(maxLength, diff) }; if ("string" === typeof label.label) { const intl3 = require(1212) /* getSystemLocale */.intl; const obj5 = {}; label = label.label; obj5.label = label; obj5.remainingCharacters = diff; let formatToPlainStringResult = intl3.formatToPlainString(require(1212) /* getSystemLocale */.t["8Q+k1s"], obj5); } else { const intl2 = require(1212) /* getSystemLocale */.intl; const obj6 = { remainingCharacters: diff }; formatToPlainStringResult = intl2.formatToPlainString(require(1212) /* getSystemLocale */.t.fR1cof, obj6); } obj4.accessibilityLabel = formatToPlainStringResult; obj4.children = diff; obj4 = tmp16(require(4127) /* Text */.Text, obj4); obj3.children = obj4; callback(View, obj3); const tmp17 = View; } }); const result = require("jsxProd").fileFinishedImporting("design/components/TextField/native/TextAreaField.native.tsx"); export const TextAreaField = forwardRefResult;