@adiraku/react-native-ui 0.1.17 → 0.2.1

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

@@ -4,7 +4,17 @@ import { Typography } from '../typography/typography.component';
 import { getStyle } from './countdown.style';
 const Countdown = props => {
   const {
-    targetDateTime
+    targetDateTime,
+    formats = [{
+      type: 'd',
+      trailingString: ' hari'
+    }, {
+      type: 'h'
+    }, {
+      type: 'm'
+    }, {
+      type: 's'
+    }]
   } = props;
   const computedStyle = getStyle();
   const [timeLeft, setTimeLeft] = React.useState(calculateTimeRemaining(targetDateTime));
@@ -13,62 +23,50 @@ const Countdown = props => {
       setTimeLeft(calculateTimeRemaining(targetDateTime));
     }, 1000);
     return () => clearInterval(timer);
-  }, []);
+  }, [targetDateTime]);
   const formatTime = time => {
     if (time <= 0) {
       return {
-        days: `0 hari`,
-        hours: appendZero(0),
-        minutes: appendZero(0),
-        seconds: appendZero(0)
+        d: appendZero(0),
+        h: appendZero(0),
+        m: appendZero(0),
+        s: appendZero(0)
       };
     }
-    const days = Math.floor(time / (1000 * 60 * 60 * 24));
-    const hours = appendZero(Math.floor(time / (1000 * 60 * 60) % 24));
-    const minutes = appendZero(Math.floor(time / 1000 / 60 % 60));
-    const seconds = appendZero(Math.floor(time / 1000 % 60));
+    time /= 1000;
+    let day = Math.floor(time / (24 * 3600));
+    let remainingSeconds = time % (24 * 3600);
+    let hour = Math.floor(remainingSeconds / 3600);
+    remainingSeconds %= 3600;
+    let minute = Math.floor(remainingSeconds / 60);
+    let second = remainingSeconds % 60;
     return {
-      days: `${days} hari`,
-      hours,
-      minutes,
-      seconds
+      d: Math.floor(day),
+      h: Math.floor(hour),
+      m: Math.floor(minute),
+      s: Math.floor(second)
     };
   };
   return /*#__PURE__*/React.createElement(View, {
     style: [computedStyle.container]
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "overline",
-    style: [computedStyle.textLabel]
-  }, formatTime(timeLeft).days)), /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.dividerContainer]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "overline"
-  }, ":")), /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "overline",
-    style: [computedStyle.textLabel]
-  }, formatTime(timeLeft).hours)), /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.dividerContainer]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "overline"
-  }, ":")), /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "overline",
-    style: [computedStyle.textLabel]
-  }, formatTime(timeLeft).minutes)), /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.dividerContainer]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "overline"
-  }, ":")), /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(Typography, {
-    variant: "overline",
-    style: [computedStyle.textLabel]
-  }, formatTime(timeLeft).seconds)));
+  }, formats.map((_ref, idx) => {
+    var _formatTime;
+    let {
+      type,
+      leadingString = '',
+      trailingString = ''
+    } = _ref;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+      style: [computedStyle.textContainer]
+    }, /*#__PURE__*/React.createElement(Typography, {
+      variant: "overline",
+      style: [computedStyle.textLabel]
+    }, leadingString + ((_formatTime = formatTime(timeLeft)) === null || _formatTime === void 0 ? void 0 : _formatTime[type]) + trailingString)), idx !== formats.length - 1 ? /*#__PURE__*/React.createElement(View, {
+      style: [computedStyle.dividerContainer]
+    }, /*#__PURE__*/React.createElement(Typography, {
+      variant: "overline"
+    }, ":")) : null);
+  }));
 };
 const calculateTimeRemaining = targetDateTime => {
   const currentTime = new Date().getTime();

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Typography","getStyle","Countdown","props","targetDateTime","computedStyle","timeLeft","setTimeLeft","useState","calculateTimeRemaining","useEffect","timer","setInterval","clearInterval","formatTime","time","days","hours","appendZero","minutes","seconds","Math","floor","container","textContainer","textLabel","dividerContainer","currentTime","Date","getTime","targetTime","difference","max","num","Number"],"sourceRoot":"..\\..\\src","sources":["countdown.component.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","Typography","getStyle","Countdown","props","targetDateTime","formats","type","trailingString","computedStyle","timeLeft","setTimeLeft","useState","calculateTimeRemaining","useEffect","timer","setInterval","clearInterval","formatTime","time","d","appendZero","h","m","s","day","Math","floor","remainingSeconds","hour","minute","second","container","map","idx","leadingString","textContainer","textLabel","length","dividerContainer","currentTime","Date","getTime","targetTime","difference","max","num","Number"],"sourceRoot":"..\\..\\src","sources":["countdown.component.tsx"],"mappings":"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"}

package/lib/module/components/countdown/countdown.style.js

@@ -3,7 +3,8 @@ import { Palettes, Radius, Spacing } from '../../themes';
 export const getStyle = () => {
   const computedStyle = {};
   computedStyle.container = {
-    flexDirection: 'row'
+    flexDirection: 'row',
+    alignSelf: 'flex-start'
   };
   computedStyle.textLabel = {
     color: Palettes.white[50]

package/lib/module/components/countdown/countdown.style.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","computedStyle","container","flexDirection","textLabel","color","white","textContainer","backgroundColor","black","justifyContent","alignItems","borderRadius","paddingHorizontal","minWidth","height","dividerContainer","width","create"],"sourceRoot":"..\\..\\src","sources":["countdown.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAWxD,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,aAAa,EAAE;EACjB,CAAC;EAEDF,aAAa,CAACG,SAAS,GAAG;IACxBC,KAAK,EAAER,QAAQ,CAACS,KAAK,CAAC,EAAE;EAC1B,CAAC;EAEDL,aAAa,CAACM,aAAa,GAAG;IAC5BC,eAAe,EAAEX,QAAQ,CAACY,KAAK,CAAC,GAAG,CAAC;IACpCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAEd,MAAM,CAAC,CAAC,CAAC;IACvBe,iBAAiB,EAAEd,OAAO,CAAC,CAAC,CAAC;IAC7Be,QAAQ,EAAE,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EAEDd,aAAa,CAACe,gBAAgB,GAAG;IAC/BN,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBM,KAAK,EAAE;EACT,CAAC;EAED,OAAOrB,UAAU,CAACsB,MAAM,CAACjB,aAAa,CAAC;AACzC,CAAC"}
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","computedStyle","container","flexDirection","alignSelf","textLabel","color","white","textContainer","backgroundColor","black","justifyContent","alignItems","borderRadius","paddingHorizontal","minWidth","height","dividerContainer","width","create"],"sourceRoot":"..\\..\\src","sources":["countdown.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAWxD,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,aAAa,EAAE,KAAK;IACpBC,SAAS,EAAE;EACb,CAAC;EAEDH,aAAa,CAACI,SAAS,GAAG;IACxBC,KAAK,EAAET,QAAQ,CAACU,KAAK,CAAC,EAAE;EAC1B,CAAC;EAEDN,aAAa,CAACO,aAAa,GAAG;IAC5BC,eAAe,EAAEZ,QAAQ,CAACa,KAAK,CAAC,GAAG,CAAC;IACpCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAEf,MAAM,CAAC,CAAC,CAAC;IACvBgB,iBAAiB,EAAEf,OAAO,CAAC,CAAC,CAAC;IAC7BgB,QAAQ,EAAE,EAAE;IACZC,MAAM,EAAE;EACV,CAAC;EAEDf,aAAa,CAACgB,gBAAgB,GAAG;IAC/BN,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBM,KAAK,EAAE;EACT,CAAC;EAED,OAAOtB,UAAU,CAACuB,MAAM,CAAClB,aAAa,CAAC;AACzC,CAAC"}

package/lib/module/components/index.js

@@ -16,7 +16,7 @@ export { RadioInput } from './RadioInput/RadioInput.component';
 export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
 export { Checkbox } from './Checkbox/Checkbox.component';
 export { Appbar } from './Appbar/Appbar.component';
-export { Snackbar } from './Snackbar/Snackbar.component';
+export { Snackbar, SnackbarComponent } from './Snackbar/Snackbar.component';
 export { Switch } from './switch/switch.component';
 export { Dot } from './dot/dot.component';
 export { InformationBox } from './information-box/information-box.component';

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","Switch","Dot","InformationBox","RoundedTab","Countdown"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC"}
+{"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","Switch","Dot","InformationBox","RoundedTab","Countdown"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,QAAQ,EAAEC,iBAAiB,QAAQ,+BAA+B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Appbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoDhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Appbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA4DhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1,15 +1,19 @@
 import { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
+import type { TouchableHighlightProps, TextProps } from 'react-native';
 export interface AppbarProps {
     title?: string;
     onBackPress: () => void;
     backIcon?: ReactNode;
+    backIconProps?: TouchableHighlightProps;
+    titleProps?: TextProps;
     customHeader?: ReactNode;
     containerStyle?: ViewStyle;
     withShadow?: boolean;
     buttonActions?: {
         icon: ReactNode;
         onPress: () => void;
+        props?: TouchableHighlightProps;
     }[];
 }
 //# sourceMappingURL=Appbar.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Appbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,EAAE,CAAC;CACL"}
+{"version":3,"file":"Appbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,uBAAuB,CAAC;KACjC,EAAE,CAAC;CACL"}

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.component.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,aAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEtE,QAAA,MAAM,WAAW,+FAoMhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"BottomSheet.component.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,aAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEtE,QAAA,MAAM,WAAW,+FA0MhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -1,11 +1,15 @@
 import { ReactNode } from 'react';
+import type { TextProps, TouchableHighlightProps } from 'react-native';
 export interface BottomSheetProps {
     onDismiss?: () => void;
     sheetHeader?: ReactNode;
     title: string;
+    titleProps?: TextProps;
     subtitle?: string;
+    subtitleProps?: TextProps;
     isOverlayDismissDisabled?: boolean;
     dismissIcon?: ReactNode;
+    dismissIconProps?: TouchableHighlightProps;
     action?: ReactNode;
     largeIcon?: ReactNode;
     largeIconContainerHeight?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.type.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,EAAE,MAAM,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAE1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}
+{"version":3,"file":"BottomSheet.type.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,EAAE,MAAM,CAAC;IAEd,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IAE1C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBoxInput/CheckBoxInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,sBAAsB,CAAC;AAM9B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAsM9D,CAAC;AA+BF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"CheckBoxInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBoxInput/CheckBoxInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EACV,kBAAkB,EAGnB,MAAM,sBAAsB,CAAC;AAM9B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAqM9D,CAAC;AA+BF,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"RadioInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioInput/RadioInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,mBAAmB,CAAC;AAE3B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA6KxD,CAAC;AA6BF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"RadioInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioInput/RadioInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,mBAAmB,CAAC;AAE3B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CA4KxD,CAAC;AA6BF,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -1,5 +1,12 @@
 import * as React from 'react';
-import type { SnackbarProps } from './Snackbar.type';
-declare const Snackbar: React.FunctionComponent<SnackbarProps>;
-export { Snackbar };
+import { ToastProps, ToastShowParams, ToastHideParams } from 'react-native-toast-message';
+declare function SnackbarComponent(props: ToastProps): JSX.Element;
+declare const Snackbar: {
+    show: (params: Omit<ToastShowParams, 'props' | 'text1' | 'text2' | 'type'> & {
+        message: string;
+        action?: React.ReactNode;
+    }) => void;
+    hide: (params: ToastHideParams) => void;
+};
+export { Snackbar, SnackbarComponent };
 //# sourceMappingURL=Snackbar.component.d.ts.map

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;AAM/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAiBpD,CAAC;AAEF,OAAO,EAAE,QAAQ,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;AA0BpC,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;KAC1B;mBAWY,eAAe;CAG/B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,6 +1,7 @@
 import type { ViewStyle, TextStyle } from 'react-native';
 interface ComputedStyleProps {
     container?: ViewStyle;
+    snackbarWrapper?: ViewStyle;
     message?: TextStyle;
     actionWrapper?: ViewStyle;
 }

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":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,0BAsBpB,CAAC"}
+{"version":3,"file":"Snakbar.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Snackbar/Snakbar.style.tsx"],"names":[],"mappings":"AAIA,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,0BA2BpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASvD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA+GtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASvD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA2GtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8BjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAmCjC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"countdown.component.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAsEtD,CAAC;AAmBF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"countdown.component.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAuEtD,CAAC;AAmBF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/typescript/components/countdown/countdown.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"countdown.style.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.style.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,0BA4BpB,CAAC"}
+{"version":3,"file":"countdown.style.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.style.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,QAAQ,0BA6BpB,CAAC"}

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

@@ -3,5 +3,10 @@ export interface CountdownProps {
      * The target time in Date format, ex: 'YYYY-MM-DD hh:mm:ss'
      */
     targetDateTime: string | number | Date;
+    formats?: {
+        type: 'd' | 'h' | 'm' | 's';
+        trailingString?: string;
+        leadingString?: string;
+    }[];
 }
 //# sourceMappingURL=countdown.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"countdown.type.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CACxC"}
+{"version":3,"file":"countdown.type.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEvC,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,EAAE,CAAC;CACL"}

package/lib/typescript/components/index.d.ts

@@ -16,7 +16,7 @@ export { RadioInput } from './RadioInput/RadioInput.component';
 export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
 export { Checkbox } from './Checkbox/Checkbox.component';
 export { Appbar } from './Appbar/Appbar.component';
-export { Snackbar } from './Snackbar/Snackbar.component';
+export { Snackbar, SnackbarComponent } from './Snackbar/Snackbar.component';
 export { Switch } from './switch/switch.component';
 export { Dot } from './dot/dot.component';
 export { InformationBox } from './information-box/information-box.component';

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adiraku/react-native-ui",
-  "version": "0.1.17",
+  "version": "0.2.1",
   "description": "test",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -30,6 +30,7 @@
     "test": "jest",
     "typecheck": "tsc --noEmit",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint-fix": "eslint \"**/*.{js,ts,tsx}\" --fix",
     "prepack": "bob build",
     "release": "release-it",
     "example": "yarn --cwd example",
@@ -67,11 +68,11 @@
     "react": "18.2.0",
     "react-native": "0.71.1",
     "react-native-builder-bob": "^0.20.0",
+    "react-native-svg": "^13.9.0",
     "react-native-svg-web": "^1.0.9",
     "react-native-web": "^0.19.4",
     "release-it": "^15.0.0",
-    "typescript": "4.5.2",
-    "react-native-svg": "^13.9.0"
+    "typescript": "4.5.2"
   },
   "resolutions": {
     "@types/react": "17.0.21"
@@ -125,5 +126,6 @@
     ]
   },
   "dependencies": {
+    "react-native-toast-message": "^2.1.6"
   }
 }

package/src/components/Appbar/Appbar.component.tsx

@@ -19,6 +19,8 @@ const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
     onBackPress = () => {},
     buttonActions = [],
     withShadow = true,
+    backIconProps = {},
+    titleProps = {},
   } = props;
 
   const computedStyle = getStyle();
@@ -37,11 +39,16 @@ const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
             onPress={onBackPress}
             style={[computedStyle.iconWrapper]}
             underlayColor={Palettes.grey[50]}
+            {...backIconProps}
           >
             {backIcon}
           </TouchableHighlight>
           <View style={[computedStyle.contentWrapper]}>
-            <Typography variant="subtitle1" style={[computedStyle.title]}>
+            <Typography
+              variant="subtitle1"
+              style={[computedStyle.title]}
+              {...titleProps}
+            >
               {title}
             </Typography>
             {buttonActions.length > 0 &&
@@ -51,6 +58,7 @@ const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
                   onPress={action.onPress}
                   style={[computedStyle.iconWrapper]}
                   underlayColor={Palettes.grey[50]}
+                  {...action.props}
                 >
                   {action.icon}
                 </TouchableHighlight>

package/src/components/Appbar/Appbar.type.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
 
+import type { TouchableHighlightProps, TextProps } from 'react-native';
+
 export interface AppbarProps {
   title?: string;
 
@@ -8,6 +10,10 @@ export interface AppbarProps {
 
   backIcon?: ReactNode;
 
+  backIconProps?: TouchableHighlightProps;
+
+  titleProps?: TextProps;
+
   customHeader?: ReactNode;
 
   containerStyle?: ViewStyle;
@@ -17,5 +23,6 @@ export interface AppbarProps {
   buttonActions?: {
     icon: ReactNode;
     onPress: () => void;
+    props?: TouchableHighlightProps;
   }[];
 }

package/src/components/BottomSheet/BottomSheet.component.tsx

@@ -26,9 +26,12 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
     const {
       onDismiss,
       title,
+      titleProps = {},
       subtitle,
+      subtitleProps = {},
       isOverlayDismissDisabled = false,
       dismissIcon = null,
+      dismissIconProps = {},
       action = null,
       largeIcon = null,
       largeIconContainerHeight = 50,
@@ -112,11 +115,12 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
                 },
               ]}
             >
-              {dismissIcon && (
+              {!!dismissIcon && (
                 <TouchableHighlight
                   onPress={handleDismiss}
                   style={[computedStyle.sheetDismissIconWrapper]}
                   underlayColor={'transparent'}
+                  {...dismissIconProps}
                 >
                   {dismissIcon}
                 </TouchableHighlight>
@@ -130,11 +134,12 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
                 },
               ]}
             >
-              {title && (
+              {!!title && (
                 <Typography
                   variant="subtitle1"
                   style={[computedStyle.textCenter]}
                   numberOfLines={2}
+                  {...titleProps}
                 >
                   {title}
                 </Typography>
@@ -152,11 +157,12 @@ const BottomSheet = React.forwardRef<BottomSheetRefHandle, BottomSheetProps>(
               {action || null}
             </View>
           </View>
-          {subtitle && (
+          {!!subtitle && (
             <Typography
               variant="body2"
               numberOfLines={2}
               style={[computedStyle.textCenter]}
+              {...subtitleProps}
             >
               {subtitle}
             </Typography>

package/src/components/BottomSheet/BottomSheet.type.ts

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 
+import type { TextProps, TouchableHighlightProps } from 'react-native';
+
 export interface BottomSheetProps {
   onDismiss?: () => void;
 
@@ -7,12 +9,18 @@ export interface BottomSheetProps {
 
   title: string;
 
+  titleProps?: TextProps;
+
   subtitle?: string;
 
+  subtitleProps?: TextProps;
+
   isOverlayDismissDisabled?: boolean;
 
   dismissIcon?: ReactNode;
 
+  dismissIconProps?: TouchableHighlightProps;
+
   action?: ReactNode;
 
   largeIcon?: ReactNode;

package/src/components/CheckBoxInput/CheckBoxInput.component.tsx

@@ -209,7 +209,6 @@ const CheckBoxInput: React.FunctionComponent<CheckboxInputProps> = (props) => {
           }}
           // eslint-disable-next-line react-native/no-inline-styles
           contentContainerStyle={{ padding: 16 }}
-          // eslint-disable-next-line react/no-unstable-nested-components
           ItemSeparatorComponent={() => customItemSeparator}
         />
         {/* eslint-disable-next-line react-native/no-inline-styles */}

package/src/components/RadioInput/RadioInput.component.tsx

@@ -182,7 +182,6 @@ const RadioInput: React.FunctionComponent<RadioInputProps> = (props) => {
           }}
           // eslint-disable-next-line react-native/no-inline-styles
           contentContainerStyle={{ padding: 16 }}
-          // eslint-disable-next-line react/no-unstable-nested-components
           ItemSeparatorComponent={() => customItemSeparator}
         />
         {/* eslint-disable-next-line react-native/no-inline-styles */}