ame-miniapp-components - npm Package Compare versions

Comparing version 0.0.2 to 0.0.21

package.json

		{
		"name": "ame-miniapp-components",
		"version": "0.0.2",
		"version": "0.0.21",
		"description": "Components for Ame Miniapp Development",
		@@ -5,0 +5,0 @@ "author": "Calindra",

106

README.md

		@@ -1,2 +0,2 @@
		# Ame React Component Tools
		# Ame React Component Tools

		@@ -8,3 +8,3 @@ ## Utilização
		```
		npm install react-ame-tools
		npm install ame-miniapp-components
		```
		@@ -15,3 +15,3 @@
		```jsx
		import { Image, Text } from "react-ame-components";
		import { Image, Text } from "ame-miniapp-components";
		```
		@@ -158,16 +158,3 @@
		```jsx
		import React, { Component } from "react";
		import PropTypes from "prop-types";
		// import { height } from 'window-size';

		export class Heading extends Component {
		static propTypes = {
		text: PropTypes.string
		};
		render() {
		const { text } = this.props;

		return <div className="view">{this.props.children}</div>;
		}
		}
		```
		@@ -180,36 +167,3 @@
		```jsx
		import React, { Component } from "react";
		import PropTypes from "prop-types";

		import produto from "../assets/images/component_background.jpg";

		export class Image extends Component {
		static propTypes = {
		imageProduct: PropTypes.string
		};

		static defaultProps = {
		imageProduct: produto
		};

		render() {
		const { imageProduct } = this.props;

		const divStyle = {
		width: "50%",
		padding: "1%"
		};

		const imgStyle = {
		width: "100%",
		height: "22vh"
		};

		return (
		<div style={divStyle} className="view">
		<img style={imgStyle} src={imageProduct} />
		</div>
		);
		}
		}
		```
		@@ -222,39 +176,3 @@
		```jsx
		import React, { Component } from "react";
		import PropTypes from "prop-types";

		import style from "../styles/Header.scss";
		import search from "../assets/images/search.png";

		export class SearchBar extends Component {
		static propTypes = {
		placeholder: PropTypes.string,
		handleClick: PropTypes.func
		};

		static defaultProps = {
		placeholder: "Pesquise produtos, marcas"
		};

		render() {
		const { placeholder } = this.props;

		return (
		<div
		className={style.headerContentSearch}
		onClick={this.props.handleClick}
		>
		<img
		src={search}
		alt="barra de pesquisa"
		className={style.headerSearchImageConfig}
		/>
		<span className={style.headerSearchPlaceholderConfig}>
		{" "}
		{this.props.placeholder}{" "}
		</span>
		</div>
		);
		}
		}
		```
		@@ -267,15 +185,3 @@
		```jsx
		import React, { Component } from "react";
		import PropTypes from "prop-types";

		export class View extends Component {
		static propTypes = {
		text: PropTypes.string
		};
		render() {
		const { text } = this.props;

		return <div className="view">{this.props.children}</div>;
		}
		}
		```
		@@ -288,3 +194,5 @@
		```jsx
		<Text>"Lorem ipsum dolor sit amet, consectetur adipiscing."</Text>
		<Text>
		"Lorem ipsum dolor sit amet, consectetur adipiscing."
		</Text>
		```
		@@ -310,3 +218,3 @@

		\_Tipos de dados aceitos: String, number, Array, Object e Boolean.
		Tipos de dados aceitos: String, number, Array, Object e Boolean.

		@@ -313,0 +221,0 @@ ```jsx

ame-miniapp-components - npm Package Compare versions

New alerts

Fixed alerts

Worsened metrics