@adiraku/react-native-ui 1.2.10 → 1.2.11-canary-2

package/lib/commonjs/components/Snackbar/Snackbar.component.js

@@ -11,6 +11,7 @@ var _reactNative = require("react-native");
 var _reactNativeToastMessage = _interopRequireDefault(require("react-native-toast-message"));
 var _typography = require("../typography/typography.component");
 var _Snakbar = require("./Snakbar.style");
+var _icons = require("src/icons");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -20,13 +21,21 @@ const SnackbarUI = props => {
     message = '',
     action = null,
     variant,
-    containerStyle
+    containerStyle,
+    showIcon = false,
+    customIcon = null,
+    textVariant = 'caption'
   } = props;
   const computedStyle = (0, _Snakbar.getStyle)(variant);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: [computedStyle.container, containerStyle]
-  }, /*#__PURE__*/React.createElement(_typography.Typography, {
-    variant: "caption",
+  }, showIcon && /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.iconWrapper]
+  }, customIcon || /*#__PURE__*/React.createElement(_icons.IconInfo, {
+    width: 16,
+    height: 16
+  })), /*#__PURE__*/React.createElement(_typography.Typography, {
+    variant: textVariant,
     numberOfLines: 3,
     style: [computedStyle.message]
   }, message), action && /*#__PURE__*/React.createElement(_reactNative.View, {
@@ -46,19 +55,24 @@ function SnackbarComponent(props) {
         const {
           message,
           action,
-          variant
+          variant,
+          showIcon,
+          textVariant,
+          customIcon
         } = toastProps;
         return /*#__PURE__*/React.createElement(_reactNative.View, {
           style: [computedStyle.snackbarWrapper]
         }, /*#__PURE__*/React.createElement(SnackbarUI, {
           message: message,
           action: action,
-          variant: variant
+          variant: variant,
+          showIcon: showIcon,
+          textVariant: textVariant,
+          customIcon: customIcon
         }));
       }
     },
-    type: "aleph_toast",
-    position: "bottom"
+    type: "aleph_toast"
   }));
 }
 const Snackbar = exports.Snackbar = {
@@ -66,14 +80,20 @@ const Snackbar = exports.Snackbar = {
     const {
       message = '',
       action,
-      variant = 'info'
+      variant = 'info',
+      showIcon,
+      customIcon,
+      textVariant
     } = params;
     _reactNativeToastMessage.default.show({
       ...params,
       props: {
         message,
         action,
-        variant
+        variant,
+        showIcon,
+        textVariant,
+        customIcon
       }
     });
   },

package/lib/commonjs/components/Snackbar/Snackbar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeToastMessage","_interopRequireDefault","_typography","_Snakbar","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SnackbarUI","props","message","action","variant","containerStyle","computedStyle","getStyle","createElement","View","style","container","Typography","numberOfLines","actionWrapper","exports","SnackbarComponent","config","aleph_toast","toastProps","snackbarWrapper","type","position","Snackbar","show","params","RNToast","hide"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snackbar.component.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeToastMessage","_interopRequireDefault","_typography","_Snakbar","_icons","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SnackbarUI","props","message","action","variant","containerStyle","showIcon","customIcon","textVariant","computedStyle","getStyle","createElement","View","style","container","iconWrapper","IconInfo","width","height","Typography","numberOfLines","actionWrapper","exports","SnackbarComponent","config","aleph_toast","toastProps","snackbarWrapper","type","Snackbar","show","params","RNToast","hide"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snackbar.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Snackbar/Snakbar.style.js

@@ -27,6 +27,11 @@ const getStyle = variant => {
   computedStyle.actionWrapper = {
     marginLeft: _themes.Spacing[16]
   };
+  computedStyle.iconWrapper = {
+    marginRight: _themes.Spacing[8],
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
   return _reactNative.StyleSheet.create(computedStyle);
 };
 exports.getStyle = getStyle;

package/lib/commonjs/components/Snackbar/Snakbar.style.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_themes","getStyle","variant","computedStyle","container","padding","Spacing","borderRadius","Radius","flexDirection","alignItems","justifyContent","backgroundColor","Palettes","blue","red","Shadow","snackbarWrapper","width","paddingHorizontal","message","flex","actionWrapper","marginLeft","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snakbar.style.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAWO,MAAME,QAAQ,GAAIC,OAAkC,IAAK;EAC9D,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAEV,OAAO,KAAK,MAAM,GAAGW,gBAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,GAAGD,gBAAQ,CAACE,GAAG,CAAC,EAAE,CAAC;IAC1E,GAAGC,cAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDb,aAAa,CAACc,eAAe,GAAG;IAC9BC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAEb,eAAO,CAAC,EAAE;EAC/B,CAAC;EAEDH,aAAa,CAACiB,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDlB,aAAa,CAACmB,aAAa,GAAG;IAC5BC,UAAU,EAAEjB,eAAO,CAAC,EAAE;EACxB,CAAC;EAED,OAAOkB,uBAAU,CAACC,MAAM,CAACtB,aAAa,CAAC;AACzC,CAAC;AAACuB,OAAA,CAAAzB,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_themes","getStyle","variant","computedStyle","container","padding","Spacing","borderRadius","Radius","flexDirection","alignItems","justifyContent","backgroundColor","Palettes","blue","red","Shadow","snackbarWrapper","width","paddingHorizontal","message","flex","actionWrapper","marginLeft","iconWrapper","marginRight","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snakbar.style.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAYO,MAAME,QAAQ,GAAIC,OAAkC,IAAK;EAC9D,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAEV,OAAO,KAAK,MAAM,GAAGW,gBAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,GAAGD,gBAAQ,CAACE,GAAG,CAAC,EAAE,CAAC;IAC1E,GAAGC,cAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDb,aAAa,CAACc,eAAe,GAAG;IAC9BC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAEb,eAAO,CAAC,EAAE;EAC/B,CAAC;EAEDH,aAAa,CAACiB,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDlB,aAAa,CAACmB,aAAa,GAAG;IAC5BC,UAAU,EAAEjB,eAAO,CAAC,EAAE;EACxB,CAAC;EAEDH,aAAa,CAACqB,WAAW,GAAG;IAC1BC,WAAW,EAAEnB,eAAO,CAAC,CAAC,CAAC;IACvBI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EAED,OAAOe,uBAAU,CAACC,MAAM,CAACxB,aAAa,CAAC;AACzC,CAAC;AAACyB,OAAA,CAAA3B,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/module/components/Snackbar/Snackbar.component.js

@@ -4,18 +4,27 @@ import { View } from 'react-native';
 import RNToast from 'react-native-toast-message';
 import { Typography } from '../typography/typography.component';
 import { getStyle } from './Snakbar.style';
+import { IconInfo } from 'src/icons';
 const SnackbarUI = props => {
   const {
     message = '',
     action = null,
     variant,
-    containerStyle
+    containerStyle,
+    showIcon = false,
+    customIcon = null,
+    textVariant = 'caption'
   } = props;
   const computedStyle = getStyle(variant);
   return /*#__PURE__*/React.createElement(View, {
     style: [computedStyle.container, containerStyle]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption",
+  }, showIcon && /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.iconWrapper]
+  }, customIcon || /*#__PURE__*/React.createElement(IconInfo, {
+    width: 16,
+    height: 16
+  })), /*#__PURE__*/React.createElement(Typography, {
+    variant: textVariant,
     numberOfLines: 3,
     style: [computedStyle.message]
   }, message), action && /*#__PURE__*/React.createElement(View, {
@@ -34,19 +43,24 @@ function SnackbarComponent(props) {
         const {
           message,
           action,
-          variant
+          variant,
+          showIcon,
+          textVariant,
+          customIcon
         } = toastProps;
         return /*#__PURE__*/React.createElement(View, {
           style: [computedStyle.snackbarWrapper]
         }, /*#__PURE__*/React.createElement(SnackbarUI, {
           message: message,
           action: action,
-          variant: variant
+          variant: variant,
+          showIcon: showIcon,
+          textVariant: textVariant,
+          customIcon: customIcon
         }));
       }
     },
-    type: "aleph_toast",
-    position: "bottom"
+    type: "aleph_toast"
   }));
 }
 const Snackbar = {
@@ -54,14 +68,20 @@ const Snackbar = {
     const {
       message = '',
       action,
-      variant = 'info'
+      variant = 'info',
+      showIcon,
+      customIcon,
+      textVariant
     } = params;
     RNToast.show({
       ...params,
       props: {
         message,
         action,
-        variant
+        variant,
+        showIcon,
+        textVariant,
+        customIcon
       }
     });
   },

package/lib/module/components/Snackbar/Snackbar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","RNToast","Typography","getStyle","SnackbarUI","props","message","action","variant","containerStyle","computedStyle","createElement","style","container","numberOfLines","actionWrapper","SnackbarComponent","_extends","config","aleph_toast","toastProps","snackbarWrapper","type","position","Snackbar","show","params","hide"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snackbar.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,OAAO,MAIP,4BAA4B;AAEnC,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,iBAAiB;AAI1C,MAAMC,UAAkD,GAAIC,KAAK,IAAK;EACpE,MAAM;IAAEC,OAAO,GAAG,EAAE;IAAEC,MAAM,GAAG,IAAI;IAAEC,OAAO;IAAEC;EAAe,CAAC,GAAGJ,KAAK;EAEtE,MAAMK,aAAa,GAAGP,QAAQ,CAACK,OAAO,CAAC;EAEvC,oBACET,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACF,aAAa,CAACG,SAAS,EAAEJ,cAAc;EAAE,gBACrDV,KAAA,CAAAY,aAAA,CAACT,UAAU;IACTM,OAAO,EAAC,SAAS;IACjBM,aAAa,EAAE,CAAE;IACjBF,KAAK,EAAE,CAACF,aAAa,CAACJ,OAAO;EAAE,GAE9BA,OACS,CAAC,EACZC,MAAM,iBAAIR,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACY,KAAK,EAAE,CAACF,aAAa,CAACK,aAAa;EAAE,GAAER,MAAa,CACjE,CAAC;AAEX,CAAC;AAED,SAASS,iBAAiBA,CAACX,KAAiB,EAAE;EAC5C,MAAMK,aAAa,GAAGP,QAAQ,CAAC,CAAC;EAEhC,oBACEJ,KAAA,CAAAY,aAAA,CAACV,OAAO,EAAAgB,QAAA,KACFZ,KAAK;IACTa,MAAM,EAAE;MACN,GAAGb,KAAK,CAACa,MAAM;MACf;MACAC,WAAW,EAAEA,CAAC;QAAEd,KAAK,EAAEe;MAAqC,CAAC,KAAK;QAChE,MAAM;UAAEd,OAAO;UAAEC,MAAM;UAAEC;QAAQ,CAAC,GAAGY,UAAU;QAE/C,oBACErB,KAAA,CAAAY,aAAA,CAACX,IAAI;UAACY,KAAK,EAAE,CAACF,aAAa,CAACW,eAAe;QAAE,gBAC3CtB,KAAA,CAAAY,aAAA,CAACP,UAAU;UAACE,OAAO,EAAEA,OAAQ;UAACC,MAAM,EAAEA,MAAO;UAACC,OAAO,EAAEA;QAAQ,CAAE,CAC7D,CAAC;MAEX;IACF,CAAE;IACFc,IAAI,EAAC,aAAa;IAClBC,QAAQ,EAAC;EAAQ,EAClB,CAAC;AAEN;AAEA,MAAMC,QAAQ,GAAG;EACfC,IAAI,EACFC,MAIC,IACE;IACH,MAAM;MAAEpB,OAAO,GAAG,EAAE;MAAEC,MAAM;MAAEC,OAAO,GAAG;IAAO,CAAC,GAAGkB,MAAM;IACzDzB,OAAO,CAACwB,IAAI,CAAC;MACX,GAAGC,MAAM;MACTrB,KAAK,EAAE;QACLC,OAAO;QACPC,MAAM;QACNC;MACF;IACF,CAAC,CAAC;EACJ,CAAC;EACDmB,IAAI,EAAGD,MAAuB,IAAK;IACjCzB,OAAO,CAAC0B,IAAI,CAACD,MAAM,CAAC;EACtB;AACF,CAAC;AAED,SAASF,QAAQ,EAAER,iBAAiB,EAAEZ,UAAU","ignoreList":[]}
+{"version":3,"names":["React","View","RNToast","Typography","getStyle","IconInfo","SnackbarUI","props","message","action","variant","containerStyle","showIcon","customIcon","textVariant","computedStyle","createElement","style","container","iconWrapper","width","height","numberOfLines","actionWrapper","SnackbarComponent","_extends","config","aleph_toast","toastProps","snackbarWrapper","type","Snackbar","show","params","hide"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snackbar.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Snackbar/Snakbar.style.js

@@ -21,6 +21,11 @@ export const getStyle = variant => {
   computedStyle.actionWrapper = {
     marginLeft: Spacing[16]
   };
+  computedStyle.iconWrapper = {
+    marginRight: Spacing[8],
+    alignItems: 'center',
+    justifyContent: 'center'
+  };
   return StyleSheet.create(computedStyle);
 };
 //# sourceMappingURL=Snakbar.style.js.map

package/lib/module/components/Snackbar/Snakbar.style.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Palettes","Radius","Shadow","Spacing","getStyle","variant","computedStyle","container","padding","borderRadius","flexDirection","alignItems","justifyContent","backgroundColor","blue","red","snackbarWrapper","width","paddingHorizontal","message","flex","actionWrapper","marginLeft","create"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snakbar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAWhE,OAAO,MAAMC,QAAQ,GAAIC,OAAkC,IAAK;EAC9D,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEL,OAAO,CAAC,EAAE,CAAC;IACpBM,YAAY,EAAER,MAAM,CAAC,CAAC,CAAC;IACvBS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAER,OAAO,KAAK,MAAM,GAAGL,QAAQ,CAACc,IAAI,CAAC,EAAE,CAAC,GAAGd,QAAQ,CAACe,GAAG,CAAC,EAAE,CAAC;IAC1E,GAAGb,MAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDI,aAAa,CAACU,eAAe,GAAG;IAC9BC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAEf,OAAO,CAAC,EAAE;EAC/B,CAAC;EAEDG,aAAa,CAACa,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDd,aAAa,CAACe,aAAa,GAAG;IAC5BC,UAAU,EAAEnB,OAAO,CAAC,EAAE;EACxB,CAAC;EAED,OAAOJ,UAAU,CAACwB,MAAM,CAACjB,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Palettes","Radius","Shadow","Spacing","getStyle","variant","computedStyle","container","padding","borderRadius","flexDirection","alignItems","justifyContent","backgroundColor","blue","red","snackbarWrapper","width","paddingHorizontal","message","flex","actionWrapper","marginLeft","iconWrapper","marginRight","create"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snakbar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAYhE,OAAO,MAAMC,QAAQ,GAAIC,OAAkC,IAAK;EAC9D,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEL,OAAO,CAAC,EAAE,CAAC;IACpBM,YAAY,EAAER,MAAM,CAAC,CAAC,CAAC;IACvBS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAER,OAAO,KAAK,MAAM,GAAGL,QAAQ,CAACc,IAAI,CAAC,EAAE,CAAC,GAAGd,QAAQ,CAACe,GAAG,CAAC,EAAE,CAAC;IAC1E,GAAGb,MAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDI,aAAa,CAACU,eAAe,GAAG;IAC9BC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAEf,OAAO,CAAC,EAAE;EAC/B,CAAC;EAEDG,aAAa,CAACa,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDd,aAAa,CAACe,aAAa,GAAG;IAC5BC,UAAU,EAAEnB,OAAO,CAAC,EAAE;EACxB,CAAC;EAEDG,aAAa,CAACiB,WAAW,GAAG;IAC1BC,WAAW,EAAErB,OAAO,CAAC,CAAC,CAAC;IACvBQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EAED,OAAOb,UAAU,CAAC0B,MAAM,CAACnB,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/typescript/components/Snackbar/Snackbar.component.d.ts

@@ -8,6 +8,10 @@ declare const Snackbar: {
         message: string;
         action?: React.ReactNode;
         variant?: SnackbarProps['variant'];
+        position: 'bottom';
+        showIcon?: boolean;
+        textVariant?: string;
+        customIcon?: React.ReactNode;
     }) => void;
     hide: (params: ToastHideParams) => void;
 };

package/lib/typescript/components/Snackbar/Snackbar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snackbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAgB,EACd,UAAU,EACV,eAAe,EACf,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAiBtD,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,UAAU,eAuB3C;AAED,QAAA,MAAM,QAAQ;mBAEF,KAAK,eAAe,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,GAAG;QACpE,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,SAAS,CAAC;QACzB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;KACpC;mBAYY,eAAe;CAG/B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Snackbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snackbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAgB,EACd,UAAU,EACV,eAAe,EACf,eAAe,EAChB,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CA8BtD,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,UAAU,eAoC3C;AAED,QAAA,MAAM,QAAQ;mBAEF,KAAK,eAAe,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,GAAG;QACpE,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,SAAS,CAAC;QACzB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QACnC,QAAQ,EAAE,QAAQ,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;KAC9B;mBAsBY,eAAe;CAG/B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/components/Snackbar/Snackbar.type.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
+import { TypographyProps } from '../typography/typography.type';
 export interface SnackbarProps {
     /**
      * The text content of the snackbar
@@ -22,6 +23,18 @@ export interface SnackbarProps {
      *
      */
     variant?: SnackbarVariant;
+    /**
+     * Flag to show icon
+     */
+    showIcon?: boolean;
+    /**
+     * Custom Typography variant
+     */
+    textVariant?: TypographyProps['variant'];
+    /**
+     * Custom Icon to show
+     */
+    customIcon?: ReactNode;
 }
 export declare type SnackbarVariant = 'info' | 'danger';
 //# sourceMappingURL=Snackbar.type.d.ts.map

package/lib/typescript/components/Snackbar/Snackbar.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snackbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,oBAAY,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"Snackbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snackbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IAEzC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,oBAAY,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC"}

package/lib/typescript/components/Snackbar/Snakbar.style.d.ts

@@ -5,6 +5,7 @@ interface ComputedStyleProps {
     snackbarWrapper?: ViewStyle;
     message?: TextStyle;
     actionWrapper?: ViewStyle;
+    iconWrapper?: ViewStyle;
 }
 export declare const getStyle: (variant?: SnackbarProps['variant']) => ComputedStyleProps;
 export {};

package/lib/typescript/components/Snackbar/Snakbar.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snakbar.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snakbar.style.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,aAAc,aAAa,CAAC,SAAS,CAAC,uBA2B1D,CAAC"}
+{"version":3,"file":"Snakbar.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snakbar.style.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,QAAQ,aAAc,aAAa,CAAC,SAAS,CAAC,uBAiC1D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adiraku/react-native-ui",
-  "version": "1.2.10",
+  "version": "1.2.11-canary-2",
   "description": "UI library for Adiraku apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/Snackbar/Snackbar.component.tsx

@@ -10,16 +10,30 @@ import { Typography } from '../typography/typography.component';
 import { getStyle } from './Snakbar.style';
 
 import type { SnackbarProps } from './Snackbar.type';
+import { IconInfo } from 'src/icons';
 
 const SnackbarUI: React.FunctionComponent<SnackbarProps> = (props) => {
-  const { message = '', action = null, variant, containerStyle } = props;
+  const {
+    message = '',
+    action = null,
+    variant,
+    containerStyle,
+    showIcon = false,
+    customIcon = null,
+    textVariant = 'caption',
+  } = props;
 
   const computedStyle = getStyle(variant);
 
   return (
     <View style={[computedStyle.container, containerStyle]}>
+      {showIcon && (
+        <View style={[computedStyle.iconWrapper]}>
+          {customIcon || <IconInfo width={16} height={16} />}
+        </View>
+      )}
       <Typography
-        variant="caption"
+        variant={textVariant}
         numberOfLines={3}
         style={[computedStyle.message]}
       >
@@ -40,17 +54,30 @@ function SnackbarComponent(props: ToastProps) {
         ...props.config,
         // eslint-disable-next-line react/no-unstable-nested-components
         aleph_toast: ({ props: toastProps }: { props: SnackbarProps }) => {
-          const { message, action, variant } = toastProps;
+          const {
+            message,
+            action,
+            variant,
+            showIcon,
+            textVariant,
+            customIcon,
+          } = toastProps;
 
           return (
             <View style={[computedStyle.snackbarWrapper]}>
-              <SnackbarUI message={message} action={action} variant={variant} />
+              <SnackbarUI
+                message={message}
+                action={action}
+                variant={variant}
+                showIcon={showIcon}
+                textVariant={textVariant}
+                customIcon={customIcon}
+              />
             </View>
           );
         },
       }}
       type="aleph_toast"
-      position="bottom"
     />
   );
 }
@@ -61,15 +88,29 @@ const Snackbar = {
       message: string;
       action?: React.ReactNode;
       variant?: SnackbarProps['variant'];
+      position: 'bottom';
+      showIcon?: boolean;
+      textVariant?: string;
+      customIcon?: React.ReactNode;
     }
   ) => {
-    const { message = '', action, variant = 'info' } = params;
+    const {
+      message = '',
+      action,
+      variant = 'info',
+      showIcon,
+      customIcon,
+      textVariant,
+    } = params;
     RNToast.show({
       ...params,
       props: {
         message,
         action,
         variant,
+        showIcon,
+        textVariant,
+        customIcon,
       },
     });
   },

package/src/components/Snackbar/Snackbar.type.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
+import { TypographyProps } from '../typography/typography.type';
 
 export interface SnackbarProps {
   /**
@@ -26,6 +27,21 @@ export interface SnackbarProps {
    *
    */
   variant?: SnackbarVariant;
+
+  /**
+   * Flag to show icon
+   */
+  showIcon?: boolean;
+
+  /**
+   * Custom Typography variant
+   */
+  textVariant?: TypographyProps['variant'];
+
+  /**
+   * Custom Icon to show
+   */
+  customIcon?: ReactNode;
 }
 
 export type SnackbarVariant = 'info' | 'danger';

package/src/components/Snackbar/Snakbar.style.tsx

@@ -10,6 +10,7 @@ interface ComputedStyleProps {
   snackbarWrapper?: ViewStyle;
   message?: TextStyle;
   actionWrapper?: ViewStyle;
+  iconWrapper?: ViewStyle;
 }
 
 export const getStyle = (variant?: SnackbarProps['variant']) => {
@@ -38,5 +39,11 @@ export const getStyle = (variant?: SnackbarProps['variant']) => {
     marginLeft: Spacing[16],
   };
 
+  computedStyle.iconWrapper = {
+    marginRight: Spacing[8],
+    alignItems: 'center',
+    justifyContent: 'center',
+  };
+
   return StyleSheet.create(computedStyle);
 };