@adiraku/react-native-ui 0.1.16 → 0.2.0

package/README.md

@@ -1,26 +1,51 @@
-# react-native-ui
+# @adiraku/react-native-ui
 
 UI Library for Adiraku Apps
 
+Welcome to the documentation for `@adiraku/react-native-ui`! This is a component library for React Native that offers a collection of versatile components inspired by Aleph design and developed with atomic design principles. This documentation will provide instructions on installation, usage, and customization of the components, enabling you to enhance your React Native applications efficiently. Let's begin exploring `@adiraku/react-native-ui`!
+
+For detailed design references, please visit link below:
+ - [Documentation](https://incubation.atlassian.net/wiki/external/2269282317/MjRlNGE2ODcyMDc5NDM5YmI3ZmY0NTMyMWNiYjAzOTM)
+ - [Figma](https://www.figma.com/file/Gn2Dq11l5olRAf8nJYSF3S/%F0%9F%91%B6-Design-System-Adiraku-2.0-(Final)?type=design&node-id=148%3A2679&mode=dev)
+ - [Storybook](http://10.6.0.140/sit-ms-storybook-svc) (Require office network to access)
+
 ## Installation
 
 ```sh
-npm install react-native-ui
+yarn add @adiraku/react-native-ui@latest
 ```
 
-## Usage
-
-```js
-import { UiView } from "react-native-ui";
+### Configuring font
+This library use Montserrat font, make sure you have them in your projects
+  - Montserrat-Bold, 
+  - Montserrat-BoldItalic, 
+  - Montserrat-Italic, 
+  - Montserrat-Regular, 
+  - Montserrat-SemiBold, 
+  - Montserrat-SemiBoldItalic
+  
+Reference: [configuring assets in react native](https://www.npmjs.com/package/react-native-asset)
 
-// ...
+## Quick start
 
-<UiView color="tomato" />
+The following code snippet demonstrates a simple app that uses the `Button` component:
+```
+import React from 'react-native';
+import { View } from 'react-native';
+import { Button } from '@adiraku/react-native-ui';
+
+export function MyApp() {
+  return (
+    <View>
+      <Button
+        variant="primary"
+        label="This is button"
+        onPress={() => console.log('Pressed')}
+      />
+    </View>
+  );
+}
 ```
-
-## Contributing
-
-See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
 
 ## License
 
@@ -28,50 +53,4 @@ MIT
 
 ---
 
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
-
-
-## Adding Montserratt Font to The app
-in Example App download the desired fonts.ttf
-  store it in root/assets/fonts
-
-install
-  npm i react-native-asset
-
-Add assets to your react-native.config.js
-  "assets": [
-    "./src/font",
-    "./src/mp3"
-  ]
-
-Run the command and linking + unlinking is automatic!
-  react-native-asset  
-
-Resources:
-  - https://www.npmjs.com/package/react-native-asset
-  - https://blog.logrocket.com/adding-custom-fonts-react-native/
-
-
-## Publishing the library
-First run in local verdaccio in terminal, it willl give you local verdaccio url
-  verdaccio
-
-Login with NPM user to verdaccio
-  npm adduser --registry http://localhost:4873/
-
-Change the config in package.json
-{
-  "name": "@test/react-native-ui", // prefix it with @test for local, @adiraku for publish to verdaccio
-  "version": "0.0.2", // update version arcodingly
-  "publishConfig": {
-    "registry": "http://localhost:4837" // change the registry arcodingly, localhost if to local
-  }
-}
-
-Build the libary
-  yarn prepack
-
-Publish the library locally, to test it first
-  npm publish --registry http://localhost:4837
-
-After its confirmed that the library is OK, you can publish it to the private verdaccio registry
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

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

@@ -36,7 +36,9 @@ const CheckBoxInput = props => {
     saveInputLabel,
     bottomSheetOpt,
     selectionLimit,
-    onInputDismiss = () => {}
+    onInputDismiss = () => {},
+    customCheckboxInput,
+    customItemSeparator = /*#__PURE__*/React.createElement(_Divider.Divider, null)
   } = props;
   const [labelWidth, setLabelWidth] = React.useState(0);
   const [selectedValue, setSelectedValue] = React.useState(value);
@@ -150,19 +152,26 @@ const CheckBoxInput = props => {
     onDismiss: handleOnBottomSheetDismiss
   }, bottomSheetOpt), /*#__PURE__*/React.createElement(_reactNative.FlatList, {
     data: data,
-    renderItem: item => /*#__PURE__*/React.createElement(CheckboxItem, {
-      data: item,
-      selectedValue: selectedValue,
-      onItemPress: onCheckboxItemPress
-    })
+    renderItem: item => {
+      if (customCheckboxInput) {
+        return customCheckboxInput({
+          data: item,
+          selectedValue: selectedValue,
+          onItemPress: onCheckboxItemPress
+        });
+      }
+      return /*#__PURE__*/React.createElement(CheckboxItem, {
+        data: item,
+        selectedValue: selectedValue,
+        onItemPress: onCheckboxItemPress
+      });
+    }
     // eslint-disable-next-line react-native/no-inline-styles
     ,
     contentContainerStyle: {
       padding: 16
-    }
-    // eslint-disable-next-line react/no-unstable-nested-components
-    ,
-    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(_Divider.Divider, null)
+    },
+    ItemSeparatorComponent: () => customItemSeparator
   }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: {
       padding: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["CheckBoxInput","props","value","label","errorMessage","helperMessage","isError","disabled","editable","inputIcon","Palettes","black","data","onSaveInput","saveInputLabel","bottomSheetOpt","selectionLimit","onInputDismiss","labelWidth","setLabelWidth","React","useState","selectedValue","setSelectedValue","computedStyle","getStyle","bottomSheetref","useRef","animation","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","selectedObject","useCallback","labels","map","check","checkbox","find","obj","join","useEffect","getLabelWidth","event","width","nativeEvent","layout","onCheckboxItemPress","checkboxValue","index","some","selected","arr","filter","item","length","temp","splice","handleOnSaveInput","close","handleOnBottomSheetDismiss","openBottomSheet","open","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","messageHelper","padding","backgroundColor","CheckboxItem","onItemPress","whiteDark","checkboxItemWrapper"],"sourceRoot":"..\\..\\src","sources":["CheckBoxInput.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAA0D;AAAA;AAAA;AAK1D,MAAMA,aAA0D,GAAIC,KAAK,IAAK;EAC5E,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,YAAY;IACZC,aAAa;IACbC,OAAO;IACPC,QAAQ;IACRC,QAAQ,GAAG,IAAI;IACfC,SAAS,gBACP,oBAAC,sBAAe;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE,EAAG;MAAC,IAAI,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG;IAAE,EACnE;IACDC,IAAI;IACJC,WAAW,GAAG,MAAM,CAAC,CAAC;IACtBC,cAAc;IACdC,cAAc;IACdC,cAAc;IACdC,cAAc,GAAG,MAAM,CAAC;EAC1B,CAAC,GAAGhB,KAAK;EAET,MAAM,CAACiB,UAAU,EAAEC,aAAa,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAAC;EACrD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGH,KAAK,CAACC,QAAQ,CAEtDnB,KAAK,CAAC;EAER,MAAMsB,aAAa,GAAG,IAAAC,uBAAQ,EAACxB,KAAK,CAAC;EAErC,MAAMyB,cAAc,GAAGN,KAAK,CAACO,MAAM,CAAqB,IAAI,CAAC;EAE7D,MAAMC,SAAS,GAAGR,KAAK,CAACO,MAAM,CAAC,IAAIE,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EACrD,MAAMC,KAAK,GAAGH,SAAS,CAACI,OAAO,CAACC,WAAW,CAAC;IAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG;EACtB,CAAC,CAAC;EACF,MAAMC,UAAU,GAAGR,SAAS,CAACI,OAAO,CAACC,WAAW,CAAC;IAC/CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;EACtB,CAAC,CAAC;EACF,MAAME,UAAU,GAAGT,SAAS,CAACI,OAAO,CAACC,WAAW,CAAC;IAC/CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAEjB,UAAU,GAAG,CAAC,GAAG;EACpC,CAAC,CAAC;EAEF,MAAMoB,OAAO,GAAIC,OAAc,IAC7BV,qBAAQ,CAACW,MAAM,CAACZ,SAAS,CAACI,OAAO,EAAE;IACjCS,eAAe,EAAE,IAAI;IACrBF;EACF,CAAC,CAAC,CAACG,KAAK,EAAE;EAEZ,MAAMC,cAAc,GAAGvB,KAAK,CAACwB,WAAW,CAAC,MAAM;IAC7C,MAAMC,MAAM,GAAG3C,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE4C,GAAG,CAAEC,KAAK,IAAK;MACnC,MAAMC,QAAQ,GAAGpC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEqC,IAAI,CAAEC,GAAG,IAAK;QACnC,OAAOA,GAAG,CAAChD,KAAK,KAAK6C,KAAK,CAAC7C,KAAK;MAClC,CAAC,CAAC;MAEF,OAAO8C,QAAQ,GAAGA,QAAQ,CAAC7C,KAAK,GAAG,IAAI;IACzC,CAAC,CAAC;IAEF,OAAO0C,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEM,IAAI,CAAC,IAAI,CAAC;EAC3B,CAAC,EAAE,CAACvC,IAAI,EAAEV,KAAK,CAAC,CAAC;EAEjBkB,KAAK,CAACgC,SAAS,CAAC,MAAM;IACpB,IAAIT,cAAc,EAAE,EAAE;MACpBL,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC,MAAM;MACLA,OAAO,CAAC,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAACK,cAAc,CAAC,CAAC;EAEpBvB,KAAK,CAACgC,SAAS,CAAC,MAAM;IACpB7B,gBAAgB,CAACrB,KAAK,CAAC;EACzB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMmD,aAAa,GAAIC,KAAwB,IAAK;IAClD,MAAM;MAAEC;IAAM,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM;IAC1CtC,aAAa,CAACoC,KAAK,GAAG,EAAE,CAAC;EAC3B,CAAC;EAED,MAAMG,mBAAmB,GAAIC,aAAgC,IAAK;IAChE,MAAMC,KAAK,GAAGtC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEuC,IAAI,CAC9BC,QAAQ,IAAKA,QAAQ,CAAC5D,KAAK,KAAKyD,aAAa,CAACzD,KAAK,CACrD;IACD,IAAI0D,KAAK,EAAE;MACT,MAAMG,GAAG,GAAGzC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE0C,MAAM,CAC9BC,IAAI,IAAKA,IAAI,CAAC/D,KAAK,KAAKyD,aAAa,CAACzD,KAAK,CAC7C;MACDqB,gBAAgB,CAACwC,GAAG,CAAC;IACvB,CAAC,MAAM;MACL,IACE/C,cAAc,IACdA,cAAc,GAAG,CAAC,IAClB,CAAAM,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE4C,MAAM,MAAKlD,cAAc,EACxC;QACA,IAAImD,IAAI,GAAG7C,aAAa;QACxB6C,IAAI,CAACC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;QACjB7C,gBAAgB,CAAC,CAAC,IAAI4C,IAAI,IAAI,EAAE,CAAC,EAAER,aAAa,CAAC,CAAC;MACpD,CAAC,MAAM;QACLpC,gBAAgB,CAAC,CAAC,IAAID,aAAa,IAAI,EAAE,CAAC,EAAEqC,aAAa,CAAC,CAAC;MAC7D;IACF;EACF,CAAC;EAED,MAAMU,iBAAiB,GAAG,MAAM;IAAA;IAC9BxD,WAAW,CAACS,aAAa,CAAC;IAC1BL,cAAc,EAAE;IAChB,yBAAAS,cAAc,CAACM,OAAO,0DAAtB,sBAAwBsC,KAAK,EAAE;EACjC,CAAC;EAED,MAAMC,0BAA0B,GAAG,MAAM;IACvChD,gBAAgB,CAACrB,KAAK,CAAC;IACvBe,cAAc,EAAE;EAClB,CAAC;EAED,MAAMuD,eAAe,GAAG,MAAM;IAC5B,IAAI,CAACjE,QAAQ,IAAIC,QAAQ,EAAE;MAAA;MACzB,0BAAAkB,cAAc,CAACM,OAAO,2DAAtB,uBAAwByC,IAAI,EAAE;IAChC;EACF,CAAC;EAED,oBACE,uDACE,oBAAC,qCAAwB;IAAC,OAAO,EAAED;EAAgB,gBACjD,oBAAC,iBAAI;IAAC,KAAK,EAAEhD,aAAa,CAACkD;EAAa,gBACtC,oBAAC,iBAAI;IAAC,KAAK,EAAElD,aAAa,CAACmD;EAAe,gBACxC,oBAAC,qBAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACLnD,aAAa,CAACoD,cAAc,EAC5B;MACEC,SAAS,EAAE,CAAC;QAAE9C;MAAM,CAAC,EAAE;QAAEK;MAAW,CAAC,EAAE;QAAEC;MAAW,CAAC;IACvD,CAAC,CACD;IACF,QAAQ,EAAEgB,aAAc;IACxB,aAAa,EAAC;EAAM,gBAEpB,oBAAC,sBAAU;IAAC,OAAO,EAAC,OAAO;IAAC,KAAK,EAAE7B,aAAa,CAACrB;EAAM,GACpDA,KAAK,CACK,CACC,eAChB,oBAAC,iBAAI;IAAC,KAAK,EAAEqB,aAAa,CAACsD;EAAa,gBACtC,oBAAC,sBAAU;IACT,OAAO,EAAC,OAAO;IACf,KAAK,EAAE,CAACtD,aAAa,CAACuD,SAAS,CAAE;IACjC,aAAa,EAAE;EAAE,GAEhBpC,cAAc,EAAE,CACN,EACZlC,SAAS,CACL,CACF,EACNL,YAAY,IAAIC,aAAa,gBAC5B,oBAAC,sBAAU;IAAC,OAAO,EAAC,SAAS;IAAC,KAAK,EAAEmB,aAAa,CAACwD;EAAc,GAC9D5E,YAAY,IAAM,CAACE,OAAO,IAAID,aAAyB,CAC7C,GACX,IAAI,CACH,CACkB,eAC3B,oBAAC,wBAAW;IACV,GAAG,EAAEqB,cAAe;IACpB,SAAS,EAAE6C;EAA2B,GAClCxD,cAAc,gBAElB,oBAAC,qBAAQ;IACP,IAAI,EAAEH,IAAK;IACX,UAAU,EAAGqD,IAAI,iBACf,oBAAC,YAAY;MACX,IAAI,EAAEA,IAAK;MACX,aAAa,EAAE3C,aAAc;MAC7B,WAAW,EAAEoC;IAAoB;IAGrC;IAAA;IACA,qBAAqB,EAAE;MAAEuB,OAAO,EAAE;IAAG;IACrC;IAAA;IACA,sBAAsB,EAAE,mBAAM,oBAAC,gBAAO;EAAI,EAC1C,eAEF,oBAAC,iBAAI;IAAC,KAAK,EAAE;MAAEA,OAAO,EAAE,EAAE;MAAEC,eAAe,EAAE;IAAc;EAAE,gBAC3D,oBAAC,cAAM;IACL,OAAO,EAAC,SAAS;IACjB,KAAK,EAAEpE,cAAe;IACtB,OAAO,EAAEuD;EAAkB,EAC3B,CACG,CACK,CACb;AAEP,CAAC;AAAC;AAEF,SAASc,YAAY,OAUlB;EAAA,IAVmB;IACpBvE,IAAI;IACJU,aAAa;IACb8D,WAAW,GAAG,MAAM,CAAC;EAOvB,CAAC;EACC,MAAM;IAAEnB;EAAK,CAAC,GAAGrD,IAAI;EACrB,MAAMY,aAAa,GAAG,IAAAC,uBAAQ,EAAC,CAAC,CAAC,CAAuB;EAExD,oBACE,oBAAC,+BAAkB;IACjB,OAAO,EAAE,MAAM2D,WAAW,CAACnB,IAAI,CAAE;IACjC,aAAa,EAAEvD,gBAAQ,CAAC2E,SAAS,CAAC,GAAG,CAAE;IACvC,QAAQ,EAAEpB,IAAI,CAAC1D;EAAS,gBAExB,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACiB,aAAa,CAAC8D,mBAAmB;EAAE,gBAC/C,oBAAC,sBAAU;IAAC,OAAO,EAAC,OAAO;IAAC,aAAa,EAAE;EAAE,GAC1CrB,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE9D,KAAK,CACD,eACb,oBAAC,kBAAQ;IACP,QAAQ,EACN,CAAC,EAACmB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEuC,IAAI,CAAEC,QAAQ,IAAKA,QAAQ,CAAC5D,KAAK,KAAK+D,IAAI,CAAC/D,KAAK,CAAC,CACnE;IACD,QAAQ,EAAE+D,IAAI,CAAC1D;EAAS,EACxB,CACG,CACY;AAEzB"}
+{"version":3,"names":["CheckBoxInput","props","value","label","errorMessage","helperMessage","isError","disabled","editable","inputIcon","Palettes","black","data","onSaveInput","saveInputLabel","bottomSheetOpt","selectionLimit","onInputDismiss","customCheckboxInput","customItemSeparator","labelWidth","setLabelWidth","React","useState","selectedValue","setSelectedValue","computedStyle","getStyle","bottomSheetref","useRef","animation","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","selectedObject","useCallback","labels","map","check","checkbox","find","obj","join","useEffect","getLabelWidth","event","width","nativeEvent","layout","onCheckboxItemPress","checkboxValue","index","some","selected","arr","filter","item","length","temp","splice","handleOnSaveInput","close","handleOnBottomSheetDismiss","openBottomSheet","open","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","messageHelper","onItemPress","padding","backgroundColor","CheckboxItem","whiteDark","checkboxItemWrapper"],"sourceRoot":"..\\..\\src","sources":["CheckBoxInput.component.tsx"],"mappings":"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"}

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

@@ -35,7 +35,9 @@ const RadioInput = props => {
     onSaveInput = () => {},
     saveInputLabel,
     bottomSheetOpt,
-    onInputDismiss = () => {}
+    onInputDismiss = () => {},
+    customRadioInput,
+    customItemSeparator = /*#__PURE__*/React.createElement(_Divider.Divider, null)
   } = props;
   const [labelWidth, setLabelWidth] = React.useState(0);
   // const [inputVisibility, setInputVisibility] = React.useState(false);
@@ -137,19 +139,26 @@ const RadioInput = props => {
     ref: ref
   }, bottomSheetOpt), /*#__PURE__*/React.createElement(_reactNative.FlatList, {
     data: data,
-    renderItem: item => /*#__PURE__*/React.createElement(RadioItem, {
-      data: item,
-      selectedValue: selectedValue,
-      onItemPress: onRadioItemPress
-    })
+    renderItem: item => {
+      if (customRadioInput) {
+        return customRadioInput({
+          data: item,
+          selectedValue: selectedValue,
+          onItemPress: onRadioItemPress
+        });
+      }
+      return /*#__PURE__*/React.createElement(RadioItem, {
+        data: item,
+        selectedValue: selectedValue,
+        onItemPress: onRadioItemPress
+      });
+    }
     // eslint-disable-next-line react-native/no-inline-styles
     ,
     contentContainerStyle: {
       padding: 16
-    }
-    // eslint-disable-next-line react/no-unstable-nested-components
-    ,
-    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(_Divider.Divider, null)
+    },
+    ItemSeparatorComponent: () => customItemSeparator
   }), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: {
       padding: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["RadioInput","props","value","label","errorMessage","helperMessage","isError","disabled","editable","inputIcon","Palettes","black","data","onSaveInput","saveInputLabel","bottomSheetOpt","onInputDismiss","labelWidth","setLabelWidth","React","useState","selectedValue","setSelectedValue","computedStyle","getStyle","ref","useRef","animation","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","selectedObject","useCallback","find","obj","useEffect","getLabelWidth","event","width","nativeEvent","layout","onRadioItemPress","radioValue","handleOnSaveInput","close","handleOnBottomSheetDismiss","openBottomSheet","open","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","messageHelper","item","padding","backgroundColor","RadioItem","onItemPress","whiteDark","radioItemWrapper"],"sourceRoot":"..\\..\\src","sources":["RadioInput.component.tsx"],"mappings":"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"}
+{"version":3,"names":["RadioInput","props","value","label","errorMessage","helperMessage","isError","disabled","editable","inputIcon","Palettes","black","data","onSaveInput","saveInputLabel","bottomSheetOpt","onInputDismiss","customRadioInput","customItemSeparator","labelWidth","setLabelWidth","React","useState","selectedValue","setSelectedValue","computedStyle","getStyle","ref","useRef","animation","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","selectedObject","useCallback","find","obj","useEffect","getLabelWidth","event","width","nativeEvent","layout","onRadioItemPress","radioValue","handleOnSaveInput","close","handleOnBottomSheetDismiss","openBottomSheet","open","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","messageHelper","item","onItemPress","padding","backgroundColor","RadioItem","whiteDark","radioItemWrapper"],"sourceRoot":"..\\..\\src","sources":["RadioInput.component.tsx"],"mappings":"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"}

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

@@ -4,13 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Snackbar = void 0;
+exports.SnackbarComponent = SnackbarComponent;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeToastMessage = _interopRequireDefault(require("react-native-toast-message"));
 var _typography = require("../typography/typography.component");
 var _Snakbar = require("./Snakbar.style");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const Snackbar = props => {
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SnackbarUI = props => {
   const {
     message = '',
     action = null,
@@ -27,5 +31,49 @@ const Snackbar = props => {
     style: [computedStyle.actionWrapper]
   }, action));
 };
+function SnackbarComponent(props) {
+  const computedStyle = (0, _Snakbar.getStyle)();
+  return /*#__PURE__*/React.createElement(_reactNativeToastMessage.default, _extends({}, props, {
+    config: {
+      ...props.config,
+      // eslint-disable-next-line react/no-unstable-nested-components
+      aleph_toast: _ref => {
+        let {
+          props: toastProps
+        } = _ref;
+        const {
+          message,
+          action
+        } = toastProps;
+        return /*#__PURE__*/React.createElement(_reactNative.View, {
+          style: [computedStyle.snackbarWrapper]
+        }, /*#__PURE__*/React.createElement(SnackbarUI, {
+          message: message,
+          action: action
+        }));
+      }
+    },
+    type: "aleph_toast",
+    position: "bottom"
+  }));
+}
+const Snackbar = {
+  show: params => {
+    const {
+      message = '',
+      action
+    } = params;
+    _reactNativeToastMessage.default.show({
+      ...params,
+      props: {
+        message,
+        action
+      }
+    });
+  },
+  hide: params => {
+    _reactNativeToastMessage.default.hide(params);
+  }
+};
 exports.Snackbar = Snackbar;
 //# sourceMappingURL=Snackbar.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Snackbar","props","message","action","containerStyle","computedStyle","getStyle","container","actionWrapper"],"sourceRoot":"..\\..\\src","sources":["Snackbar.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA2C;AAAA;AAI3C,MAAMA,QAAgD,GAAIC,KAAK,IAAK;EAClE,MAAM;IAAEC,OAAO,GAAG,EAAE;IAAEC,MAAM,GAAG,IAAI;IAAEC;EAAe,CAAC,GAAGH,KAAK;EAE7D,MAAMI,aAAa,GAAG,IAAAC,iBAAQ,GAAE;EAEhC,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACD,aAAa,CAACE,SAAS,EAAEH,cAAc;EAAE,gBACrD,oBAAC,sBAAU;IACT,OAAO,EAAC,SAAS;IACjB,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CAACC,aAAa,CAACH,OAAO;EAAE,GAE9BA,OAAO,CACG,EACZC,MAAM,iBAAI,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACE,aAAa,CAACG,aAAa;EAAE,GAAEL,MAAM,CAAQ,CACjE;AAEX,CAAC;AAAC"}
+{"version":3,"names":["SnackbarUI","props","message","action","containerStyle","computedStyle","getStyle","container","actionWrapper","SnackbarComponent","config","aleph_toast","toastProps","snackbarWrapper","Snackbar","show","params","RNToast","hide"],"sourceRoot":"..\\..\\src","sources":["Snackbar.component.tsx"],"mappings":";;;;;;;AAAA;AACA;AACA;AAMA;AACA;AAA2C;AAAA;AAAA;AAAA;AAI3C,MAAMA,UAAkD,GAAIC,KAAK,IAAK;EACpE,MAAM;IAAEC,OAAO,GAAG,EAAE;IAAEC,MAAM,GAAG,IAAI;IAAEC;EAAe,CAAC,GAAGH,KAAK;EAE7D,MAAMI,aAAa,GAAG,IAAAC,iBAAQ,GAAE;EAEhC,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACD,aAAa,CAACE,SAAS,EAAEH,cAAc;EAAE,gBACrD,oBAAC,sBAAU;IACT,OAAO,EAAC,SAAS;IACjB,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CAACC,aAAa,CAACH,OAAO;EAAE,GAE9BA,OAAO,CACG,EACZC,MAAM,iBAAI,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACE,aAAa,CAACG,aAAa;EAAE,GAAEL,MAAM,CAAQ,CACjE;AAEX,CAAC;AAED,SAASM,iBAAiB,CAACR,KAAiB,EAAE;EAC5C,MAAMI,aAAa,GAAG,IAAAC,iBAAQ,GAAE;EAEhC,oBACE,oBAAC,gCAAO,eACFL,KAAK;IACT,MAAM,EAAE;MACN,GAAGA,KAAK,CAACS,MAAM;MACf;MACAC,WAAW,EAAE,QAAqD;QAAA,IAApD;UAAEV,KAAK,EAAEW;QAAqC,CAAC;QAC3D,MAAM;UAAEV,OAAO;UAAEC;QAAO,CAAC,GAAGS,UAAU;QAEtC,oBACE,oBAAC,iBAAI;UAAC,KAAK,EAAE,CAACP,aAAa,CAACQ,eAAe;QAAE,gBAC3C,oBAAC,UAAU;UAAC,OAAO,EAAEX,OAAQ;UAAC,MAAM,EAAEC;QAAO,EAAG,CAC3C;MAEX;IACF,CAAE;IACF,IAAI,EAAC,aAAa;IAClB,QAAQ,EAAC;EAAQ,GACjB;AAEN;AAEA,MAAMW,QAAQ,GAAG;EACfC,IAAI,EACFC,MAGC,IACE;IACH,MAAM;MAAEd,OAAO,GAAG,EAAE;MAAEC;IAAO,CAAC,GAAGa,MAAM;IACvCC,gCAAO,CAACF,IAAI,CAAC;MACX,GAAGC,MAAM;MACTf,KAAK,EAAE;QACLC,OAAO;QACPC;MACF;IACF,CAAC,CAAC;EACJ,CAAC;EACDe,IAAI,EAAGF,MAAuB,IAAK;IACjCC,gCAAO,CAACC,IAAI,CAACF,MAAM,CAAC;EACtB;AACF,CAAC;AAAC"}

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

@@ -17,6 +17,10 @@ const getStyle = () => {
     backgroundColor: _themes.Palettes.blue[50],
     ..._themes.Shadow['shadow-elevation-1']
   };
+  computedStyle.snackbarWrapper = {
+    width: '100%',
+    paddingHorizontal: _themes.Spacing[16]
+  };
   computedStyle.message = {
     flex: 1
   };

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

@@ -1 +1 @@
-{"version":3,"names":["getStyle","computedStyle","container","padding","Spacing","borderRadius","Radius","flexDirection","alignItems","justifyContent","backgroundColor","Palettes","blue","Shadow","message","flex","actionWrapper","marginLeft","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["Snakbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAUO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,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,EAAEC,gBAAQ,CAACC,IAAI,CAAC,EAAE,CAAC;IAClC,GAAGC,cAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDZ,aAAa,CAACa,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDd,aAAa,CAACe,aAAa,GAAG;IAC5BC,UAAU,EAAEb,eAAO,CAAC,EAAE;EACxB,CAAC;EAED,OAAOc,uBAAU,CAACC,MAAM,CAAClB,aAAa,CAAC;AACzC,CAAC;AAAC"}
+{"version":3,"names":["getStyle","computedStyle","container","padding","Spacing","borderRadius","Radius","flexDirection","alignItems","justifyContent","backgroundColor","Palettes","blue","Shadow","snackbarWrapper","width","paddingHorizontal","message","flex","actionWrapper","marginLeft","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["Snakbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAWO,MAAMA,QAAQ,GAAG,MAAM;EAC5B,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,EAAEC,gBAAQ,CAACC,IAAI,CAAC,EAAE,CAAC;IAClC,GAAGC,cAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDZ,aAAa,CAACa,eAAe,GAAG;IAC9BC,KAAK,EAAE,MAAM;IACbC,iBAAiB,EAAEZ,eAAO,CAAC,EAAE;EAC/B,CAAC;EAEDH,aAAa,CAACgB,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDjB,aAAa,CAACkB,aAAa,GAAG;IAC5BC,UAAU,EAAEhB,eAAO,CAAC,EAAE;EACxB,CAAC;EAED,OAAOiB,uBAAU,CAACC,MAAM,CAACrB,aAAa,CAAC;AACzC,CAAC;AAAC"}

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

@@ -46,22 +46,18 @@ const TextInput = props => {
     toValue
   }).start();
   React.useEffect(() => {
-    if (value) {
+    if (focused || !!value) {
       animate(1);
     } else {
       animate(0);
     }
-  }, [value]);
+  }, [value, focused]);
   const handleOnFocus = event => {
-    animate(1);
     setFocused(true);
     onBlur(event);
   };
   const handleOnBlur = event => {
-    if (value === '') {
-      animate(0);
-      onFocus(event);
-    }
+    onFocus(event);
     setFocused(false);
   };
   const getLabelWidth = event => {

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

@@ -1 +1 @@
-{"version":3,"names":["TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","React","useState","focused","setFocused","computedStyle","getStyle","animation","useRef","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","Palettes","black","length","messageHelper"],"sourceRoot":"..\\..\\src","sources":["TextInput.component.tsx"],"mappings":"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"}
+{"version":3,"names":["TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","React","useState","focused","setFocused","computedStyle","getStyle","animation","useRef","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","Palettes","black","length","messageHelper"],"sourceRoot":"..\\..\\src","sources":["TextInput.component.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AAGA;AAEA;AAAwC;AAAA;AAAA;AAKxC,MAAMA,SAAkD,GAAIC,KAAK,IAAK;EACpE,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,MAAM,GAAG,MAAM,IAAI;IACnBC,OAAO,GAAG,MAAM,IAAI;IACpBC,YAAY;IACZC,aAAa;IACbC,OAAO;IACPC,OAAO,GAAG,CAAC;IACXC,SAAS,GAAG,IAAI;IAChB,GAAGC;EACL,CAAC,GAAGV,KAAK;EAET,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAGC,KAAK,CAACC,QAAQ,CAAC,CAAC,CAAC;EACrD,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGH,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMG,aAAa,GAAG,IAAAC,mBAAQ,EAAClB,KAAK,EAAEe,OAAO,CAAC;EAE9C,MAAMI,SAAS,GAAGN,KAAK,CAACO,MAAM,CAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;EACrD,MAAMC,KAAK,GAAGJ,SAAS,CAACK,OAAO,CAACC,WAAW,CAAC;IAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG;EACtB,CAAC,CAAC;EACF,MAAMC,UAAU,GAAGT,SAAS,CAACK,OAAO,CAACC,WAAW,CAAC;IAC/CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;EACtB,CAAC,CAAC;EACF,MAAME,UAAU,GAAGV,SAAS,CAACK,OAAO,CAACC,WAAW,CAAC;IAC/CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IAClBC,WAAW,EAAE,CAAC,CAAC,EAAEhB,UAAU,GAAG,CAAC,GAAG;EACpC,CAAC,CAAC;EAEF,MAAMmB,OAAO,GAAIC,OAAc,IAC7BV,qBAAQ,CAACW,MAAM,CAACb,SAAS,CAACK,OAAO,EAAE;IACjCS,eAAe,EAAE,IAAI;IACrBF;EACF,CAAC,CAAC,CAACG,KAAK,EAAE;EAEZrB,KAAK,CAACsB,SAAS,CAAC,MAAM;IACpB,IAAIpB,OAAO,IAAI,CAAC,CAACd,KAAK,EAAE;MACtB6B,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC,MAAM;MACLA,OAAO,CAAC,CAAC,CAAC;IACZ;EACF,CAAC,EAAE,CAAC7B,KAAK,EAAEc,OAAO,CAAC,CAAC;EAEpB,MAAMqB,aAAa,GACjBC,KAAoD,IACjD;IACHrB,UAAU,CAAC,IAAI,CAAC;IAChBb,MAAM,CAACkC,KAAK,CAAC;EACf,CAAC;EACD,MAAMC,YAAY,GAChBD,KAAoD,IACjD;IACHjC,OAAO,CAACiC,KAAK,CAAC;IACdrB,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EAED,MAAMuB,aAAa,GAAIF,KAAwB,IAAK;IAClD,MAAM;MAAEG;IAAM,CAAC,GAAGH,KAAK,CAACI,WAAW,CAACC,MAAM;IAC1C9B,aAAa,CAAC4B,KAAK,GAAG,EAAE,CAAC;EAC3B,CAAC;EAED,oBACE,oBAAC,iBAAI;IAAC,KAAK,EAAEvB,aAAa,CAAC0B;EAAa,gBACtC,oBAAC,iBAAI;IAAC,KAAK,EAAE1B,aAAa,CAAC2B;EAAe,gBACxC,oBAAC,qBAAQ,CAAC,IAAI;IACZ,KAAK,EAAE,CACL3B,aAAa,CAAC4B,cAAc,EAC5B;MACEC,SAAS,EAAE,CAAC;QAAEvB;MAAM,CAAC,EAAE;QAAEK;MAAW,CAAC,EAAE;QAAEC;MAAW,CAAC;IACvD,CAAC,CACD;IACF,QAAQ,EAAEU,aAAc;IACxB,aAAa,EAAC;EAAM,gBAEpB,oBAAC,sBAAU;IAAC,OAAO,EAAC,OAAO;IAAC,KAAK,EAAEtB,aAAa,CAACf;EAAM,GACpDA,KAAK,CACK,CACC,eAChB,oBAAC,iBAAI;IAAC,KAAK,EAAEe,aAAa,CAAC8B;EAAa,gBACtC,oBAAC,sBAAW;IACV,KAAK,EAAE9C,KAAM;IACb,KAAK,EAAE,CAACgB,aAAa,CAAC+B,SAAS,CAAE;IACjC,OAAO,EAAEZ,aAAc;IACvB,MAAM,EAAEE,YAAa;IACrB,oBAAoB,EAAEvB,OAAO,GAAGkC,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,GAAG;EAAc,GAChExC,IAAI,EACR,EACDD,SAAS,IAAID,OAAO,GAAG,CAAC,GACrBC,SAAS,iBACP,oBAAC,sBAAU;IAAC,KAAK,EAAEQ,aAAa,CAACT,OAAQ;IAAC,OAAO,EAAC;EAAS,GACvD,GAAEP,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkD,MAAO,IAAG3C,OAAQ,EAAC,CAEjC,GACD,IAAI,CACH,CACF,EACNH,YAAY,IAAIC,aAAa,gBAC5B,oBAAC,sBAAU;IAAC,OAAO,EAAC,SAAS;IAAC,KAAK,EAAEW,aAAa,CAACmC;EAAc,GAC9D/C,YAAY,IAAM,CAACE,OAAO,IAAID,aAAyB,CAC7C,GACX,IAAI,CACH;AAEX,CAAC;AAAC"}

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

@@ -16,16 +16,21 @@ const Button = props => {
     onPress = () => {},
     variant = 'primary',
     label = 'Default',
-    size = 'large',
+    size = 'small',
     containerStyles,
     textStyles,
     ...rest
   } = props;
-  const computedStyle = (0, _button.getStyle)(props);
+  const computedStyle = (0, _button.getStyle)({
+    ...props,
+    variant,
+    label,
+    size
+  });
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, _extends({
     onPress: onPress,
     style: [computedStyle.container, containerStyles],
-    underlayColor: variant === 'primary' ? _themes.Palettes.black[800] : _themes.Palettes.blue[50]
+    underlayColor: variant !== 'primary' ? _themes.Palettes.blue[50] : _themes.Palettes.black[800]
   }, rest), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
     variant: size === 'large' ? 'button' : 'button-small',
     textStyles: {

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

@@ -1 +1 @@
-{"version":3,"names":["Button","props","onPress","variant","label","size","containerStyles","textStyles","rest","computedStyle","getStyle","container","Palettes","black","blue"],"sourceRoot":"..\\..\\src","sources":["button.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAI3C,MAAMA,MAA6B,GAAIC,KAAK,IAAK;EAC/C,MAAM;IACJC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,OAAO,GAAG,SAAS;IACnBC,KAAK,GAAG,SAAS;IACjBC,IAAI,GAAG,OAAO;IACdC,eAAe;IACfC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,aAAa,GAAG,IAAAC,gBAAQ,EAACT,KAAK,CAAC;EAErC,oBACE,6BAAC,+BAAkB;IACjB,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAE,CAACO,aAAa,CAACE,SAAS,EAAEL,eAAe,CAAE;IAClD,aAAa,EACXH,OAAO,KAAK,SAAS,GAAGS,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,GAAGD,gBAAQ,CAACE,IAAI,CAAC,EAAE;EAC/D,GACGN,IAAI,gBAER,6BAAC,sBAAU;IACT,OAAO,EAAEH,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,cAAe;IACtD,UAAU,EAAE;MAAE,GAAGI,aAAa,CAACL,KAAK;MAAE,GAAGG;IAAW;EAAE,GAErDH,KAAK,CACK,CACM;AAEzB,CAAC;AAAC"}
+{"version":3,"names":["Button","props","onPress","variant","label","size","containerStyles","textStyles","rest","computedStyle","getStyle","container","Palettes","blue","black"],"sourceRoot":"..\\..\\src","sources":["button.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA2C;AAAA;AAI3C,MAAMA,MAA6B,GAAIC,KAAK,IAAK;EAC/C,MAAM;IACJC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,OAAO,GAAG,SAAS;IACnBC,KAAK,GAAG,SAAS;IACjBC,IAAI,GAAG,OAAO;IACdC,eAAe;IACfC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,aAAa,GAAG,IAAAC,gBAAQ,EAAC;IAC7B,GAAGT,KAAK;IACRE,OAAO;IACPC,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,oBACE,6BAAC,+BAAkB;IACjB,OAAO,EAAEH,OAAQ;IACjB,KAAK,EAAE,CAACO,aAAa,CAACE,SAAS,EAAEL,eAAe,CAAE;IAClD,aAAa,EACXH,OAAO,KAAK,SAAS,GAAGS,gBAAQ,CAACC,IAAI,CAAC,EAAE,CAAC,GAAGD,gBAAQ,CAACE,KAAK,CAAC,GAAG;EAC/D,GACGN,IAAI,gBAER,6BAAC,sBAAU;IACT,OAAO,EAAEH,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,cAAe;IACtD,UAAU,EAAE;MAAE,GAAGI,aAAa,CAACL,KAAK;MAAE,GAAGG;IAAW;EAAE,GAErDH,KAAK,CACK,CACM;AAEzB,CAAC;AAAC"}

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

@@ -12,7 +12,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const Countdown = props => {
   const {
-    targetDateTime
+    targetDateTime,
+    formats = [{
+      type: 'd',
+      trailingString: ' hari'
+    }, {
+      type: 'h'
+    }, {
+      type: 'm'
+    }, {
+      type: 's'
+    }]
   } = props;
   const computedStyle = (0, _countdown.getStyle)();
   const [timeLeft, setTimeLeft] = React.useState(calculateTimeRemaining(targetDateTime));
@@ -21,62 +31,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(_reactNative.View, {
     style: [computedStyle.container]
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(_typography.Typography, {
-    variant: "overline",
-    style: [computedStyle.textLabel]
-  }, formatTime(timeLeft).days)), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.dividerContainer]
-  }, /*#__PURE__*/React.createElement(_typography.Typography, {
-    variant: "overline"
-  }, ":")), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(_typography.Typography, {
-    variant: "overline",
-    style: [computedStyle.textLabel]
-  }, formatTime(timeLeft).hours)), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.dividerContainer]
-  }, /*#__PURE__*/React.createElement(_typography.Typography, {
-    variant: "overline"
-  }, ":")), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(_typography.Typography, {
-    variant: "overline",
-    style: [computedStyle.textLabel]
-  }, formatTime(timeLeft).minutes)), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.dividerContainer]
-  }, /*#__PURE__*/React.createElement(_typography.Typography, {
-    variant: "overline"
-  }, ":")), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.textContainer]
-  }, /*#__PURE__*/React.createElement(_typography.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(_reactNative.View, {
+      style: [computedStyle.textContainer]
+    }, /*#__PURE__*/React.createElement(_typography.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(_reactNative.View, {
+      style: [computedStyle.dividerContainer]
+    }, /*#__PURE__*/React.createElement(_typography.Typography, {
+      variant: "overline"
+    }, ":")) : null);
+  }));
 };
 exports.Countdown = Countdown;
 const calculateTimeRemaining = targetDateTime => {

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

@@ -1 +1 @@
-{"version":3,"names":["Countdown","props","targetDateTime","computedStyle","getStyle","timeLeft","setTimeLeft","React","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":["Countdown","props","targetDateTime","formats","type","trailingString","computedStyle","getStyle","timeLeft","setTimeLeft","React","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/commonjs/components/countdown/countdown.style.js

@@ -9,7 +9,8 @@ var _themes = require("../../themes");
 const getStyle = () => {
   const computedStyle = {};
   computedStyle.container = {
-    flexDirection: 'row'
+    flexDirection: 'row',
+    alignSelf: 'flex-start'
   };
   computedStyle.textLabel = {
     color: _themes.Palettes.white[50]