@app-studio/web 0.3.54 → 0.3.56

package/dist/web.esm.js

@@ -3342,8 +3342,7 @@ var DatePicker = DatePickerComponent;
 
 var useTextFieldState = function useTextFieldState(_ref) {
   var label = _ref.label,
-    placeholder = _ref.placeholder,
-    defaultValue = _ref.defaultValue;
+    placeholder = _ref.placeholder;
   var _useState = useState(label != null ? label : placeholder),
     hint = _useState[0],
     setHint = _useState[1];
@@ -3353,7 +3352,7 @@ var useTextFieldState = function useTextFieldState(_ref) {
   var _useState3 = useState(false),
     isHovered = _useState3[0],
     setIsHovered = _useState3[1];
-  var _useState4 = useState(defaultValue || ''),
+  var _useState4 = useState(''),
     value = _useState4[0],
     setValue = _useState4[1];
   useMemo(function () {
@@ -3379,10 +3378,10 @@ var usePasswordState = function usePasswordState(props) {
   return _extends({
     isVisible: isVisible,
     setIsVisible: setIsVisible
-  }, textFieldStates);
+  }, props, textFieldStates);
 };
 
-var _excluded$p = ["id", "name", "label", "hint", "value", "onChange", "leftChild", "rightChild", "helperText", "placeholder", "type", "onChangeText", "shadow", "styles", "size", "shape", "variant", "colorScheme", "error", "isFocused", "isHovered", "isDisabled", "isReadOnly", "isClearable", "isAutoFocus", "setHint", "setIsFocused", "setIsHovered", "setValue", "onClick", "onFocus", "onBlur"];
+var _excluded$p = ["id", "name", "label", "hint", "value", "onChange", "leftChild", "rightChild", "helperText", "placeholder", "onChangeText", "shadow", "styles", "size", "shape", "variant", "colorScheme", "error", "isFocused", "isHovered", "isDisabled", "isReadOnly", "isClearable", "isAutoFocus", "setHint", "setIsFocused", "setIsHovered", "setValue", "onClick", "onFocus", "onBlur"];
 var TextFieldInput = function TextFieldInput(props) {
   return React.createElement(Input, Object.assign({
     type: "text"
@@ -3471,7 +3470,7 @@ var TextFieldView = function TextFieldView(_ref) {
     return setIsHovered(!isHovered);
   };
   var handleBlur = function handleBlur(event) {
-    onBlur(event);
+    if (onBlur) onBlur(event);
     setIsFocused(false);
   };
   var handleChange = function handleChange(event) {
@@ -3496,12 +3495,8 @@ var TextFieldView = function TextFieldView(_ref) {
           name: name
         }
       });
-      onChange({
-        target: {
-          name: name,
-          value: ''
-        }
-      });
+      if (onChangeText) onChangeText('');
+      if (onChange) onChange('');
     }
     //for ios and android
     if (typeof document === 'undefined' && onChangeText) onChangeText('');
@@ -3535,7 +3530,6 @@ var TextFieldView = function TextFieldView(_ref) {
   }, styles), label), React.createElement(TextFieldInput, Object.assign({
     id: id,
     name: name,
-    value: value,
     readOnly: isReadOnly,
     disabled: isDisabled,
     autoFocus: isAutoFocus,
@@ -3544,9 +3538,8 @@ var TextFieldView = function TextFieldView(_ref) {
     onBlur: handleBlur,
     autoComplete: "off"
   }, fieldStyles, props, {
-    onChange: handleChange
-  }, onChange && {
-    onChange: handleChange
+    onChange: handleChange,
+    value: value
   }))), (rightChild || isClearable && value) && React.createElement(FieldIcons, null, rightChild && React.createElement(React.Fragment, null, rightChild), isClearable && value && !isReadOnly && !isDisabled && React.createElement(CloseSvg, {
     size: Typography.fontSizes[size],
     color: IconColor,
@@ -3569,8 +3562,8 @@ var PasswordComponent = function PasswordComponent(_ref) {
   var _usePasswordState = usePasswordState(props),
     isVisible = _usePasswordState.isVisible,
     setIsVisible = _usePasswordState.setIsVisible,
-    passwordState = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$1);
-  return React.createElement(TextFieldView, Object.assign({}, props, passwordState, {
+    passwordProps = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$1);
+  return React.createElement(TextFieldView, Object.assign({}, passwordProps, {
     type: isVisible ? 'text' : 'password',
     isClearable: false,
     rightChild: React.createElement(View$1, {
@@ -4203,7 +4196,7 @@ var Switch = SwitchComponent;
 var useTextAreaState = function useTextAreaState(_ref) {
   var label = _ref.label,
     placeholder = _ref.placeholder,
-    defaultValue = _ref.defaultValue;
+    defaultValue = _ref.value;
   var _useState = useState(label != null ? label : placeholder),
     hint = _useState[0],
     setHint = _useState[1];
@@ -4231,7 +4224,7 @@ var useTextAreaState = function useTextAreaState(_ref) {
   };
 };
 
-var _excluded$t = ["id", "name", "hint", "error", "value", "label", "shadow", "helperText", "placeholder", "defaultValue", "size", "shape", "variant", "colorScheme", "isHovered", "isFocused", "isEditable", "isReadOnly", "isDisabled", "isAutoFocus", "isMultiline", "maxRows", "maxCols", "onBlur", "onChange", "onFocus", "onChangeText", "setHint", "setValue", "setIsFocused", "setIsHovered", "styles"];
+var _excluded$t = ["id", "name", "hint", "error", "value", "label", "shadow", "helperText", "placeholder", "size", "shape", "variant", "colorScheme", "isHovered", "isFocused", "isEditable", "isReadOnly", "isDisabled", "isAutoFocus", "isMultiline", "maxRows", "maxCols", "onBlur", "onChange", "onFocus", "onChangeText", "setHint", "setValue", "setIsFocused", "setIsHovered", "styles"];
 var TextAreaView = function TextAreaView(_ref) {
   var id = _ref.id,
     name = _ref.name,