@app-studio/web 0.3.55 → 0.3.57

package/dist/components/Form/Password/Password/Password.state.d.ts

@@ -7,8 +7,33 @@ export declare const usePasswordState: (props: PasswordProps) => {
     setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     isHovered: boolean;
     setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setValue: import("react").Dispatch<any>;
-    value: any;
+    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    value: string;
+    name?: string | undefined;
+    isDisabled?: boolean | undefined;
+    visibleIcon?: import("react").ReactNode;
+    hiddenIcon?: import("react").ReactNode;
+    id?: string | undefined;
+    error?: any;
+    helperText?: string | undefined;
+    label?: string | undefined;
+    colorScheme?: string | undefined;
+    leftChild?: import("react").ReactNode;
+    rightChild?: import("react").ReactNode;
+    placeholder?: string | undefined;
+    isReadOnly?: boolean | undefined;
+    isClearable?: boolean | undefined;
+    isAutoFocus?: boolean | undefined;
+    onChange?: ((value: any) => void) | undefined;
+    onChangeText?: ((value: string) => void) | undefined;
+    onBlur?: ((value: any) => void) | undefined;
+    onClick?: (() => void) | undefined;
+    onFocus?: (() => void) | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    shadow?: import("app-studio").Shadow | import("../../../../utils/elevation").Elevation | import("react").CSSProperties | undefined;
+    shape?: "default" | "sharp" | "rounded" | "pillShaped" | undefined;
+    styles?: import("../../TextField/TextField/TextField.type").TextFieldStyles | undefined;
+    variant?: "default" | "outline" | "none" | undefined;
     isVisible: boolean;
     setIsVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
 };

package/dist/components/Form/TextArea/TextArea/TextArea.state.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TextAreaProps } from './TextArea.props';
-export declare const useTextAreaState: ({ label, placeholder, value: defaultValue }: TextAreaProps) => {
+export declare const useTextAreaState: ({ label, placeholder, value: defaultValue, }: TextAreaProps) => {
     hint: string | undefined;
     setHint: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     isHovered: boolean;

package/dist/components/Form/TextField/TextField/TextField.state.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { TextFieldProps } from './TextField.props';
-export declare const useTextFieldState: ({ label, placeholder, value: defaultValue }: TextFieldProps) => {
+export declare const useTextFieldState: ({ label, placeholder, value: defaultValue, }: TextFieldProps) => {
     hint: string | undefined;
     setHint: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     isFocused: boolean;
     setIsFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     isHovered: boolean;
     setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    value: string;
+    setValue: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    value: string | undefined;
 };

package/dist/web.cjs.development.js

@@ -3360,7 +3360,7 @@ var useTextFieldState = function useTextFieldState(_ref) {
   var _useState3 = React.useState(false),
     isHovered = _useState3[0],
     setIsHovered = _useState3[1];
-  var _useState4 = React.useState(defaultValue || ''),
+  var _useState4 = React.useState(defaultValue),
     value = _useState4[0],
     setValue = _useState4[1];
   React.useMemo(function () {
@@ -3386,7 +3386,7 @@ 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", "onChangeText", "shadow", "styles", "size", "shape", "variant", "colorScheme", "error", "isFocused", "isHovered", "isDisabled", "isReadOnly", "isClearable", "isAutoFocus", "setHint", "setIsFocused", "setIsHovered", "setValue", "onClick", "onFocus", "onBlur"];
@@ -3478,7 +3478,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) {
@@ -3503,12 +3503,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('');
@@ -3552,8 +3548,6 @@ var TextFieldView = function TextFieldView(_ref) {
   }, fieldStyles, props, {
     onChange: handleChange,
     value: value
-  }, onChange && {
-    onChange: handleChange
   }))), (rightChild || isClearable && value) && React__default.createElement(FieldIcons, null, rightChild && React__default.createElement(React__default.Fragment, null, rightChild), isClearable && value && !isReadOnly && !isDisabled && React__default.createElement(CloseSvg, {
     size: appStudio.Typography.fontSizes[size],
     color: IconColor,
@@ -3576,8 +3570,8 @@ var PasswordComponent = function PasswordComponent(_ref) {
   var _usePasswordState = usePasswordState(props),
     isVisible = _usePasswordState.isVisible,
     setIsVisible = _usePasswordState.setIsVisible,
-    passwordState = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$1);
-  return React__default.createElement(TextFieldView, Object.assign({}, props, passwordState, {
+    passwordProps = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2$1);
+  return React__default.createElement(TextFieldView, Object.assign({}, passwordProps, {
     type: isVisible ? 'text' : 'password',
     isClearable: false,
     rightChild: React__default.createElement(appStudio.View, {