@app-studio/web 0.8.52 → 0.8.53

package/dist/web.esm.js

@@ -2384,7 +2384,7 @@ React.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;
@@ -2395,7 +2395,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,
@@ -2417,7 +2417,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);
@@ -2470,7 +2471,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 = {
@@ -2500,11 +2501,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.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.createElement(Link, {
+    to: to,
     textDecorationColor: colorScheme,
     colorScheme: colorScheme,
-    isExternal: true
+    isExternal: isExternal
   }, content)) : content);
 };
 
@@ -2871,7 +2872,8 @@ var FieldWrapper = _ref => {
     } = _ref,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   return /*#__PURE__*/React.createElement(Vertical, Object.assign({
-    width: "100%"
+    width: "100%",
+    maxWidth: '100%'
   }, props), children);
 };
 
@@ -3651,7 +3653,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.createElement(Input, Object.assign({
   type: "text"
 }, props));
@@ -3663,8 +3665,8 @@ var TextFieldView = _ref => {
       hint,
       value,
       onChange,
-      leftChild,
-      rightChild,
+      left,
+      right,
       helperText,
       onChangeText,
       shadow = {},
@@ -3773,7 +3775,7 @@ var TextFieldView = _ref => {
     colorScheme: colorScheme,
     onMouseEnter: handleHover,
     onMouseLeave: handleHover
-  }, leftChild, /*#__PURE__*/React.createElement(FieldWrapper, null, isWithLabel && (/*#__PURE__*/React.createElement(FieldLabel, Object.assign({
+  }, left, /*#__PURE__*/React.createElement(FieldWrapper, null, isWithLabel && (/*#__PURE__*/React.createElement(FieldLabel, Object.assign({
     htmlFor: id,
     color: colorScheme,
     error: error
@@ -3790,11 +3792,11 @@ var TextFieldView = _ref => {
   }, fieldStyles, props, {
     onChange: handleChange,
     value: value
-  }))), (rightChild || isClearable && value) && (/*#__PURE__*/React.createElement(FieldIcons, null, isClearable && value && !isReadOnly && !isDisabled && (/*#__PURE__*/React.createElement(CloseIcon, {
+  }))), isClearable && value && !isReadOnly && !isDisabled && (/*#__PURE__*/React.createElement(FieldIcons, null, /*#__PURE__*/React.createElement(CloseIcon, {
     size: Typography.fontSizes[size],
     color: IconColor,
     onClick: handleClear
-  })), rightChild && /*#__PURE__*/React.createElement(React.Fragment, null, rightChild)))));
+  }))), right));
 };
 
 var TextFieldComponent = props => {
@@ -5853,7 +5855,7 @@ var PasswordComponent = _ref => {
   return /*#__PURE__*/React.createElement(TextFieldView, Object.assign({}, passwordProps, {
     type: isVisible ? 'text' : 'password',
     isClearable: false,
-    rightChild: /*#__PURE__*/React.createElement(View$1, {
+    right: /*#__PURE__*/React.createElement(View$1, {
       onClick: () => {
         if (!props.isDisabled) {
           setIsVisible(!isVisible);
@@ -6006,7 +6008,7 @@ var ComboBoxView = _ref => {
     onChange: value => handleSearch(value),
     hint: placeholder,
     isClearable: false,
-    leftChild: /*#__PURE__*/React.createElement(SearchIcon, {
+    left: /*#__PURE__*/React.createElement(SearchIcon, {
       size: 12
     }),
     styles: {
@@ -6310,7 +6312,7 @@ var PasswordComponent$1 = _ref => {
   return /*#__PURE__*/React.createElement(TextFieldView, Object.assign({}, passwordProps, {
     type: isVisible ? 'text' : 'password',
     isClearable: false,
-    rightChild: /*#__PURE__*/React.createElement(View$1, {
+    right: /*#__PURE__*/React.createElement(View$1, {
       onClick: () => {
         if (!props.isDisabled) {
           setIsVisible(!isVisible);