@terreno/ui 0.0.1

package/src/__snapshots__/TextArea.test.tsx.snap

@@ -0,0 +1,521 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`TextArea snapshots should match snapshot with default props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": null,
+          "props": {
+            "accessibilityHint": "Enter text here",
+            "accessibilityState": {
+              "disabled": undefined,
+            },
+            "aria-label": "Text input field",
+            "autoCapitalize": "sentences",
+            "autoCorrect": true,
+            "blurOnSubmit": true,
+            "enterKeyHint": undefined,
+            "keyboardType": "default",
+            "multiline": true,
+            "numberOfLines": 1,
+            "onBlur": [Function],
+            "onChangeText": [class Function],
+            "onContentSizeChange": [Function],
+            "onFocus": [Function],
+            "onSubmitEditing": [Function],
+            "placeholder": undefined,
+            "placeholderTextColor": "#686868",
+            "readOnly": undefined,
+            "ref": [Function],
+            "secureTextEntry": false,
+            "style": {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 40,
+              "paddingVertical": 0,
+              "width": "100%",
+            },
+            "testID": undefined,
+            "textContentType": "none",
+            "underlineColorAndroid": "transparent",
+            "value": "test content",
+          },
+          "type": "TextInput",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "center",
+          "backgroundColor": "#FFFFFF",
+          "borderColor": "#9A9A9A",
+          "borderRadius": 4,
+          "borderWidth": 1,
+          "flexDirection": "row",
+          "overflow": "hidden",
+          "paddingHorizontal": 12,
+          "paddingVertical": 8,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "flexDirection": "column",
+      "width": "100%",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`TextArea snapshots should match snapshot with all props 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "Description",
+      ],
+      "props": {
+        "style": {
+          "color": "#1C1C1C",
+          "fontSize": 14,
+          "fontWeight": 600,
+          "lineHeight": 22.4,
+        },
+      },
+      "type": "Text",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": null,
+          "props": {
+            "accessibilityHint": "Enter text here",
+            "accessibilityState": {
+              "disabled": false,
+            },
+            "aria-label": "Text input field",
+            "autoCapitalize": "sentences",
+            "autoCorrect": true,
+            "blurOnSubmit": true,
+            "enterKeyHint": undefined,
+            "keyboardType": "default",
+            "multiline": true,
+            "numberOfLines": 5,
+            "onBlur": [Function],
+            "onChangeText": [class Function],
+            "onContentSizeChange": [Function],
+            "onFocus": [Function],
+            "onSubmitEditing": [Function],
+            "placeholder": "Enter description",
+            "placeholderTextColor": "#686868",
+            "readOnly": false,
+            "ref": [Function],
+            "secureTextEntry": false,
+            "style": {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 200,
+              "paddingVertical": 0,
+              "width": "100%",
+            },
+            "testID": undefined,
+            "textContentType": "none",
+            "underlineColorAndroid": "transparent",
+            "value": "test content",
+          },
+          "type": "TextInput",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "center",
+          "backgroundColor": "#FFFFFF",
+          "borderColor": "#9A9A9A",
+          "borderRadius": 4,
+          "borderWidth": 1,
+          "flexDirection": "row",
+          "overflow": "hidden",
+          "paddingHorizontal": 12,
+          "paddingVertical": 8,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            "Maximum 500 characters",
+          ],
+          "props": {
+            "style": {
+              "color": "#1C1C1C",
+              "fontSize": 12,
+              "lineHeight": 16,
+            },
+          },
+          "type": "Text",
+        },
+      ],
+      "props": {
+        "style": {
+          "marginTop": 2,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "flexDirection": "column",
+      "width": "100%",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`TextArea snapshots should match snapshot when disabled 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "Disabled TextArea",
+      ],
+      "props": {
+        "style": {
+          "color": "#1C1C1C",
+          "fontSize": 14,
+          "fontWeight": 600,
+          "lineHeight": 22.4,
+        },
+      },
+      "type": "Text",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": null,
+          "props": {
+            "accessibilityHint": "Enter text here",
+            "accessibilityState": {
+              "disabled": true,
+            },
+            "aria-label": "Text input field",
+            "autoCapitalize": "sentences",
+            "autoCorrect": true,
+            "blurOnSubmit": true,
+            "enterKeyHint": undefined,
+            "keyboardType": "default",
+            "multiline": true,
+            "numberOfLines": 1,
+            "onBlur": [Function],
+            "onChangeText": [class Function],
+            "onContentSizeChange": [Function],
+            "onFocus": [Function],
+            "onSubmitEditing": [Function],
+            "placeholder": undefined,
+            "placeholderTextColor": "#686868",
+            "readOnly": true,
+            "ref": [Function],
+            "secureTextEntry": false,
+            "style": {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 40,
+              "paddingVertical": 0,
+              "width": "100%",
+            },
+            "testID": undefined,
+            "textContentType": "none",
+            "underlineColorAndroid": "transparent",
+            "value": "disabled content",
+          },
+          "type": "TextInput",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "center",
+          "backgroundColor": "#D9D9D9",
+          "borderColor": "#4E4E4E",
+          "borderRadius": 4,
+          "borderWidth": 1,
+          "flexDirection": "row",
+          "overflow": "hidden",
+          "paddingHorizontal": 12,
+          "paddingVertical": 8,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "flexDirection": "column",
+      "width": "100%",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`TextArea snapshots should match snapshot with error state 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "Error TextArea",
+      ],
+      "props": {
+        "style": {
+          "color": "#1C1C1C",
+          "fontSize": 14,
+          "fontWeight": 600,
+          "lineHeight": 22.4,
+        },
+      },
+      "type": "Text",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": [
+            {
+              "$$typeof": Symbol(react.test.json),
+              "children": [
+                "This field is required",
+              ],
+              "props": {
+                "style": {
+                  "color": "#BD1111",
+                  "fontSize": 12,
+                },
+              },
+              "type": "Text",
+            },
+          ],
+          "props": {
+            "style": {
+              "marginLeft": 4,
+            },
+            "testID": undefined,
+          },
+          "type": "View",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "center",
+          "flexDirection": "row",
+          "marginVertical": 2,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": null,
+          "props": {
+            "accessibilityHint": "Enter text here",
+            "accessibilityState": {
+              "disabled": undefined,
+            },
+            "aria-label": "Text input field",
+            "autoCapitalize": "sentences",
+            "autoCorrect": true,
+            "blurOnSubmit": true,
+            "enterKeyHint": undefined,
+            "keyboardType": "default",
+            "multiline": true,
+            "numberOfLines": 1,
+            "onBlur": [Function],
+            "onChangeText": [class Function],
+            "onContentSizeChange": [Function],
+            "onFocus": [Function],
+            "onSubmitEditing": [Function],
+            "placeholder": undefined,
+            "placeholderTextColor": "#686868",
+            "readOnly": undefined,
+            "ref": [Function],
+            "secureTextEntry": false,
+            "style": {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 40,
+              "paddingVertical": 0,
+              "width": "100%",
+            },
+            "testID": undefined,
+            "textContentType": "none",
+            "underlineColorAndroid": "transparent",
+            "value": "",
+          },
+          "type": "TextInput",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "center",
+          "backgroundColor": "#FFFFFF",
+          "borderColor": "#D33232",
+          "borderRadius": 4,
+          "borderWidth": 1,
+          "flexDirection": "row",
+          "overflow": "hidden",
+          "paddingHorizontal": 12,
+          "paddingVertical": 8,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "flexDirection": "column",
+      "width": "100%",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;
+
+exports[`TextArea snapshots should match snapshot with multiline content 1`] = `
+{
+  "$$typeof": Symbol(react.test.json),
+  "children": [
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        "Multiline Content",
+      ],
+      "props": {
+        "style": {
+          "color": "#1C1C1C",
+          "fontSize": 14,
+          "fontWeight": 600,
+          "lineHeight": 22.4,
+        },
+      },
+      "type": "Text",
+    },
+    {
+      "$$typeof": Symbol(react.test.json),
+      "children": [
+        {
+          "$$typeof": Symbol(react.test.json),
+          "children": null,
+          "props": {
+            "accessibilityHint": "Enter text here",
+            "accessibilityState": {
+              "disabled": undefined,
+            },
+            "aria-label": "Text input field",
+            "autoCapitalize": "sentences",
+            "autoCorrect": true,
+            "blurOnSubmit": true,
+            "enterKeyHint": undefined,
+            "keyboardType": "default",
+            "multiline": true,
+            "numberOfLines": 4,
+            "onBlur": [Function],
+            "onChangeText": [class Function],
+            "onContentSizeChange": [Function],
+            "onFocus": [Function],
+            "onSubmitEditing": [Function],
+            "placeholder": undefined,
+            "placeholderTextColor": "#686868",
+            "readOnly": undefined,
+            "ref": [Function],
+            "secureTextEntry": false,
+            "style": {
+              "color": "#1C1C1C",
+              "flex": 1,
+              "fontFamily": "text",
+              "fontSize": 16,
+              "gap": 10,
+              "height": 160,
+              "paddingVertical": 0,
+              "width": "100%",
+            },
+            "testID": undefined,
+            "textContentType": "none",
+            "underlineColorAndroid": "transparent",
+            "value": "Line 1\\nLine 2\\nLine 3",
+          },
+          "type": "TextInput",
+        },
+      ],
+      "props": {
+        "style": {
+          "alignItems": "center",
+          "backgroundColor": "#FFFFFF",
+          "borderColor": "#9A9A9A",
+          "borderRadius": 4,
+          "borderWidth": 1,
+          "flexDirection": "row",
+          "overflow": "hidden",
+          "paddingHorizontal": 12,
+          "paddingVertical": 8,
+        },
+        "testID": undefined,
+      },
+      "type": "View",
+    },
+  ],
+  "props": {
+    "style": {
+      "flexDirection": "column",
+      "width": "100%",
+    },
+    "testID": undefined,
+  },
+  "type": "View",
+}
+`;