@stella-source/stellasource-dsl 0.1.3 → 0.1.5

package/dist/cjs/index.js

@@ -17751,13 +17751,15 @@ const Loader = ({ size = 14, dataTestId, color, className, id, }) => {
     return (a$i.createElement(CustomLoader, { "data-testid": dataTestId, size: size, weight: "bold", color: color ?? "var(--primary)", className: className, id: id }));
 };
 
-const StellaButton = ({ disabled, variant = "primary", label, startIcon, endIcon, isLoading = false, className, id, htmlProps, onClick, }) => {
+const StellaButton = ({ disabled, variant = "primary", label, startIcon, endIcon, isLoading = false, className, id, htmlProps, onClick, preventDefault = true, type = "button", }) => {
     const getIcon = (iconType, dataTestId) => {
         return a$i.createElement(StellaIcon, { iconName: iconType, dataTestId: dataTestId, size: 14 });
     };
-    return (a$i.createElement(ButtonComponent, { "$variant": variant, "$isLoading": isLoading, disabled: disabled, className: className, id: id, onClick: () => {
-            onClick();
-        }, ...htmlProps },
+    const handleClick = (e) => {
+        preventDefault && e.preventDefault();
+        onClick?.(e);
+    };
+    return (a$i.createElement(ButtonComponent, { "$variant": variant, "$isLoading": isLoading, type: type, disabled: disabled, className: className, id: id, onClick: handleClick, ...htmlProps },
         startIcon && getIcon(startIcon, "start-icon"),
         label.toUpperCase(),
         isLoading && a$i.createElement(Loader, { dataTestId: "loader", size: 14 }),
@@ -17881,9 +17883,9 @@ const IconContainer = dt.div `
 `;
 
 const TextFieldContainer = ({ id, label, children, tooltipText, endIcon, className, rightCategory, leftCategory, helperText, dataTestId, helperTextAffectLayout = true, disabled = false, hideLabel = false, isLoading = false, hasError = false, isRequired = false, }) => {
-    return (a$i.createElement(Wrapper, { "data-testId": dataTestId },
+    return (a$i.createElement(Wrapper, { "data-testId": dataTestId, className: className },
         a$i.createElement(Label, { tooltipText: tooltipText, required: isRequired, labelValue: label, hideLabel: hideLabel, id: `${id}-label`, htmlFor: `${id}-text-field` }),
-        a$i.createElement(TextFieldWrapper, { id: id, className: className, "data-testid": "text-field-wrapper", "$hasError": hasError, "$isDisabled": disabled, "$isLoading": isLoading },
+        a$i.createElement(TextFieldWrapper, { id: id, "$hasError": hasError, "$isDisabled": disabled, "$isLoading": isLoading, "data-testid": "text-input-wrapper" },
             leftCategory && a$i.createElement(Category, null, leftCategory),
             children,
             isLoading && (a$i.createElement(IconContainer, null,