@lodev09/react-native-true-sheet 0.9.0 → 0.9.1

package/README.md

@@ -155,6 +155,7 @@ Grabber props to be used for android grabber or handle.
 | color | `ColorValue` | `"rgba(73,69,79,0.4)"` | Grabber color according to M3 specs. |
 | height | `DimensionValue` | `4` | Grabber height according to M3 specs. |
 | width | `DimensionValue` | `32` | Grabber width according to M3 specs. |
+| topOffset | `DimensionValue` | `6` | Grabber top position offset. |
 
 ### `BlurTint`
 

package/lib/commonjs/TrueSheetGrabber.js

@@ -10,6 +10,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const GRABBER_WRAPPER_HEIGHT = 24;
 const GRABBER_DEFAULT_HEIGHT = 4;
 const GRABBER_DEFAULT_WIDTH = 32;
+const GRABBER_DEFAULT_TOP_OFFSET = 6;
 
 // M3 spec: #49454F 0.4 alpha
 const GRABBER_DEFAULT_COLOR = 'rgba(73,69,79,0.4)';
@@ -23,6 +24,7 @@ const TrueSheetGrabber = props => {
     color = GRABBER_DEFAULT_COLOR,
     width = GRABBER_DEFAULT_WIDTH,
     height = GRABBER_DEFAULT_HEIGHT,
+    topOffset = GRABBER_DEFAULT_TOP_OFFSET,
     style
   } = props;
   if (!visible) return null;
@@ -32,7 +34,8 @@ const TrueSheetGrabber = props => {
     style: [$grabber, {
       height,
       width,
-      backgroundColor: color
+      backgroundColor: color,
+      top: topOffset
     }, style]
   }));
 };
@@ -48,7 +51,6 @@ const $wrapper = {
   zIndex: 9999
 };
 const $grabber = {
-  borderRadius: GRABBER_DEFAULT_HEIGHT / 2,
-  top: 6
+  borderRadius: GRABBER_DEFAULT_HEIGHT / 2
 };
 //# sourceMappingURL=TrueSheetGrabber.js.map

package/lib/commonjs/TrueSheetGrabber.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","GRABBER_WRAPPER_HEIGHT","GRABBER_DEFAULT_HEIGHT","GRABBER_DEFAULT_WIDTH","GRABBER_DEFAULT_COLOR","TrueSheetGrabber","props","visible","color","width","height","style","createElement","View","$wrapper","$grabber","backgroundColor","exports","position","top","left","right","alignSelf","alignItems","zIndex","borderRadius"],"sourceRoot":"../../src","sources":["TrueSheetGrabber.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMqB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErB,MAAMG,sBAAsB,GAAG,EAAE;AACjC,MAAMC,sBAAsB,GAAG,CAAC;AAChC,MAAMC,qBAAqB,GAAG,EAAE;;AAEhC;AACA,MAAMC,qBAAqB,GAAG,oBAAoB;AAiClD;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAChE,MAAM;IACJC,OAAO,GAAG,IAAI;IACdC,KAAK,GAAGJ,qBAAqB;IAC7BK,KAAK,GAAGN,qBAAqB;IAC7BO,MAAM,GAAGR,sBAAsB;IAC/BS;EACF,CAAC,GAAGL,KAAK;EAET,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEb,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACF,KAAK,EAAEG;EAAS,gBACpBpB,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,YAAA,CAAAgB,IAAI;IAACF,KAAK,EAAE,CAACI,QAAQ,EAAE;MAAEL,MAAM;MAAED,KAAK;MAAEO,eAAe,EAAER;IAAM,CAAC,EAAEG,KAAK;EAAE,CAAE,CACxE,CAAC;AAEX,CAAC;AAAAM,OAAA,CAAAZ,gBAAA,GAAAA,gBAAA;AAED,MAAMS,QAAmB,GAAG;EAC1BI,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,QAAQ;EACnBZ,MAAM,EAAET,sBAAsB;EAC9BsB,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACV,CAAC;AAED,MAAMT,QAAmB,GAAG;EAC1BU,YAAY,EAAEvB,sBAAsB,GAAG,CAAC;EACxCiB,GAAG,EAAE;AACP,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","obj","__esModule","default","GRABBER_WRAPPER_HEIGHT","GRABBER_DEFAULT_HEIGHT","GRABBER_DEFAULT_WIDTH","GRABBER_DEFAULT_TOP_OFFSET","GRABBER_DEFAULT_COLOR","TrueSheetGrabber","props","visible","color","width","height","topOffset","style","createElement","View","$wrapper","$grabber","backgroundColor","top","exports","position","left","right","alignSelf","alignItems","zIndex","borderRadius"],"sourceRoot":"../../src","sources":["TrueSheetGrabber.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMqB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAErB,MAAMG,sBAAsB,GAAG,EAAE;AACjC,MAAMC,sBAAsB,GAAG,CAAC;AAChC,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,0BAA0B,GAAG,CAAC;;AAEpC;AACA,MAAMC,qBAAqB,GAAG,oBAAoB;AAwClD;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAChE,MAAM;IACJC,OAAO,GAAG,IAAI;IACdC,KAAK,GAAGJ,qBAAqB;IAC7BK,KAAK,GAAGP,qBAAqB;IAC7BQ,MAAM,GAAGT,sBAAsB;IAC/BU,SAAS,GAAGR,0BAA0B;IACtCS;EACF,CAAC,GAAGN,KAAK;EAET,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEd,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACF,KAAK,EAAEG;EAAS,gBACpBtB,MAAA,CAAAM,OAAA,CAAAc,aAAA,CAACjB,YAAA,CAAAkB,IAAI;IAACF,KAAK,EAAE,CAACI,QAAQ,EAAE;MAAEN,MAAM;MAAED,KAAK;MAAEQ,eAAe,EAAET,KAAK;MAAEU,GAAG,EAAEP;IAAU,CAAC,EAAEC,KAAK;EAAE,CAAE,CACxF,CAAC;AAEX,CAAC;AAAAO,OAAA,CAAAd,gBAAA,GAAAA,gBAAA;AAED,MAAMU,QAAmB,GAAG;EAC1BK,QAAQ,EAAE,UAAU;EACpBF,GAAG,EAAE,CAAC;EACNG,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,QAAQ;EACnBb,MAAM,EAAEV,sBAAsB;EAC9BwB,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACV,CAAC;AAED,MAAMT,QAAmB,GAAG;EAC1BU,YAAY,EAAEzB,sBAAsB,GAAG;AACzC,CAAC","ignoreList":[]}

package/lib/module/TrueSheetGrabber.js

@@ -3,6 +3,7 @@ import { View } from 'react-native';
 const GRABBER_WRAPPER_HEIGHT = 24;
 const GRABBER_DEFAULT_HEIGHT = 4;
 const GRABBER_DEFAULT_WIDTH = 32;
+const GRABBER_DEFAULT_TOP_OFFSET = 6;
 
 // M3 spec: #49454F 0.4 alpha
 const GRABBER_DEFAULT_COLOR = 'rgba(73,69,79,0.4)';
@@ -16,6 +17,7 @@ export const TrueSheetGrabber = props => {
     color = GRABBER_DEFAULT_COLOR,
     width = GRABBER_DEFAULT_WIDTH,
     height = GRABBER_DEFAULT_HEIGHT,
+    topOffset = GRABBER_DEFAULT_TOP_OFFSET,
     style
   } = props;
   if (!visible) return null;
@@ -25,7 +27,8 @@ export const TrueSheetGrabber = props => {
     style: [$grabber, {
       height,
       width,
-      backgroundColor: color
+      backgroundColor: color,
+      top: topOffset
     }, style]
   }));
 };
@@ -40,7 +43,6 @@ const $wrapper = {
   zIndex: 9999
 };
 const $grabber = {
-  borderRadius: GRABBER_DEFAULT_HEIGHT / 2,
-  top: 6
+  borderRadius: GRABBER_DEFAULT_HEIGHT / 2
 };
 //# sourceMappingURL=TrueSheetGrabber.js.map

package/lib/module/TrueSheetGrabber.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","GRABBER_WRAPPER_HEIGHT","GRABBER_DEFAULT_HEIGHT","GRABBER_DEFAULT_WIDTH","GRABBER_DEFAULT_COLOR","TrueSheetGrabber","props","visible","color","width","height","style","createElement","$wrapper","$grabber","backgroundColor","position","top","left","right","alignSelf","alignItems","zIndex","borderRadius"],"sourceRoot":"../../src","sources":["TrueSheetGrabber.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAKC,cAAc;AAErB,MAAMC,sBAAsB,GAAG,EAAE;AACjC,MAAMC,sBAAsB,GAAG,CAAC;AAChC,MAAMC,qBAAqB,GAAG,EAAE;;AAEhC;AACA,MAAMC,qBAAqB,GAAG,oBAAoB;AAiClD;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAChE,MAAM;IACJC,OAAO,GAAG,IAAI;IACdC,KAAK,GAAGJ,qBAAqB;IAC7BK,KAAK,GAAGN,qBAAqB;IAC7BO,MAAM,GAAGR,sBAAsB;IAC/BS;EACF,CAAC,GAAGL,KAAK;EAET,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACER,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACW,KAAK,EAAEE;EAAS,gBACpBd,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACW,KAAK,EAAE,CAACG,QAAQ,EAAE;MAAEJ,MAAM;MAAED,KAAK;MAAEM,eAAe,EAAEP;IAAM,CAAC,EAAEG,KAAK;EAAE,CAAE,CACxE,CAAC;AAEX,CAAC;AAED,MAAME,QAAmB,GAAG;EAC1BG,QAAQ,EAAE,UAAU;EACpBC,GAAG,EAAE,CAAC;EACNC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,QAAQ;EACnBV,MAAM,EAAET,sBAAsB;EAC9BoB,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACV,CAAC;AAED,MAAMR,QAAmB,GAAG;EAC1BS,YAAY,EAAErB,sBAAsB,GAAG,CAAC;EACxCe,GAAG,EAAE;AACP,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","GRABBER_WRAPPER_HEIGHT","GRABBER_DEFAULT_HEIGHT","GRABBER_DEFAULT_WIDTH","GRABBER_DEFAULT_TOP_OFFSET","GRABBER_DEFAULT_COLOR","TrueSheetGrabber","props","visible","color","width","height","topOffset","style","createElement","$wrapper","$grabber","backgroundColor","top","position","left","right","alignSelf","alignItems","zIndex","borderRadius"],"sourceRoot":"../../src","sources":["TrueSheetGrabber.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAKC,cAAc;AAErB,MAAMC,sBAAsB,GAAG,EAAE;AACjC,MAAMC,sBAAsB,GAAG,CAAC;AAChC,MAAMC,qBAAqB,GAAG,EAAE;AAChC,MAAMC,0BAA0B,GAAG,CAAC;;AAEpC;AACA,MAAMC,qBAAqB,GAAG,oBAAoB;AAwClD;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAChE,MAAM;IACJC,OAAO,GAAG,IAAI;IACdC,KAAK,GAAGJ,qBAAqB;IAC7BK,KAAK,GAAGP,qBAAqB;IAC7BQ,MAAM,GAAGT,sBAAsB;IAC/BU,SAAS,GAAGR,0BAA0B;IACtCS;EACF,CAAC,GAAGN,KAAK;EAET,IAAI,CAACC,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACET,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACa,KAAK,EAAEE;EAAS,gBACpBhB,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACa,KAAK,EAAE,CAACG,QAAQ,EAAE;MAAEL,MAAM;MAAED,KAAK;MAAEO,eAAe,EAAER,KAAK;MAAES,GAAG,EAAEN;IAAU,CAAC,EAAEC,KAAK;EAAE,CAAE,CACxF,CAAC;AAEX,CAAC;AAED,MAAME,QAAmB,GAAG;EAC1BI,QAAQ,EAAE,UAAU;EACpBD,GAAG,EAAE,CAAC;EACNE,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAE,QAAQ;EACnBX,MAAM,EAAEV,sBAAsB;EAC9BsB,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACV,CAAC;AAED,MAAMR,QAAmB,GAAG;EAC1BS,YAAY,EAAEvB,sBAAsB,GAAG;AACzC,CAAC","ignoreList":[]}

package/lib/typescript/src/TrueSheetGrabber.d.ts

@@ -20,6 +20,12 @@ export interface TrueSheetGrabberProps {
      * @default 4
      */
     height?: DimensionValue;
+    /**
+     * Grabber top position offset.
+     *
+     * @default 6
+     */
+    topOffset?: DimensionValue;
     /**
      * Grabber width according to M3 specs.
      * @default 32

package/lib/typescript/src/TrueSheetGrabber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TrueSheetGrabber.d.ts","sourceRoot":"","sources":["../../../src/TrueSheetGrabber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AASrB,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAA;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,6BAgB5D,CAAA"}
+{"version":3,"file":"TrueSheetGrabber.d.ts","sourceRoot":"","sources":["../../../src/TrueSheetGrabber.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,cAAc,CAAA;AAUrB,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAA;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,UAAW,qBAAqB,6BAiB5D,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lodev09/react-native-true-sheet",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "description": "The true native bottom sheet. 💩",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/TrueSheetGrabber.tsx

@@ -10,6 +10,7 @@ import {
 const GRABBER_WRAPPER_HEIGHT = 24
 const GRABBER_DEFAULT_HEIGHT = 4
 const GRABBER_DEFAULT_WIDTH = 32
+const GRABBER_DEFAULT_TOP_OFFSET = 6
 
 // M3 spec: #49454F 0.4 alpha
 const GRABBER_DEFAULT_COLOR = 'rgba(73,69,79,0.4)'
@@ -38,6 +39,13 @@ export interface TrueSheetGrabberProps {
    */
   height?: DimensionValue
 
+  /**
+   * Grabber top position offset.
+   *
+   * @default 6
+   */
+  topOffset?: DimensionValue
+
   /**
    * Grabber width according to M3 specs.
    * @default 32
@@ -55,6 +63,7 @@ export const TrueSheetGrabber = (props: TrueSheetGrabberProps) => {
     color = GRABBER_DEFAULT_COLOR,
     width = GRABBER_DEFAULT_WIDTH,
     height = GRABBER_DEFAULT_HEIGHT,
+    topOffset = GRABBER_DEFAULT_TOP_OFFSET,
     style,
   } = props
 
@@ -62,7 +71,7 @@ export const TrueSheetGrabber = (props: TrueSheetGrabberProps) => {
 
   return (
     <View style={$wrapper}>
-      <View style={[$grabber, { height, width, backgroundColor: color }, style]} />
+      <View style={[$grabber, { height, width, backgroundColor: color, top: topOffset }, style]} />
     </View>
   )
 }
@@ -80,5 +89,4 @@ const $wrapper: ViewStyle = {
 
 const $grabber: ViewStyle = {
   borderRadius: GRABBER_DEFAULT_HEIGHT / 2,
-  top: 6,
 }