zavadil-react-common 2.1.12 → 2.1.13

package/src/component/forms/IconButton.tsx

@@ -1,26 +1,39 @@
-import {Button} from "react-bootstrap";
-import {PropsWithChildren, ReactNode} from "react";
-import {ButtonVariant} from "react-bootstrap/types";
-
-export type IconButtonProps = {
-	disabled?: boolean;
-	onClick: () => any;
-	size?: "sm" | "lg";
-	icon?: ReactNode;
-	variant?: ButtonVariant;
-};
-
-export function IconButton({disabled, variant, icon, size, children, onClick}: PropsWithChildren<IconButtonProps>) {
-	return (
-		<Button disabled={disabled === true} size={size} onClick={onClick} variant={variant}>
-			<div className="d-flex align-items-center gap-2">
-				{icon}
-				{
-					children && <div>{children}</div>
-				}
-			</div>
-		</Button>
-	);
-}
-
-export default IconButton;
+import { Button } from "react-bootstrap";
+import { PropsWithChildren, ReactNode } from "react";
+import { ButtonVariant } from "react-bootstrap/types";
+
+export type IconButtonProps = {
+  disabled?: boolean;
+  onClick?: () => any;
+  size?: "sm" | "lg";
+  icon?: ReactNode;
+  variant?: ButtonVariant;
+  type?: "submit" | "reset" | "button" | undefined;
+};
+
+export function IconButton({
+  disabled,
+  variant,
+  icon,
+  size,
+  children,
+  type,
+  onClick,
+}: PropsWithChildren<IconButtonProps>) {
+  return (
+    <Button
+      disabled={disabled === true}
+      size={size}
+      onClick={onClick}
+      variant={variant}
+      type={type}
+    >
+      <div className="d-flex align-items-center gap-2">
+        {icon}
+        {children && <div>{children}</div>}
+      </div>
+    </Button>
+  );
+}
+
+export default IconButton;

package/src/component/forms/LoadingButton.tsx

@@ -1,17 +1,43 @@
-import {Spinner} from "react-bootstrap";
-import {PropsWithChildren} from "react";
-import {IconButton, IconButtonProps} from "./IconButton";
-
-export type ActiveButtonProps = IconButtonProps & {
-	loading?: boolean;
-};
-
-export function LoadingButton({disabled, icon, loading, children, size, variant, onClick}: PropsWithChildren<ActiveButtonProps>) {
-	return (
-		(loading === true) ?
-			<IconButton disabled={true} onClick={onClick} size={size} variant={variant} icon={<Spinner size="sm"/>}>{children}</IconButton>
-			: <IconButton disabled={disabled} onClick={onClick} icon={icon} size={size} variant={variant}>{children}</IconButton>
-	);
-}
-
-export default LoadingButton;
+import { Spinner } from "react-bootstrap";
+import { PropsWithChildren } from "react";
+import { IconButton, IconButtonProps } from "./IconButton";
+
+export type ActiveButtonProps = IconButtonProps & {
+  loading?: boolean;
+};
+
+export function LoadingButton({
+  disabled,
+  icon,
+  loading,
+  children,
+  size,
+  variant,
+  type,
+  onClick,
+}: PropsWithChildren<ActiveButtonProps>) {
+  return loading === true ? (
+    <IconButton
+      disabled={true}
+      onClick={onClick}
+      size={size}
+      variant={variant}
+      type={type}
+      icon={<Spinner size="sm" />}
+    >
+      {children}
+    </IconButton>
+  ) : (
+    <IconButton
+      disabled={disabled}
+      onClick={onClick}
+      icon={icon}
+      size={size}
+      variant={variant}
+    >
+      {children}
+    </IconButton>
+  );
+}
+
+export default LoadingButton;