open-index/open-npm huggingface dataset:
npm package: @lcmconsultoria/componente-servicios-ts
Description: Componente que crea tarjetas de servicios
Author: Diego Isaac
Latest version: 1.0.1

# 1. Requisitos

## 1.1. Paquetes

Instalar los siguientes paquetes con: 

```
npm install
```

- MUI5: ` npm install @mui/material @emotion/react @emotion/styled `
- Typescript: ` npm install --save-dev typescript ts-loader @types/react @types/react-dom `

# 2. ¿Cómo instalar el componente?

## 2.1. Instalación

```
npm install @lcmconsultoria/componente-servicios-ts
```

## 2.2. Forma de usar el componente

```jsx
import ListaServicios from '@lcmconsultoria/componente-servicios-ts/lib/ListaServicios'

const listaServicios:Array<Object> = [
  {
    titulo: "MUI",
    contenido: "Lorem ipsum",
    botonlink: "https://mui.com/",
    imagenlink: "https://mui.com/static/logo.png",
  },
  {
    titulo: "YouTube",
    contenido: "Lorem ipsum",
    botonlink: "https://www.youtube.com/",
    imagenlink: "https://upload.wikimedia.org/wikipedia/commons/e/e1/Logo_of_YouTube_%282015-2017%29.svg",
  },
  {
    titulo: "Twitch",
    contenido: "Lorem ipsum",
    botonlink: "https://www.twitch.tv/",
    imagenlink: "https://assets.stickpng.com/images/580b57fcd9996e24bc43c540.png",
  },
];

return (<ListaServicios {...listaServicios}/>);

```

# 3. Posibles updates

- [ ]  Recibir titulo de sección.
- [ ]  Estilos de tarjetas.

# 4. Versiones

- 1.0.0 - Crea una sección con servicios, requiere enviarle un objeto donde vendrán los servicios que se quieren mostrar.
npm package: @lcmconsultoria/componente-tabla
Description: Componente para agregar una React-Table que reciba datos desde el api de pagos LCM
Author: Diego Isaac
Latest version: 2.1.0

# Componente de React-Table en TypeScript

Este componente icluye los archivos para implementar una tabla con React-Table paginado y elementos de Material-UI sencillo.

### API

Dentro de `/hooks` en el archivo `useTable.ts` debemos configurar el link al que se hará la petición

# En nuestra aplicación solo utilizaremos 

```
import MyTable from 'componente-tabla/lib/Tabla'

payload: object = 
  {
    pagos: {
      listado: {
        ord: "fecha",
        busqueda: "",
        dord: "desc",
        emisor: "11",
        cuenta_bancaria: "",
        movimiento_pago: "0",
        id: "",
        fecha: "",
        num_operacion: "",
        comprobante_pagado: "",
        empresa_nombre: "",
        receptor_nombre: "",
        monto_recibido: "",
        moneda: "null",
        cuenta_bancaria_movimiento: "",
        status_pago: "null",
        columnas: [
          "fecha",
          "forma",
          "forma_pago_nombre",
          "num_operacion",
          "comprobante_pagado",
          "empresa",
          "empresa_nombre",
          "receptor",
          "receptor_nombre",
          "monto",
          "monto_recibido",
          "cuenta_bancaria_movimiento",
          "cuenta_bancaria_movimiento_nombre",
          "status_pago",
          "status_pago_nombre",
        ],
      },
    },
  };

headersPagos: Array = [
    {
      Header: "id",
      accessor: "id" // accessor is the "key" in the data
    },
    {
      Header: "Fecha de emisión",
      accessor: "fecha_emision"
    },
    {
      Header: "Moneda",
      accessor: "moneda_clave"
    },
    {
      Header: "Receptor",
      accessor: "receptor"
    },
    {
      Header: "Razon Social",
      accessor: "receptor_razon_social"
    },
    {
      Header: "RFC",
      accessor: "receptor_rfc"
    },
    {
      Header: "Tipo",
      accessor: "tipo_nombre_comun"
    }
  ]

return (<MyTable headers={headers} payload={payload}/>)
```

para mostrar nuestra tabla.
npm package: @lcmconsultoria/componente-testimonios
Description: Componente que muestra cards con foto, nombre, rango, descripcion y un link para esa card
Author: William Islas
Latest version: 0.0.3


# ¿Cómo usar?
```import Cartas from '@lcmconsultoria/componente-testimonios/lib/App'"```
```
const personas=[
  {
      nombre:'Cliente 1',
      rango:'Admin 1',
      descripcion:'God',
      imagen:'https://pbs.twimg.com/profile_images/1347585721394110469/_ngNtqqE_400x400.jpg',
      link:'https://twitter.com/home'
    },
  {
    nombre:'Cliente 2',
    rango:'Sirviente 1',
    descripcion:'zzzz',
    imagen:'https://pbs.twimg.com/profile_images/900938554217340928/iOhuDqsP_400x400.jpg',
    link:'https://www.twitch.tv'
  },
  {
    nombre:'Cliente 3',
    rango:'Sirviente 3',
    descripcion:'zzzz',
    imagen:'https://pbs.twimg.com/profile_images/1090585340081893376/39fZn894_400x400.jpg',
    link:'https://www.youtube.com/'
  },
]
```
```<Cartas personas={personas} />```
npm package: @lcmconsultoria/componente-titulos
Description: Cabecera para titulos y subtitulos, tamaño de estos y orientacion
Author: William Islas
Latest version: 0.0.1


# ¿Cómo usar? A
```import Cabecera from '@lcmconsultoria/componente-titulos/lib/App'"```
```
const datos={
  titulo:'asd',
  subtitulo:'assddd',
  alineacion:'center',
  titulovariant:'h1',
  subtitulovariant:'h2',
}
```
```<Cabecera datos={datos} />```
npm package: @lcnxx/egg-typeorm
Description: [![NPM version][npm-image]][npm-url] [![build status][travis-image]][travis-url] [![Test coverage][codecov-image]][codecov-url] [![David deps][david-image]][david-url] [![Known Vulnerabilities][snyk-image]][snyk-url] [![npm download][download-image]][down
Latest version: 1.0.3

# egg-typeorm

[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![Test coverage][codecov-image]][codecov-url]
[![David deps][david-image]][david-url]
[![Known Vulnerabilities][snyk-image]][snyk-url]
[![npm download][download-image]][download-url]

[npm-image]: https://img.shields.io/npm/v/egg-typeorm.svg?style=flat-square
[npm-url]: https://npmjs.org/package/egg-typeorm
[travis-image]: https://img.shields.io/travis/eggjs/egg-typeorm.svg?style=flat-square
[travis-url]: https://travis-ci.org/eggjs/egg-typeorm
[codecov-image]: https://img.shields.io/codecov/c/github/eggjs/egg-typeorm.svg?style=flat-square
[codecov-url]: https://codecov.io/github/eggjs/egg-typeorm?branch=master
[david-image]: https://img.shields.io/david/eggjs/egg-typeorm.svg?style=flat-square
[david-url]: https://david-dm.org/eggjs/egg-typeorm
[snyk-image]: https://snyk.io/test/npm/egg-typeorm/badge.svg?style=flat-square
[snyk-url]: https://snyk.io/test/npm/egg-typeorm
[download-image]: https://img.shields.io/npm/dm/egg-typeorm.svg?style=flat-square
[download-url]: https://npmjs.org/package/egg-typeorm

<!--
Description here.
-->

## Install

```bash
$ npm i egg-typeorm --save
```

## Usage

```js
// {app_root}/config/plugin.js
exports.typeorm = {
  enable: true,
  package: 'egg-typeorm',
};
```

## Configuration

```js
// {app_root}/config/config.default.js
exports.typeorm = {
};
```

see [config/config.default.js](config/config.default.js) for more detail.

## Example

<!-- example here -->

## Questions & Suggestions

Please open an issue [here](https://github.com/eggjs/egg/issues).

## License

[MIT](LICENSE)
npm package: @lcnxx/itool
Description: |  表头   | 表头  | |  ----  | ----  | | 单元格  | 单元格 | | 单元格  | 单元格 |
Latest version: 1.0.8

# itool：保存在本地的npm仓库
|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |