@app-studio/web 0.3.54 → 0.3.56

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,12 +1,12 @@
 /// <reference types="react" />
 import { TextAreaProps } from './TextArea.props';
-export declare const useTextAreaState: ({ label, placeholder, 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;
     setIsHovered: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    value: string;
-    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    value: string | number;
+    setValue: import("react").Dispatch<import("react").SetStateAction<string | number>>;
     isFocused: boolean;
     setIsFocused: import("react").Dispatch<import("react").SetStateAction<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, defaultValue }: TextFieldProps) => {
+export declare const useTextFieldState: ({ label, placeholder, }: 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<any>;
-    value: any;
+    setValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    value: string;
 };

package/dist/web.cjs.development.js

@@ -3349,8 +3349,7 @@ var DatePicker = DatePickerComponent;
 
 var useTextFieldState = function useTextFieldState(_ref) {
   var label = _ref.label,
-    placeholder = _ref.placeholder,
-    defaultValue = _ref.defaultValue;
+    placeholder = _ref.placeholder;
   var _useState = React.useState(label != null ? label : placeholder),
     hint = _useState[0],
     setHint = _useState[1];
@@ -3360,7 +3359,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(''),
     value = _useState4[0],
     setValue = _useState4[1];
   React.useMemo(function () {
@@ -3386,10 +3385,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__default.createElement(appStudio.Input, Object.assign({
     type: "text"
@@ -3478,7 +3477,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 +3502,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('');
@@ -3542,7 +3537,6 @@ var TextFieldView = function TextFieldView(_ref) {
   }, styles), label), React__default.createElement(TextFieldInput, Object.assign({
     id: id,
     name: name,
-    value: value,
     readOnly: isReadOnly,
     disabled: isDisabled,
     autoFocus: isAutoFocus,
@@ -3551,9 +3545,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__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 +3569,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, {
@@ -4210,7 +4203,7 @@ var Switch = SwitchComponent;
 var useTextAreaState = function useTextAreaState(_ref) {
   var label = _ref.label,
     placeholder = _ref.placeholder,
-    defaultValue = _ref.defaultValue;
+    defaultValue = _ref.value;
   var _useState = React.useState(label != null ? label : placeholder),
     hint = _useState[0],
     setHint = _useState[1];
@@ -4238,7 +4231,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,