@acvl/mobile-components 0.0.2 → 0.0.3

package/lib/module/componentes/ContenidoDePantalla.js

@@ -13,6 +13,7 @@ const BASE_PADDING = 20;
  * tableta, más lo que pida la muesca) y, por omisión, que esquive el teclado.
  */
 const ContenidoDePantalla = ({
+  paddingTop = BASE_PADDING,
   paddingBottom,
   avoidKeyboard = true,
   children
@@ -24,7 +25,7 @@ const ContenidoDePantalla = ({
   } = useWindowDimensions();
   const horizontalPadding = width > 700 ? BASE_PADDING * 2 : BASE_PADDING;
   const containerStyle = [styles.container, {
-    paddingTop: 20,
+    paddingTop,
     paddingLeft: horizontalPadding + insets.left,
     paddingRight: horizontalPadding + insets.right,
     paddingBottom: paddingBottom ?? 0

package/lib/module/componentes/ContenidoDePantalla.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useWindowDimensions","View","KeyboardAvoidingView","useSafeAreaInsets","crearEstilos","jsx","_jsx","BASE_PADDING","ContenidoDePantalla","paddingBottom","avoidKeyboard","children","styles","useStyles","insets","width","horizontalPadding","containerStyle","container","paddingTop","paddingLeft","left","paddingRight","right","style","behavior","c","flex","backgroundColor","fondo"],"sourceRoot":"../../../src","sources":["componentes/ContenidoDePantalla.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACxD,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYvC,MAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,aAAa;EAAEC,aAAa,GAAG,IAAI;EAAEC;AAAgB,CAAC,KAAK;EACtF,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEY;EAAM,CAAC,GAAGf,mBAAmB,CAAC,CAAC;EACvC,MAAMgB,iBAAiB,GAAGD,KAAK,GAAG,GAAG,GAAGR,YAAY,GAAG,CAAC,GAAGA,YAAY;EACvE,MAAMU,cAAc,GAAG,CACnBL,MAAM,CAACM,SAAS,EAChB;IACIC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAEJ,iBAAiB,GAAGF,MAAM,CAACO,IAAI;IAC5CC,YAAY,EAAEN,iBAAiB,GAAGF,MAAM,CAACS,KAAK;IAC9Cd,aAAa,EAAEA,aAAa,IAAI;EACpC,CAAC,CACJ;EACD,IAAI,CAACC,aAAa,EAAE;IAChB,oBAAOJ,IAAA,CAACL,IAAI;MAACuB,KAAK,EAAEP,cAAe;MAAAN,QAAA,EAAEA;IAAQ,CAAO,CAAC;EACzD;EACA;IAAA;IACI;IACA;IACAL,IAAA,CAACJ,oBAAoB;MAACuB,QAAQ,EAAC,SAAS;MAACD,KAAK,EAAEP,cAAe;MAAAN,QAAA,EAC1DA;IAAQ,CACS;EAAC;AAE/B,CAAC;AAED,MAAME,SAAS,GAAGT,YAAY,CAAEsB,CAAC,KAAM;EACnCR,SAAS,EAAE;IAAES,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEF,CAAC,CAACG;EAAM;AACnD,CAAC,CAAC,CAAC;AAEH,eAAerB,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","useWindowDimensions","View","KeyboardAvoidingView","useSafeAreaInsets","crearEstilos","jsx","_jsx","BASE_PADDING","ContenidoDePantalla","paddingTop","paddingBottom","avoidKeyboard","children","styles","useStyles","insets","width","horizontalPadding","containerStyle","container","paddingLeft","left","paddingRight","right","style","behavior","c","flex","backgroundColor","fondo"],"sourceRoot":"../../../src","sources":["componentes/ContenidoDePantalla.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACxD,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiBvC,MAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EACzBC,UAAU,GAAGF,YAAY;EACzBG,aAAa;EACbC,aAAa,GAAG,IAAI;EACpBC;AACG,CAAC,KAAK;EACT,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGZ,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEa;EAAM,CAAC,GAAGhB,mBAAmB,CAAC,CAAC;EACvC,MAAMiB,iBAAiB,GAAGD,KAAK,GAAG,GAAG,GAAGT,YAAY,GAAG,CAAC,GAAGA,YAAY;EACvE,MAAMW,cAAc,GAAG,CACnBL,MAAM,CAACM,SAAS,EAChB;IACIV,UAAU;IACVW,WAAW,EAAEH,iBAAiB,GAAGF,MAAM,CAACM,IAAI;IAC5CC,YAAY,EAAEL,iBAAiB,GAAGF,MAAM,CAACQ,KAAK;IAC9Cb,aAAa,EAAEA,aAAa,IAAI;EACpC,CAAC,CACJ;EACD,IAAI,CAACC,aAAa,EAAE;IAChB,oBAAOL,IAAA,CAACL,IAAI;MAACuB,KAAK,EAAEN,cAAe;MAAAN,QAAA,EAAEA;IAAQ,CAAO,CAAC;EACzD;EACA;IAAA;IACI;IACA;IACAN,IAAA,CAACJ,oBAAoB;MAACuB,QAAQ,EAAC,SAAS;MAACD,KAAK,EAAEN,cAAe;MAAAN,QAAA,EAC1DA;IAAQ,CACS;EAAC;AAE/B,CAAC;AAED,MAAME,SAAS,GAAGV,YAAY,CAAEsB,CAAC,KAAM;EACnCP,SAAS,EAAE;IAAEQ,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEF,CAAC,CAACG;EAAM;AACnD,CAAC,CAAC,CAAC;AAEH,eAAerB,mBAAmB","ignoreList":[]}

package/lib/typescript/src/componentes/ContenidoDePantalla.d.ts

@@ -1,6 +1,11 @@
 import React from "react";
 interface Props {
     children: React.ReactNode;
+    /**
+     * El aire de arriba. Una lista que empieza con `CabeceraDeLista` pasa `0`: la cabecera ya trae
+     * el suyo, y los dos juntos dejaban un hueco sobre el buscador.
+     */
+    paddingTop?: number;
     paddingBottom?: number;
     /**
      * Cuando el hijo ya maneja el teclado por su cuenta (p. ej. un `KeyboardAwareScrollView`),
@@ -12,6 +17,6 @@ interface Props {
  * El cuerpo de una pantalla debajo de su header: el fondo, el margen a los lados (el doble en una
  * tableta, más lo que pida la muesca) y, por omisión, que esquive el teclado.
  */
-declare const ContenidoDePantalla: ({ paddingBottom, avoidKeyboard, children }: Props) => React.JSX.Element;
+declare const ContenidoDePantalla: ({ paddingTop, paddingBottom, avoidKeyboard, children, }: Props) => React.JSX.Element;
 export default ContenidoDePantalla;
 //# sourceMappingURL=ContenidoDePantalla.d.ts.map

package/lib/typescript/src/componentes/ContenidoDePantalla.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContenidoDePantalla.d.ts","sourceRoot":"","sources":["../../../../src/componentes/ContenidoDePantalla.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID;;;GAGG;AACH,QAAA,MAAM,mBAAmB,GAAI,4CAAmD,KAAK,sBAwBpF,CAAC;AAMF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"ContenidoDePantalla.d.ts","sourceRoot":"","sources":["../../../../src/componentes/ContenidoDePantalla.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID;;;GAGG;AACH,QAAA,MAAM,mBAAmB,GAAI,yDAK1B,KAAK,sBAwBP,CAAC;AAMF,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@acvl/mobile-components",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "Librería de componentes de las apps móviles de ACV (Expo / React Native).",
     "homepage": "https://github.com/ACV-Logistics/acv-mobile-components#readme",
     "bugs": {

package/src/componentes/ContenidoDePantalla.tsx

@@ -6,6 +6,11 @@ import { crearEstilos } from "../tema";
 
 interface Props {
     children: React.ReactNode;
+    /**
+     * El aire de arriba. Una lista que empieza con `CabeceraDeLista` pasa `0`: la cabecera ya trae
+     * el suyo, y los dos juntos dejaban un hueco sobre el buscador.
+     */
+    paddingTop?: number;
     paddingBottom?: number;
     /**
      * Cuando el hijo ya maneja el teclado por su cuenta (p. ej. un `KeyboardAwareScrollView`),
@@ -20,7 +25,12 @@ const BASE_PADDING = 20;
  * El cuerpo de una pantalla debajo de su header: el fondo, el margen a los lados (el doble en una
  * tableta, más lo que pida la muesca) y, por omisión, que esquive el teclado.
  */
-const ContenidoDePantalla = ({ paddingBottom, avoidKeyboard = true, children }: Props) => {
+const ContenidoDePantalla = ({
+    paddingTop = BASE_PADDING,
+    paddingBottom,
+    avoidKeyboard = true,
+    children,
+}: Props) => {
     const styles = useStyles();
     const insets = useSafeAreaInsets();
     const { width } = useWindowDimensions();
@@ -28,7 +38,7 @@ const ContenidoDePantalla = ({ paddingBottom, avoidKeyboard = true, children }:
     const containerStyle = [
         styles.container,
         {
-            paddingTop: 20,
+            paddingTop,
             paddingLeft: horizontalPadding + insets.left,
             paddingRight: horizontalPadding + insets.right,
             paddingBottom: paddingBottom ?? 0,