@app-studio/web 0.3.37 → 0.3.39

package/dist/web.esm.js

@@ -1,6 +1,8 @@
 import React, { useState, useRef, useEffect, useMemo, useCallback, Fragment } from 'react';
 import { View as View$1, Element, Typography, useTheme, Input, Image } from 'app-studio';
 import { Link as Link$1 } from 'react-router-dom';
+import { Loader as Loader$1 } from 'src/components/Loader/Loader';
+import { Horizontal as Horizontal$1 } from 'src/components/Layout/Horizontal/Horizontal';
 import format from 'date-fns/format';
 import { create } from 'zustand';
 
@@ -561,7 +563,7 @@ var IconSizes$1 = {
   }
 };
 
-var _excluded$b = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoader", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick"];
+var _excluded$b = ["icon", "shadow", "children", "ariaLabel", "externalHref", "isAuto", "isFilled", "isIconRounded", "isLoading", "isDisabled", "size", "variant", "iconPosition", "colorScheme", "shape", "onClick", "loaderProps", "loaderPosition"];
 var ButtonView = function ButtonView(_ref) {
   var _props$onClick;
   var icon = _ref.icon,
@@ -575,8 +577,8 @@ var ButtonView = function ButtonView(_ref) {
     isFilled = _ref$isFilled === void 0 ? false : _ref$isFilled,
     _ref$isIconRounded = _ref.isIconRounded,
     isIconRounded = _ref$isIconRounded === void 0 ? false : _ref$isIconRounded,
-    _ref$isLoader = _ref.isLoader,
-    isLoader = _ref$isLoader === void 0 ? false : _ref$isLoader,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
     _ref$isDisabled = _ref.isDisabled,
     isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
     _ref$size = _ref.size,
@@ -591,8 +593,12 @@ var ButtonView = function ButtonView(_ref) {
     shape = _ref$shape === void 0 ? 'rounded' : _ref$shape,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    _ref$loaderProps = _ref.loaderProps,
+    loaderProps = _ref$loaderProps === void 0 ? {} : _ref$loaderProps,
+    _ref$loaderPosition = _ref.loaderPosition,
+    loaderPosition = _ref$loaderPosition === void 0 ? 'left' : _ref$loaderPosition,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
-  var isActive = !(isDisabled || isLoader);
+  var isActive = !(isDisabled || isLoading);
   var defaultNativeProps = {
     disabled: !isActive
   };
@@ -629,7 +635,9 @@ var ButtonView = function ButtonView(_ref) {
   var changePadding = {
     padding: isIconRounded ? IconSizes$1[size].padding : ButtonSizes[size].padding
   };
-  var content = React.createElement(React.Fragment, null, icon && iconPosition === 'left' && !isLoader && icon, children, icon && iconPosition === 'right' && !isLoader && icon);
+  var content = React.createElement(Horizontal$1, {
+    gap: 4
+  }, isLoading && loaderPosition === 'left' && React.createElement(Loader$1, Object.assign({}, loaderProps)), icon && iconPosition === 'left' && !isLoading && icon, children, icon && iconPosition === 'right' && !isLoading && icon, isLoading && loaderPosition === 'right' && React.createElement(Loader$1, Object.assign({}, loaderProps)));
   return React.createElement(Element, Object.assign({
     gap: 8,
     as: "button",
@@ -3359,7 +3367,7 @@ var PasswordComponent = function PasswordComponent(_ref) {
     isVisible = _usePasswordState.isVisible,
     setIsVisible = _usePasswordState.setIsVisible,
     passwordState = _objectWithoutPropertiesLoose(_usePasswordState, _excluded2);
-  return React.createElement(TextFieldView, Object.assign({
+  return React.createElement(TextFieldView, Object.assign({}, props, passwordState, {
     type: isVisible ? 'text' : 'password',
     isClearable: false,
     rightChild: React.createElement(View$1, {
@@ -3369,7 +3377,7 @@ var PasswordComponent = function PasswordComponent(_ref) {
         }
       }
     }, isVisible ? visibleIcon : hiddenIcon)
-  }, passwordState, props));
+  }));
 };
 /**
  * To allow users to securely enter sensitive information