added baseCollapsible component

[GonzaFran]

LINK DE TICKET:
https://janiscommerce.atlassian.net/browse/JPRN-1995

CONTEXTO:

En el desarrollo que vamos a trabajar en la app de orders (https://janiscommerce.atlassian.net/browse/ATR-1427) necesitamos usar colapsables para rediseñar los canastos que pertenecen a cada pedido de una ronda, y, ya que en todos los repos de apps se utiliza el componente Collapsible como esqueleto para trabajar cada colapsable dentro de la aplicación, se decidió que sería más práctico tener el componente dentro de ui-native para facilitar su utilización en cada caso.

NECESIDAD:

Agregar el componente Collapsible en ui-native

SOLUCIÓN:

https://www.npmjs.com/package/react-native-collapsible

Se implementaron recursos y hooks de la librería reanimated para armar un componente colapsable nativo básico que reciba un componente header y un componente content.
El colapsable se encarga de renderizar ambos componentes y mostrar el header de cara al usuario, si el usuario quiere ver el contenido deberá presionar el Header, que está wrappeado dentro de un componente con propiedades de botón que permiten manipular la vista en pantalla.
Se puede modificar la duración de la animación de despliegue agregando la prop duration que espera recibir un tiempo representado en milisegundos.

¿CÓMO PROBARLO?
Puede vincular el pkg al repo que quiera e importar el componente Collapsible en el repo, y deberá agregar los 2 componentes requeridos.

En caso de tener un problema similar a este al tratar de levantar la aplicación

Error: Command failed: ./gradlew app:installBetaDebug -PreactNativeDevServerPort=8081
error Unable to resolve module atoms/SwipeUp/childComponents from /var/www/janis-picking-app/.yalc/@janiscommerce/ui-native/dist/index.js: atoms/SwipeUp/childComponents could not be found within the project or in these directories:
  node_modules
  11 | import Svg from 'atoms/Svg';
  12 | import SwipeUp from 'atoms/SwipeUp';
> 13 | import { SwipeUpFlatList, SwipeUpScrollView, SwipeUpView } from 'atoms/SwipeUp/childComponents';
     |                                                                  ^
  14 | import Text from 'atoms/Text';
  15 | import BaseInput from 'atoms/BaseInput';
  16 | import BaseCollapsible from 'atoms/BaseCollapsible';

FAILURE: Build completed with 2 failures.

1: Task failed with an exception.
-----------
* What went wrong:
Execution failed for task ':app:createBundleBetaDebugJsAndAssets'.
> Process 'command 'node'' finished with non-zero exit value 1

* Try:
> Run with --stacktrace option to get the stack trace.
> Run with --info or --debug option to get more log output.
> Run with --scan to get full insights.

Lo que debe hacer, dentro del pkg de ui-native, es correr el comando npm run build

También puede ver el funcionamiento desde storybooks.

[pablonortiz]

Lo estuve probando en la app de Delivery, storybook y storybook web y lo vi bien!

[coveralls]

Pull Request Test Coverage Report for Build 12679081991

Details

• 19 of 19 (100.0%) changed or added relevant lines in 2 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 100.0%

---

Totals
Change from base Build 12583349929:	0.0%
Covered Lines:	696
Relevant Lines:	696

---

💛 - Coveralls

[pablonortiz]

Lo estuve probando y lo vi joya, lo único que estaría faltando es pullearte master y resolver unos conflictos, con eso ya estaría!