@stella-source/stellasource-dsl 0.1.3 → 0.1.5

package/dist/cjs/types/components/StellaButton/StellaButton.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { StellaButtonProps } from "./types";
-declare const StellaButton: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, }: StellaButtonProps) => React.JSX.Element;
+declare const StellaButton: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, preventDefault, type, }: StellaButtonProps) => React.JSX.Element;
 export default StellaButton;

package/dist/cjs/types/components/StellaButton/StellaButton.stories.d.ts

@@ -2,7 +2,7 @@ import { StellaButtonVariant } from "./types";
 import { StellaButtonIcons, StellaButtonProps } from "./types";
 declare const _default: {
     title: string;
-    component: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, }: StellaButtonProps) => import("react").JSX.Element;
+    component: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, preventDefault, type, }: StellaButtonProps) => import("react").JSX.Element;
     tags: string[];
     parameters: {};
     argTypes: {

package/dist/cjs/types/components/StellaButton/types.d.ts

@@ -10,13 +10,15 @@ export declare enum StellaButtonVariant {
 }
 export interface StellaButtonProps {
     label: string;
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     id?: string;
+    type?: "button" | "submit" | "reset";
     className?: string;
     isLoading?: boolean;
     startIcon?: `${StellaButtonIcons}`;
     endIcon?: `${StellaButtonIcons}`;
     disabled?: boolean;
+    preventDefault?: boolean;
     variant?: `${StellaButtonVariant}`;
     htmlProps?: HTMLAttributes<HTMLButtonElement>;
 }

package/dist/esm/index.esm.js

@@ -17731,13 +17731,15 @@ const Loader = ({ size = 14, dataTestId, color, className, id, }) => {
     return (a__default.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__default.createElement(StellaIcon, { iconName: iconType, dataTestId: dataTestId, size: 14 });
     };
-    return (a__default.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__default.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__default.createElement(Loader, { dataTestId: "loader", size: 14 }),
@@ -17861,9 +17863,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__default.createElement(Wrapper, { "data-testId": dataTestId },
+    return (a__default.createElement(Wrapper, { "data-testId": dataTestId, className: className },
         a__default.createElement(Label, { tooltipText: tooltipText, required: isRequired, labelValue: label, hideLabel: hideLabel, id: `${id}-label`, htmlFor: `${id}-text-field` }),
-        a__default.createElement(TextFieldWrapper, { id: id, className: className, "data-testid": "text-field-wrapper", "$hasError": hasError, "$isDisabled": disabled, "$isLoading": isLoading },
+        a__default.createElement(TextFieldWrapper, { id: id, "$hasError": hasError, "$isDisabled": disabled, "$isLoading": isLoading, "data-testid": "text-input-wrapper" },
             leftCategory && a__default.createElement(Category, null, leftCategory),
             children,
             isLoading && (a__default.createElement(IconContainer, null,