agroptima-design-system 0.31.2-beta.2 → 0.31.2-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agroptima-design-system",
-  "version": "0.31.2-beta.2",
+  "version": "0.31.2-beta.4",
   "scripts": {
     "dev": "npm run storybook",
     "storybook": "storybook dev -p 6006 --ci",

package/src/atoms/Button/BaseButton.tsx

@@ -4,6 +4,7 @@ import type { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react'
 interface CommonProps {
   disabled?: boolean
   visible?: boolean
+  prefetch?: boolean
 }
 
 type HtmlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>
@@ -20,18 +21,18 @@ const hasHref = (props: HtmlButtonProps | AnchorProps): props is AnchorProps =>
 export function BaseButton({
   children,
   visible = true,
+  prefetch = false,
   ...props
 }: BaseButtonProps) {
   if (!visible) return null
   const isLink = !props.disabled && hasHref(props)
   if (isLink) {
-    const { href, prefetch = false, ...restProps } = props
+    const { href, ...restProps } = props
     return (
       <NextLink href={href} {...restProps} prefetch={prefetch}>
         {children}
       </NextLink>
     )
   }
-
   return <button {...(props as HtmlButtonProps)}>{children}</button>
 }

package/src/atoms/CardMenu/CardMenuOption.tsx

@@ -31,6 +31,7 @@ export function CardMenuOption({
   href,
   active,
   error,
+  prefetch = false,
   ...props
 }: CardMenuOptionProps): React.JSX.Element {
   const cssClasses = classNames('card-menu-option', variant, className, {
@@ -45,6 +46,7 @@ export function CardMenuOption({
       className={cssClasses}
       href={disabled ? '#' : href}
       aria-disabled={disabled}
+      prefetch={prefetch}
       {...props}
     >
       <div className="left">