@app-studio/web 0.8.6 → 0.8.8

package/dist/web.esm.js

@@ -2,7 +2,7 @@ import React, { useRef, useState, useEffect, useCallback, useMemo, createContext
 import { View as View$1, Element, Typography, Image, useTheme, Input, Form } from 'app-studio';
 import { Link as Link$1 } from 'react-router-dom';
 import format from 'date-fns/format';
-import { useFormikContext } from 'formik';
+import { useFormikContext, getIn } from 'formik';
 import { create } from 'zustand';
 
 var Top = function Top(props) {
@@ -1857,7 +1857,7 @@ var LabelComponent = function LabelComponent(props) {
 var Label = LabelComponent;
 // Export the 'LabelComponent' as 'Label' to be reused throughout the project.
 
-var _excluded$p = ["children", "size", "error", "color", "styles"];
+var _excluded$p = ["children", "size", "error", "color", "styles", "helperText"];
 var FieldLabel = function FieldLabel(_ref) {
   var children = _ref.children,
     _ref$size = _ref.size,
@@ -2409,7 +2409,7 @@ var SliderPadding = {
   }
 };
 
-var _excluded$s = ["id", "name", "label", "inActiveChild", "activeChild", "labelPosition", "shadow", "size", "colorScheme", "value", "isHovered", "isDisabled", "isReadOnly", "on", "setOn", "onChange", "setValue", "setIsHovered", "styles"];
+var _excluded$s = ["id", "name", "label", "inActiveChild", "activeChild", "labelPosition", "shadow", "size", "colorScheme", "value", "isHovered", "isDisabled", "isReadOnly", "on", "setOn", "onChange", "setValue", "setIsHovered", "helperText", "styles"];
 var SwitchContent = function SwitchContent(props) {
   return React.createElement(Input, Object.assign({
     type: "checkbox"
@@ -2966,7 +2966,7 @@ var IconSizes$3 = {
   '6xl': 60
 };
 
-var _excluded$v = ["id", "icon", "name", "label", "isChecked", "onChange", "onValueChange", "shadow", "labelPosition", "size", "colorScheme", "error", "isSelected", "isHovered", "isDisabled", "isReadOnly", "isIndeterminate", "defaultIsSelected", "setIsSelected", "setIsHovered", "styles", "infoText"];
+var _excluded$v = ["id", "icon", "name", "label", "isChecked", "onChange", "onValueChange", "shadow", "labelPosition", "size", "colorScheme", "error", "isSelected", "isHovered", "isDisabled", "isReadOnly", "isIndeterminate", "defaultIsSelected", "setIsSelected", "setIsHovered", "styles", "infoText", "helperText"];
 var CheckboxView = function CheckboxView(_ref) {
   var id = _ref.id,
     icon = _ref.icon,
@@ -5133,7 +5133,6 @@ var useFormikInput = function useFormikInput(_ref) {
     values = _useFormikContext.values,
     setFieldTouched = _useFormikContext.setFieldTouched,
     setFieldValue = _useFormikContext.setFieldValue;
-  var error = touched[name] || submitCount > 0 ? errors[name] : undefined;
   var onChangeText = function onChangeText(text) {
     setFieldValue(name, text);
     props.onChangeText == null || props.onChangeText(text);
@@ -5154,8 +5153,10 @@ var useFormikInput = function useFormikInput(_ref) {
     }
   };
   var isText = ['text', 'password', 'email', 'digits'].includes(type);
+  var error = getIn(touched, name) || submitCount > 0 ? getIn(errors, name) : undefined;
+  var value = getIn(values, name);
   return _extends({}, getInputTypeProps(type), props, {
-    value: values[name],
+    value: value,
     error: error,
     onBlur: handleBlur,
     onKeyPress: handleKeyPress