0.11.3

Signed-off-by: Avior <florian.bouillon@delta-wings.net>

package-lock.json

@@ -1,12 +1,12 @@
 {
 	"name": "@dzeio/components",
-	"version": "0.11.2",
+	"version": "0.11.3",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@dzeio/components",
-			"version": "0.11.2",
+			"version": "0.11.3",
 			"hasInstallScript": true,
 			"license": "MIT",
 			"dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@dzeio/components",
-	"version": "0.11.2",
+	"version": "0.11.3",
 	"license": "MIT",
 	"main": "./index.js",
 	"types": "./types/index.d.ts",

src/dzeio/Button/Button.stories.tsx

@@ -25,3 +25,10 @@ WithImg.args = {
 	href: '/pouet',
 	block: true
 }
+
+export const ExternalLinkButton = (args: any) => <Component {...args}>Button</Component>
+ExternalLinkButton.args = {
+	nomargintop: true,
+	href: 'https://example.com',
+	block: true
+}

src/dzeio/Button/index.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import Link from 'next/link'
+import Link from '../Link'
 import { ColorType, IconProps } from '../interfaces'
 import { buildClassName } from '../Util'
 import Image from '../Image'
@@ -57,8 +57,8 @@ export default class Button extends React.Component<Props> {
 
 		if (this.props.href) {
 			return (
-				<Link href={this.props.href} as={this.props.as}>
-					<a onClick={this.props.onClick} className={buildClassName([classes], [css.disabled, this.props.disabled])}>{inner}</a>
+				<Link linkProps={{onClick: this.props.onClick}} hideIcon noStyle href={this.props.href} className={buildClassName([classes], [css.disabled, this.props.disabled])}>
+					{inner}
 				</Link>
 			)
 		}

src/dzeio/Input/index.tsx

@@ -97,7 +97,7 @@ export default class Input extends React.Component<Props, States> {
 			baseProps.onWheel = (ev: React.WheelEvent<HTMLInputElement>) => ev.currentTarget.blur()
 		}
 
-		if (this.props.type === 'select') {
+		if (this.props.type === 'select' && !this.props.readOnly) {
 			input = (
 				<select
 					ref={this.props.selectRef || this.inputRef}
@@ -112,6 +112,15 @@ export default class Input extends React.Component<Props, States> {
 					{this.props.children}
 				</select>
 			)
+		// select is readonly
+		} else if (this.props.type === 'select') {
+			input = (
+				<input
+					{...props}
+					{...baseProps}
+					type="text"
+				/>
+			)
 		} else if (this.props.type === 'textarea') {
 			delete baseProps.ref
 			input = (

src/dzeio/Link/index.tsx

@@ -30,7 +30,7 @@ export default class Link extends React.Component<Props> {
 
 	public render() {
 		const isExternal = this.props.href.startsWith('http')
-		const externalProps = this.props.external ? {
+		const externalProps = this.props.external ?? isExternal ? {
 			rel: 'noreferrer nofollow',
 			target: '_blank'
 		} : {}