groovinads-ui 1.0.5 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groovinads-ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "repository": "git@bitbucket.org:groovinads/react-components.git",
@@ -29,8 +29,10 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
     "sass": "^1.72.0",
     "storybook": "^8.0.4",
+    "typescript": "^5.4.4",
     "vite": "^5.2.2"
   },
   "peerDependencies": {

package/rollup.config.mjs

@@ -3,6 +3,7 @@ import resolve from '@rollup/plugin-node-resolve';
 import external from 'rollup-plugin-peer-deps-external';
 import { terser } from 'rollup-plugin-terser';
 import postcss from 'rollup-plugin-postcss';
+import typescript from 'rollup-plugin-typescript2';
 
 export default [
   {
@@ -28,7 +29,8 @@ export default [
         presets: ['@babel/preset-react']
       }),
       external(),
-      resolve({extensions: ['.mjs', '.js', '.jsx', '.json']}),
+      typescript(), // Añade esto para procesar archivos TypeScript
+      resolve({extensions: ['.mjs', '.js', '.jsx', '.ts', '.tsx', '.json']}),
       terser(),
     ]
   }

package/src/components/Button/{Button.jsx → Button.tsx}

@@ -1,21 +1,32 @@
 import React from 'react';
-import * as PropTypes from 'prop-types';
 
-const Button = ({
-	variant,
-	size,
-	onClick,
-	children,
+type ButtonProps = {
+	variant?: 'primary' | 'secondary' | 'terciary' | 'outline';
+	size?: 'xs' | 'md' | 'lg';
+	onClick?: () => void;
+	children: React.ReactNode;
+	icon?: string | undefined;
+	iconPosition?: 'start' | 'end';
+	className?: string;
+	style?: 'default' | 'success' | 'danger' | 'warning' | 'link';
+	processing?: boolean;
+}
+  
+  const Button = ({
+	variant = 'primary',
+	size = 'md',
+	onClick = () => {},
+	children = null,
 	icon,
-	iconPosition,
-	className,
-	style,
-	processing,
-}) => {
+	iconPosition = 'start',
+	className = '',
+	style = 'default',
+	processing = false,
+  }: ButtonProps) => {
 	let classes = `btn ${className}`;
 
 	// Variant
-	if (variant !== 'default') {
+	if (variant !== 'primary') {
 		classes += ` btn-${variant}`;
 	}
 
@@ -63,27 +74,5 @@ const Button = ({
 	);
 };
 
-Button.propTypes = {
-	variant: PropTypes.oneOf(['primary', 'secondary', 'terciary', 'outline']),
-	size: PropTypes.oneOf(['xs', 'md', 'lg']),
-	onClick: PropTypes.func,
-	children: PropTypes.node,
-	icon: PropTypes.node,
-	iconPosition: PropTypes.oneOf(['start', 'end']),
-	className: PropTypes.string,
-	style: PropTypes.oneOf(['default', 'success', 'danger', 'warning', 'link']),
-	processing: PropTypes.bool,
-};
-
-Button.defaultProps = {
-	variant: 'primary',
-	size: 'md',
-	onClick: null,
-	icon: null,
-	iconPosition: 'start',
-	className: '',
-	style: 'default',
-	processing: false,
-};
 
 export default Button;