@app-studio/web 0.8.52 → 0.8.53

package/dist/web.umd.development.js

@@ -2378,7 +2378,7 @@
   // 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;
@@ -2389,7 +2389,7 @@
         // 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,
@@ -2411,7 +2411,8 @@
         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);
@@ -2464,7 +2465,7 @@
         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 = {
@@ -2494,11 +2495,11 @@
     }, 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);
   };
 
@@ -2865,7 +2866,8 @@
       } = _ref,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
     return /*#__PURE__*/React__default.createElement(Vertical, Object.assign({
-      width: "100%"
+      width: "100%",
+      maxWidth: '100%'
     }, props), children);
   };
 
@@ -3645,7 +3647,7 @@
     };
   };
 
-  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));
@@ -3657,8 +3659,8 @@
         hint,
         value,
         onChange,
-        leftChild,
-        rightChild,
+        left,
+        right,
         helperText,
         onChangeText,
         shadow = {},
@@ -3767,7 +3769,7 @@
       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
@@ -3784,11 +3786,11 @@
     }, 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 => {
@@ -5847,7 +5849,7 @@
     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);
@@ -6000,7 +6002,7 @@
       onChange: value => handleSearch(value),
       hint: placeholder,
       isClearable: false,
-      leftChild: /*#__PURE__*/React__default.createElement(SearchIcon, {
+      left: /*#__PURE__*/React__default.createElement(SearchIcon, {
         size: 12
       }),
       styles: {
@@ -6304,7 +6306,7 @@
     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);