@app-studio/web 0.8.52 → 0.8.53

package/dist/components/Button/Button/Button.props.d.ts

@@ -6,7 +6,7 @@ import { LoaderProps } from '../../Loader/Loader/Loader.props';
 export interface ButtonProps extends Omit<$ButtonProps, 'size'> {
     children?: React.ReactNode;
     colorScheme?: any;
-    externalHref?: string;
+    to?: string;
     isLoading?: boolean;
     loaderProps?: LoaderProps;
     loaderPosition?: LoaderPosition;

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

@@ -9,8 +9,8 @@ export interface TextFieldProps extends Omit<InputProps, 'size'> {
     name?: string;
     label?: string;
     colorScheme?: string;
-    leftChild?: React.ReactNode;
-    rightChild?: React.ReactNode;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
     placeholder?: string;
     isReadOnly?: boolean;
     isDisabled?: boolean;

package/dist/web.cjs.development.js

@@ -2391,7 +2391,7 @@ React__default.createElement(LoaderView, Object.assign({}, props)));
 // Exports the LoaderComponent as Loader, making it available for use in other parts of the application.
 var Loader = LoaderComponent;
 
-var _excluded$9 = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered", "setIsHovered"];
+var _excluded$9 = ["icon", "shadow", "children", "ariaLabel", "to", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition", "effect", "isHovered", "setIsHovered", "isExternal"];
 var contrast = /*#__PURE__*/require('contrast');
 var ButtonView = _ref => {
   var _props$onClick;
@@ -2402,7 +2402,7 @@ var ButtonView = _ref => {
       // Defines the functional component ButtonView with its expected props detailed in ButtonProps.
       ariaLabel,
       // Initializes default values for the ButtonProps object; useful for defining states like isAuto, isFilled, etc.
-      externalHref,
+      to,
       isAuto = false,
       // Determines if button should be active based on isDisabled and isLoading properties.
       isFilled = false,
@@ -2424,7 +2424,8 @@ var ButtonView = _ref => {
       loaderPosition = 'left',
       effect = 'default',
       isHovered,
-      setIsHovered = () => {}
+      setIsHovered = () => {},
+      isExternal = false
       // Defines CSS properties for 'outline' variant of the button with conditional styles based on reverse state.
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
@@ -2477,7 +2478,7 @@ var ButtonView = _ref => {
       borderColor: reverse ? buttonColor : 'transparent'
     }
   };
-  // Executes rendering of the button or a link element based on the variant; applies conditional rendering for externalHref in 'link' variant.
+  // Executes rendering of the button or a link element based on the variant; applies conditional rendering for to in 'link' variant.
   var buttonSizeStyles = ButtonSizes[size];
   var buttonVariant = ButtonVariants[variant];
   var scaleWidth = {
@@ -2507,11 +2508,11 @@ var ButtonView = _ref => {
   }, hovering && !props.isDisabled ? {
     transition: 'transform 0.3s ease',
     transform: 'translateY(-5px)'
-  } : {}, defaultNativeProps, buttonSizeStyles, buttonVariant, scaleWidth, props.padding || props.paddingHorizontal || props.paddingVertical || props.paddingLeft || props.paddingRight || props.paddingTop || props.paddingBottom ? {} : changePadding, shadow, props), variant === 'link' && externalHref ? (/*#__PURE__*/React__default.createElement(Link, {
-    to: externalHref,
+  } : {}, defaultNativeProps, buttonSizeStyles, buttonVariant, scaleWidth, props.padding || props.paddingHorizontal || props.paddingVertical || props.paddingLeft || props.paddingRight || props.paddingTop || props.paddingBottom ? {} : changePadding, shadow, props), variant === 'link' && to ? (/*#__PURE__*/React__default.createElement(Link, {
+    to: to,
     textDecorationColor: colorScheme,
     colorScheme: colorScheme,
-    isExternal: true
+    isExternal: isExternal
   }, content)) : content);
 };
 
@@ -2878,7 +2879,8 @@ var FieldWrapper = _ref => {
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   return /*#__PURE__*/React__default.createElement(Vertical, Object.assign({
-    width: "100%"
+    width: "100%",
+    maxWidth: '100%'
   }, props), children);
 };
 
@@ -3658,7 +3660,7 @@ var useTextFieldState = _ref => {
   };
 };
 
-var _excluded$l = ["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 _excluded$l = ["id", "name", "label", "hint", "value", "onChange", "left", "right", "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 = props => /*#__PURE__*/React__default.createElement(appStudio.Input, Object.assign({
   type: "text"
 }, props));
@@ -3670,8 +3672,8 @@ var TextFieldView = _ref => {
       hint,
       value,
       onChange,
-      leftChild,
-      rightChild,
+      left,
+      right,
       helperText,
       onChangeText,
       shadow = {},
@@ -3780,7 +3782,7 @@ var TextFieldView = _ref => {
     colorScheme: colorScheme,
     onMouseEnter: handleHover,
     onMouseLeave: handleHover
-  }, leftChild, /*#__PURE__*/React__default.createElement(FieldWrapper, null, isWithLabel && (/*#__PURE__*/React__default.createElement(FieldLabel, Object.assign({
+  }, left, /*#__PURE__*/React__default.createElement(FieldWrapper, null, isWithLabel && (/*#__PURE__*/React__default.createElement(FieldLabel, Object.assign({
     htmlFor: id,
     color: colorScheme,
     error: error
@@ -3797,11 +3799,11 @@ var TextFieldView = _ref => {
   }, fieldStyles, props, {
     onChange: handleChange,
     value: value
-  }))), (rightChild || isClearable && value) && (/*#__PURE__*/React__default.createElement(FieldIcons, null, isClearable && value && !isReadOnly && !isDisabled && (/*#__PURE__*/React__default.createElement(CloseIcon, {
+  }))), isClearable && value && !isReadOnly && !isDisabled && (/*#__PURE__*/React__default.createElement(FieldIcons, null, /*#__PURE__*/React__default.createElement(CloseIcon, {
     size: appStudio.Typography.fontSizes[size],
     color: IconColor,
     onClick: handleClear
-  })), rightChild && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, rightChild)))));
+  }))), right));
 };
 
 var TextFieldComponent = props => {
@@ -5860,7 +5862,7 @@ var PasswordComponent = _ref => {
   return /*#__PURE__*/React__default.createElement(TextFieldView, Object.assign({}, passwordProps, {
     type: isVisible ? 'text' : 'password',
     isClearable: false,
-    rightChild: /*#__PURE__*/React__default.createElement(appStudio.View, {
+    right: /*#__PURE__*/React__default.createElement(appStudio.View, {
       onClick: () => {
         if (!props.isDisabled) {
           setIsVisible(!isVisible);
@@ -6013,7 +6015,7 @@ var ComboBoxView = _ref => {
     onChange: value => handleSearch(value),
     hint: placeholder,
     isClearable: false,
-    leftChild: /*#__PURE__*/React__default.createElement(SearchIcon, {
+    left: /*#__PURE__*/React__default.createElement(SearchIcon, {
       size: 12
     }),
     styles: {
@@ -6317,7 +6319,7 @@ var PasswordComponent$1 = _ref => {
   return /*#__PURE__*/React__default.createElement(TextFieldView, Object.assign({}, passwordProps, {
     type: isVisible ? 'text' : 'password',
     isClearable: false,
-    rightChild: /*#__PURE__*/React__default.createElement(appStudio.View, {
+    right: /*#__PURE__*/React__default.createElement(appStudio.View, {
       onClick: () => {
         if (!props.isDisabled) {
           setIsVisible(!isVisible);