mirror of
https://github.com/dzeiocom/components.git
synced 2025-04-24 03:42:11 +00:00
fix: PureComponent shit
Signed-off-by: Avior <f.bouillon@aptatio.com>
This commit is contained in:
parent
c1b9be4b74
commit
e65c7e4a1a
@ -1,8 +1,8 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import Link from '../Link'
|
|
||||||
import { ColorType, Icon } from '../interfaces'
|
|
||||||
import { buildClassName } from '../Util'
|
|
||||||
import Image from '../Image'
|
import Image from '../Image'
|
||||||
|
import { ColorType, Icon } from '../interfaces'
|
||||||
|
import Link from '../Link'
|
||||||
|
import { buildClassName } from '../Util'
|
||||||
|
|
||||||
import css from './Button.module.styl'
|
import css from './Button.module.styl'
|
||||||
|
|
||||||
@ -25,7 +25,7 @@ interface Props {
|
|||||||
onClick?: (event: React.MouseEvent<HTMLButtonElement|HTMLAnchorElement, MouseEvent>) => void
|
onClick?: (event: React.MouseEvent<HTMLButtonElement|HTMLAnchorElement, MouseEvent>) => void
|
||||||
}
|
}
|
||||||
|
|
||||||
export default class Button extends React.PureComponent<Props> {
|
export default class Button extends React.Component<Props> {
|
||||||
|
|
||||||
public render = () => {
|
public render = () => {
|
||||||
|
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
import React, { FocusEvent } from 'react'
|
import React, { FocusEvent } from 'react'
|
||||||
|
|
||||||
|
import { objectEqual, objectOmit } from '@dzeio/object-util'
|
||||||
import { ChevronDown, MinusSquare, PlusSquare } from 'lucide-react'
|
import { ChevronDown, MinusSquare, PlusSquare } from 'lucide-react'
|
||||||
import Text from '../Text'
|
|
||||||
import { Icon } from '../interfaces'
|
import { Icon } from '../interfaces'
|
||||||
|
import Menu from '../Menu'
|
||||||
|
import Text from '../Text'
|
||||||
import { buildClassName } from '../Util'
|
import { buildClassName } from '../Util'
|
||||||
import css from './Input.module.styl'
|
import css from './Input.module.styl'
|
||||||
import Menu from '../Menu'
|
|
||||||
import { objectEqual, objectOmit } from '@dzeio/object-util'
|
|
||||||
|
|
||||||
interface Props extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
interface Props extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
||||||
id?: string
|
id?: string
|
||||||
@ -66,7 +66,7 @@ interface States {
|
|||||||
list: Menu['props']['items']
|
list: Menu['props']['items']
|
||||||
}
|
}
|
||||||
|
|
||||||
export default class Input extends React.PureComponent<Props, States> {
|
export default class Input extends React.Component<Props, States> {
|
||||||
|
|
||||||
public state: States = {
|
public state: States = {
|
||||||
valueUpdate: false,
|
valueUpdate: false,
|
||||||
|
@ -19,7 +19,7 @@ interface Props {
|
|||||||
*
|
*
|
||||||
* @version 1.0.0
|
* @version 1.0.0
|
||||||
*/
|
*/
|
||||||
export default class extends React.PureComponent<Props> {
|
export default class extends React.Component<Props> {
|
||||||
|
|
||||||
public render = () => (
|
public render = () => (
|
||||||
<div className={buildClassName(css.bar, [css.noBorder, this.props.noRoundBorders], this.props.className)}>
|
<div className={buildClassName(css.bar, [css.noBorder, this.props.noRoundBorders], this.props.className)}>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import css from './ProgressBox.module.styl'
|
import Box from '../Box'
|
||||||
|
import Col from '../Col'
|
||||||
import ProgressBar from '../ProgressBar'
|
import ProgressBar from '../ProgressBar'
|
||||||
import Row from '../Row'
|
import Row from '../Row'
|
||||||
import Col from '../Col'
|
|
||||||
import Text from '../Text'
|
import Text from '../Text'
|
||||||
import Box from '../Box'
|
import css from './ProgressBox.module.styl'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
/**
|
/**
|
||||||
@ -28,7 +28,7 @@ interface Props {
|
|||||||
*
|
*
|
||||||
* @version 1.0.0
|
* @version 1.0.0
|
||||||
*/
|
*/
|
||||||
export default class extends React.PureComponent<Props> {
|
export default class extends React.Component<Props> {
|
||||||
|
|
||||||
public render = () => (
|
public render = () => (
|
||||||
<Box noPadding noBottomBorder>
|
<Box noPadding noBottomBorder>
|
||||||
|
@ -61,7 +61,7 @@ const types: Record<Types, {
|
|||||||
*
|
*
|
||||||
* @version 1.0.0
|
* @version 1.0.0
|
||||||
*/
|
*/
|
||||||
export default class Text extends React.PureComponent<Props> {
|
export default class Text extends React.Component<Props> {
|
||||||
|
|
||||||
public render() {
|
public render() {
|
||||||
let data: { weight: Props['weight'], size: Props['size'], tag?: Props['tag'] } = Object.assign({
|
let data: { weight: Props['weight'], size: Props['size'], tag?: Props['tag'] } = Object.assign({
|
||||||
|
Loading…
x
Reference in New Issue
Block a user