@adiraku/react-native-ui 1.2.9-canary-2 → 1.2.9-canary-3

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

@@ -0,0 +1,143 @@
+import React, { useState } from 'react';
+import { Animated, Easing, TouchableWithoutFeedback, View } from 'react-native';
+import { getStyle } from './BottomTabBar.style';
+import { Spacing } from '../../themes';
+import { Typography } from '../typography/typography.component';
+export function BottomTabBar(props) {
+  var _state$routes2, _state$routes3, _state$routes4;
+  const {
+    containerStyle,
+    state,
+    descriptors,
+    navigation,
+    insets
+  } = props;
+  const computedStyle = getStyle();
+  const [itemWidth, setContainerWidth] = useState(0);
+  const getContainerWidth = event => {
+    var _state$routes;
+    const {
+      width
+    } = event.nativeEvent.layout;
+    let calcWidth = width - 8;
+    calcWidth = Math.floor(calcWidth / (state === null || state === void 0 || (_state$routes = state.routes) === null || _state$routes === void 0 ? void 0 : _state$routes.length));
+    setContainerWidth(calcWidth);
+  };
+  const animation = React.useRef(new Animated.Value(0));
+  const translateX = animation.current.interpolate({
+    inputRange: [0, state === null || state === void 0 || (_state$routes2 = state.routes) === null || _state$routes2 === void 0 ? void 0 : _state$routes2.length],
+    outputRange: [4, itemWidth * (state === null || state === void 0 || (_state$routes3 = state.routes) === null || _state$routes3 === void 0 ? void 0 : _state$routes3.length) + 4]
+  });
+  const animate = toValue => Animated.timing(animation.current, {
+    useNativeDriver: true,
+    duration: 300,
+    easing: Easing.inOut(Easing.ease),
+    toValue
+  }).start();
+  React.useEffect(() => {
+    animate(state === null || state === void 0 ? void 0 : state.index);
+  }, [state === null || state === void 0 ? void 0 : state.index]);
+  return /*#__PURE__*/React.createElement(View, {
+    onLayout: getContainerWidth,
+    style: [computedStyle.container, {
+      paddingBottom: Spacing[4] + insets.bottom
+    }, containerStyle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [computedStyle.indicator, {
+      width: itemWidth,
+      transform: [{
+        translateX
+      }]
+    }]
+  }), state === null || state === void 0 || (_state$routes4 = state.routes) === null || _state$routes4 === void 0 ? void 0 : _state$routes4.map((route, index) => /*#__PURE__*/React.createElement(TabBarItem, {
+    key: route === null || route === void 0 ? void 0 : route.key,
+    descriptors: descriptors,
+    route: route,
+    index: index,
+    state: state,
+    navigation: navigation
+  })));
+}
+function TabBarItem({
+  route,
+  state,
+  navigation,
+  index,
+  descriptors
+}) {
+  var _descriptors$route$ke, _options$tabBarIcon, _options$tabBarIcon2, _options$tabBarLabel;
+  const options = descriptors === null || descriptors === void 0 || (_descriptors$route$ke = descriptors[route === null || route === void 0 ? void 0 : route.key]) === null || _descriptors$route$ke === void 0 ? void 0 : _descriptors$route$ke.options;
+  const computedStyle = getStyle();
+  const isFocused = (state === null || state === void 0 ? void 0 : state.index) === index;
+  const animation = React.useRef(new Animated.Value(0));
+  const opacity = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, 1]
+  });
+  const opacityHide = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0]
+  });
+  const animate = toValue => Animated.timing(animation.current, {
+    useNativeDriver: true,
+    duration: 300,
+    easing: Easing.inOut(Easing.ease),
+    toValue
+  }).start();
+  React.useEffect(() => {
+    if (isFocused) {
+      animate(1);
+    } else {
+      animate(0);
+    }
+  }, [isFocused]);
+  const onPress = () => {
+    const event = navigation.emit({
+      type: 'tabPress',
+      target: route.key,
+      canPreventDefault: true
+    });
+    if (!isFocused && !event.defaultPrevented) {
+      var _navigation$navigate;
+      navigation === null || navigation === void 0 || (_navigation$navigate = navigation.navigate) === null || _navigation$navigate === void 0 || _navigation$navigate.call(navigation, route.name, route.params);
+    }
+  };
+  const onLongPress = () => {
+    navigation.emit({
+      type: 'tabLongPress',
+      target: route.key
+    });
+  };
+  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    key: route === null || route === void 0 ? void 0 : route.key,
+    accessibilityRole: "button",
+    accessibilityState: isFocused ? {
+      selected: true
+    } : {},
+    accessibilityLabel: options === null || options === void 0 ? void 0 : options.tabBarAccessibilityLabel,
+    testID: options === null || options === void 0 ? void 0 : options.tabBarTestID,
+    onPress: onPress,
+    onLongPress: onLongPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.tabItemContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.iconWrapper
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [computedStyle.animatedIconWrapper, {
+      opacity
+    }]
+  }, options === null || options === void 0 || (_options$tabBarIcon = options.tabBarIcon) === null || _options$tabBarIcon === void 0 ? void 0 : _options$tabBarIcon.call(options, {
+    focused: true
+  })), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [computedStyle.animatedIconWrapper, {
+      opacity: opacityHide
+    }]
+  }, options === null || options === void 0 || (_options$tabBarIcon2 = options.tabBarIcon) === null || _options$tabBarIcon2 === void 0 ? void 0 : _options$tabBarIcon2.call(options, {
+    focused: false
+  }))), /*#__PURE__*/React.createElement(Typography, {
+    variant: "text-overline-semibold"
+  }, options === null || options === void 0 || (_options$tabBarLabel = options.tabBarLabel) === null || _options$tabBarLabel === void 0 ? void 0 : _options$tabBarLabel.call(options, {
+    focused: isFocused
+  }))));
+}
+//# sourceMappingURL=BottomTabBar.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Animated","Easing","TouchableWithoutFeedback","View","getStyle","Spacing","Typography","BottomTabBar","props","_state$routes2","_state$routes3","_state$routes4","containerStyle","state","descriptors","navigation","insets","computedStyle","itemWidth","setContainerWidth","getContainerWidth","event","_state$routes","width","nativeEvent","layout","calcWidth","Math","floor","routes","length","animation","useRef","Value","translateX","current","interpolate","inputRange","outputRange","animate","toValue","timing","useNativeDriver","duration","easing","inOut","ease","start","useEffect","index","createElement","onLayout","style","container","paddingBottom","bottom","indicator","transform","map","route","TabBarItem","key","_descriptors$route$ke","_options$tabBarIcon","_options$tabBarIcon2","_options$tabBarLabel","options","isFocused","opacity","opacityHide","onPress","emit","type","target","canPreventDefault","defaultPrevented","_navigation$navigate","navigate","call","name","params","onLongPress","accessibilityRole","accessibilityState","selected","accessibilityLabel","tabBarAccessibilityLabel","testID","tabBarTestID","tabItemContainer","iconWrapper","animatedIconWrapper","tabBarIcon","focused","variant","tabBarLabel"],"sourceRoot":"../../../../src","sources":["components/BottomTabBar/BottomTabBar.component.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+export const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.container = {
+    padding: Spacing[4],
+    flexDirection: 'row',
+    backgroundColor: Palettes.white[50]
+  };
+  computedStyle.tabItemContainer = {
+    flex: 1,
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingBottom: 10,
+    paddingTop: 16
+  };
+  computedStyle.iconWrapper = {
+    height: 24,
+    width: 24,
+    marginBottom: Spacing[12],
+    justifyContent: 'center',
+    alignItems: 'center'
+  };
+  computedStyle.animatedIconWrapper = {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center',
+    top: 0,
+    left: 0
+  };
+  computedStyle.indicator = {
+    position: 'absolute',
+    top: 4,
+    left: 0,
+    height: Spacing[4],
+    borderRadius: Radius[16],
+    backgroundColor: Palettes.yellow[600]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=BottomTabBar.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","computedStyle","container","padding","flexDirection","backgroundColor","white","tabItemContainer","flex","width","alignItems","justifyContent","paddingBottom","paddingTop","iconWrapper","height","marginBottom","animatedIconWrapper","position","top","left","indicator","borderRadius","yellow","create"],"sourceRoot":"../../../../src","sources":["components/BottomTabBar/BottomTabBar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAmB,cAAc;AAEpD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAUxD,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEJ,OAAO,CAAC,CAAC,CAAC;IACnBK,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAER,QAAQ,CAACS,KAAK,CAAC,EAAE;EACpC,CAAC;EAEDL,aAAa,CAACM,gBAAgB,GAAG;IAC/BC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,MAAM;IACbC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,aAAa,EAAE,EAAE;IACjBC,UAAU,EAAE;EACd,CAAC;EAEDZ,aAAa,CAACa,WAAW,GAAG;IAC1BC,MAAM,EAAE,EAAE;IACVN,KAAK,EAAE,EAAE;IACTO,YAAY,EAAEjB,OAAO,CAAC,EAAE,CAAC;IACzBY,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACgB,mBAAmB,GAAG;IAClCC,QAAQ,EAAE,UAAU;IACpBT,KAAK,EAAE,MAAM;IACbM,MAAM,EAAE,MAAM;IACdL,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBQ,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE;EACR,CAAC;EAEDnB,aAAa,CAACoB,SAAS,GAAG;IACxBH,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPL,MAAM,EAAEhB,OAAO,CAAC,CAAC,CAAC;IAClBuB,YAAY,EAAExB,MAAM,CAAC,EAAE,CAAC;IACxBO,eAAe,EAAER,QAAQ,CAAC0B,MAAM,CAAC,GAAG;EACtC,CAAC;EAED,OAAO3B,UAAU,CAAC4B,MAAM,CAACvB,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/module/components/BottomTabBar/BottomTabBar.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BottomTabBar.type.js.map

package/lib/module/components/BottomTabBar/BottomTabBar.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/BottomTabBar/BottomTabBar.type.tsx"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { TouchableHighlight, View } from 'react-native';
+import { Typography } from '../typography/typography.component';
+import { IconClose } from '../../icons';
+import { Palettes } from '../../themes';
+import { ChipsProps } from './Chips.type';
+import { getStyle } from './Chips.style';
+const Chips = ({
+  label,
+  variant = 'default',
+  leadingComponent,
+  onPress = () => {},
+  containerStyles,
+  textStyles,
+  ...rest
+}) => {
+  const childrenColor = variant === 'disabled' ? Palettes.grey[400] : Palettes.black[900];
+  const computedStyle = getStyle({
+    variant,
+    label: ''
+  });
+  return /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
+    style: [computedStyle.container, containerStyles],
+    onPress: onPress,
+    disabled: variant === 'disabled',
+    underlayColor: variant !== 'default' ? Palettes.white[50] : Palettes.yellow[50]
+  }, rest), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.wrapLeftComponent
+  }, !!leadingComponent && /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.marginRight
+  }, leadingComponent), /*#__PURE__*/React.createElement(Typography, {
+    variant: "text-caption-semibold",
+    fontColor: childrenColor,
+    textStyles: textStyles
+  }, label)), /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.marginLeft
+  }, /*#__PURE__*/React.createElement(IconClose, {
+    width: 18,
+    height: 18,
+    fill: childrenColor
+  }))));
+};
+export { Chips, ChipsProps };
+//# sourceMappingURL=Chips.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableHighlight","View","Typography","IconClose","Palettes","ChipsProps","getStyle","Chips","label","variant","leadingComponent","onPress","containerStyles","textStyles","rest","childrenColor","grey","black","computedStyle","createElement","_extends","style","container","disabled","underlayColor","white","yellow","Fragment","wrapLeftComponent","marginRight","fontColor","marginLeft","width","height","fill"],"sourceRoot":"../../../../src","sources":["components/Chips/Chips.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,IAAI,QAAQ,cAAc;AAEvD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,KAAK,GAAGA,CAAC;EACbC,KAAK;EACLC,OAAO,GAAG,SAAS;EACnBC,gBAAgB;EAChBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClBC,eAAe;EACfC,UAAU;EACV,GAAGC;AACO,CAAC,KAAK;EAChB,MAAMC,aAAa,GACjBN,OAAO,KAAK,UAAU,GAAGL,QAAQ,CAACY,IAAI,CAAC,GAAG,CAAC,GAAGZ,QAAQ,CAACa,KAAK,CAAC,GAAG,CAAC;EAEnE,MAAMC,aAAa,GAAGZ,QAAQ,CAAC;IAC7BG,OAAO;IACPD,KAAK,EAAE;EACT,CAAC,CAAC;EACF,oBACET,KAAA,CAAAoB,aAAA,CAACnB,kBAAkB,EAAAoB,QAAA;IACjBC,KAAK,EAAE,CAACH,aAAa,CAACI,SAAS,EAAEV,eAAe,CAAE;IAClDD,OAAO,EAAEA,OAAQ;IACjBY,QAAQ,EAAEd,OAAO,KAAK,UAAW;IACjCe,aAAa,EACXf,OAAO,KAAK,SAAS,GAAGL,QAAQ,CAACqB,KAAK,CAAC,EAAE,CAAC,GAAGrB,QAAQ,CAACsB,MAAM,CAAC,EAAE;EAChE,GACGZ,IAAI,gBAERf,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAA4B,QAAA,qBACE5B,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACoB,KAAK,EAAEH,aAAa,CAACU;EAAkB,GAC1C,CAAC,CAAClB,gBAAgB,iBACjBX,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACoB,KAAK,EAAEH,aAAa,CAACW;EAAY,GAAEnB,gBAAuB,CACjE,eACDX,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTO,OAAO,EAAC,uBAAuB;IAC/BqB,SAAS,EAAEf,aAAc;IACzBF,UAAU,EAAEA;EAAW,GAEtBL,KACS,CACR,CAAC,eACPT,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IAACoB,KAAK,EAAEH,aAAa,CAACa;EAAW,gBACpChC,KAAA,CAAAoB,aAAA,CAAChB,SAAS;IAAC6B,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE,EAAG;IAACC,IAAI,EAAEnB;EAAc,CAAE,CACpD,CACN,CACgB,CAAC;AAEzB,CAAC;AAED,SAASR,KAAK,EAAEF,UAAU","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+export const getStyle = props => {
+  const {
+    variant
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: Spacing[16],
+    paddingVertical: Spacing[8],
+    borderWidth: Radius.border,
+    borderRadius: Radius[24]
+  };
+  if (variant === 'default') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      borderColor: Palettes.grey[100],
+      backgroundColor: Palettes.white[50]
+    };
+  }
+  if (variant === 'selected-outline') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      borderColor: Palettes.yellow[600],
+      backgroundColor: Palettes.yellow[100]
+    };
+  }
+  if (variant === 'selected') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      borderColor: Palettes.yellow[100],
+      backgroundColor: Palettes.yellow[100]
+    };
+  }
+  if (variant === 'disabled') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      borderColor: Palettes.grey[100],
+      backgroundColor: Palettes.grey[50]
+    };
+  }
+  computedStyle.wrapLeftComponent = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start'
+  };
+  computedStyle.marginLeft = {
+    marginLeft: Spacing[8]
+  };
+  computedStyle.marginRight = {
+    marginRight: Spacing[8]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=Chips.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","variant","computedStyle","container","display","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","borderWidth","border","borderRadius","borderColor","grey","backgroundColor","white","yellow","wrapLeftComponent","marginLeft","marginRight","create"],"sourceRoot":"../../../../src","sources":["components/Chips/Chips.style.tsx"],"mappings":"AACA,SAASA,UAAU,QAAQ,cAAc;AAIzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AASxD,OAAO,MAAMC,QAAQ,GAAIC,KAAiB,IAAK;EAC7C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,iBAAiB,EAAEV,OAAO,CAAC,EAAE,CAAC;IAC9BW,eAAe,EAAEX,OAAO,CAAC,CAAC,CAAC;IAC3BY,WAAW,EAAEb,MAAM,CAACc,MAAM;IAC1BC,YAAY,EAAEf,MAAM,CAAC,EAAE;EACzB,CAAC;EAED,IAAII,OAAO,KAAK,SAAS,EAAE;IACzBC,aAAa,CAACC,SAAS,GAAG;MACxB,GAAGD,aAAa,CAACC,SAAS;MAC1BU,WAAW,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,GAAG,CAAC;MAC/BC,eAAe,EAAEnB,QAAQ,CAACoB,KAAK,CAAC,EAAE;IACpC,CAAC;EACH;EAEA,IAAIf,OAAO,KAAK,kBAAkB,EAAE;IAClCC,aAAa,CAACC,SAAS,GAAG;MACxB,GAAGD,aAAa,CAACC,SAAS;MAC1BU,WAAW,EAAEjB,QAAQ,CAACqB,MAAM,CAAC,GAAG,CAAC;MACjCF,eAAe,EAAEnB,QAAQ,CAACqB,MAAM,CAAC,GAAG;IACtC,CAAC;EACH;EACA,IAAIhB,OAAO,KAAK,UAAU,EAAE;IAC1BC,aAAa,CAACC,SAAS,GAAG;MACxB,GAAGD,aAAa,CAACC,SAAS;MAC1BU,WAAW,EAAEjB,QAAQ,CAACqB,MAAM,CAAC,GAAG,CAAC;MACjCF,eAAe,EAAEnB,QAAQ,CAACqB,MAAM,CAAC,GAAG;IACtC,CAAC;EACH;EAEA,IAAIhB,OAAO,KAAK,UAAU,EAAE;IAC1BC,aAAa,CAACC,SAAS,GAAG;MACxB,GAAGD,aAAa,CAACC,SAAS;MAC1BU,WAAW,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,GAAG,CAAC;MAC/BC,eAAe,EAAEnB,QAAQ,CAACkB,IAAI,CAAC,EAAE;IACnC,CAAC;EACH;EAEAZ,aAAa,CAACgB,iBAAiB,GAAG;IAChCd,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EAEDL,aAAa,CAACiB,UAAU,GAAG;IACzBA,UAAU,EAAErB,OAAO,CAAC,CAAC;EACvB,CAAC;EACDI,aAAa,CAACkB,WAAW,GAAG;IAC1BA,WAAW,EAAEtB,OAAO,CAAC,CAAC;EACxB,CAAC;EAED,OAAOH,UAAU,CAAC0B,MAAM,CAACnB,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/module/components/Chips/Chips.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Chips.type.js.map

package/lib/module/components/Chips/Chips.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Chips/Chips.type.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Loader/loader.component.js

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import { Animated, View } from 'react-native';
+const Loader = props => {
+  const {
+    speed = 200
+  } = props;
+  const [valueDeg, setValueDeg] = React.useState(0);
+  const timeoutValDeg = () => {
+    setTimeout(function () {
+      if (valueDeg >= 360) {
+        setValueDeg(22.5);
+      } else {
+        let val = valueDeg + 22.5;
+        setValueDeg(val);
+      }
+    }, speed);
+  };
+  React.useEffect(() => {
+    timeoutValDeg();
+  }, []);
+  React.useEffect(() => {
+    timeoutValDeg();
+  }, [valueDeg]);
+  const svgLoader = () => {
+    return /*#__PURE__*/React.createElement("svg", {
+      width: "48",
+      height: "48",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React.createElement("g", {
+      "clip-path": "url(#clip0_906_38666)"
+    }, /*#__PURE__*/React.createElement("path", {
+      d: "M25.7693 1.76721C25.7693 0.791206 24.9781 0 24.0021 0C23.0261 0 22.2349 0.791206 22.2349 1.76721V7.08347C22.2349 8.05947 23.0261 8.85067 24.0021 8.85067C24.9781 8.85067 25.7693 8.05947 25.7693 7.08347V1.76721Z",
+      fill: "#010101"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M18.2025 10.0032C19.1025 9.63003 19.5306 8.59458 19.1574 7.69451L17.1231 2.78072C16.7499 1.88065 15.7145 1.45257 14.8144 1.82577C13.9143 2.19897 13.4863 3.23442 13.8595 4.13448L15.8938 9.04827C16.267 9.94834 17.3024 10.3764 18.2025 10.0032Z",
+      fill: "#111111"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M13.2886 13.2886C13.9802 12.5971 13.9802 11.4812 13.2886 10.7897L9.52737 7.0284C8.83586 6.33689 7.71992 6.33689 7.0284 7.0284C6.33689 7.71992 6.33689 8.83586 7.0284 9.52737L10.7897 13.2886C11.4812 13.9802 12.5971 13.9802 13.2886 13.2886Z",
+      fill: "#212121"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M10.0032 18.2025C10.3764 17.3024 9.94834 16.267 9.04827 15.8938L4.13448 13.8595C3.23442 13.4863 2.19897 13.9143 1.82577 14.8144C1.45257 15.7145 1.88065 16.7499 2.78072 17.1231L7.69451 19.1574C8.59458 19.5306 9.63003 19.1025 10.0032 18.2025Z",
+      fill: "#333333"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M8.85067 24.0021C8.85067 23.0252 8.06037 22.2349 7.08347 22.2349H1.76721C0.790304 22.2349 0 23.0252 0 24.0021C0 24.979 0.790304 25.7693 1.76721 25.7693H7.08347C8.06037 25.7693 8.85067 24.979 8.85067 24.0021Z",
+      fill: "#434343"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M10.0032 29.7973C9.63003 28.8973 8.59458 28.4692 7.69451 28.8424L2.78072 30.8767C1.88065 31.2499 1.45257 32.2853 1.82577 33.1854C2.19897 34.0855 3.23442 34.5135 4.13448 34.1403L9.04827 32.106C9.94834 31.7328 10.3764 30.6974 10.0032 29.7973Z",
+      fill: "#545454"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M13.2886 34.711C12.5971 34.0195 11.4812 34.0195 10.7897 34.711L7.0284 38.4723C6.33689 39.1638 6.33689 40.2797 7.0284 40.9713C7.71992 41.6628 8.83586 41.6628 9.52737 40.9713L13.2886 37.21C13.9802 36.5185 13.9802 35.4025 13.2886 34.711Z",
+      fill: "#636363"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M18.2025 37.9967C17.3024 37.6235 16.267 38.0516 15.8938 38.9516L13.8595 43.8654C13.4863 44.7655 13.9143 45.8009 14.8144 46.1741C15.7145 46.5473 16.7499 46.1192 17.1231 45.2192L19.1574 40.3054C19.5306 39.4053 19.1025 38.3699 18.2025 37.9967Z",
+      fill: "#757575"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M22.2307 46.2328C22.2307 47.2088 23.0219 48 23.9979 48C24.9739 48 25.7651 47.2088 25.7651 46.2328V40.9165C25.7651 39.9405 24.9739 39.1493 23.9979 39.1493C23.0219 39.1493 22.2307 39.9405 22.2307 40.9165V46.2328Z",
+      fill: "#838383"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M29.7973 37.9967C28.8973 38.3699 28.4692 39.4053 28.8424 40.3054L30.8767 45.2192C31.2499 46.1192 32.2853 46.5473 33.1854 46.1741C34.0855 45.8009 34.5135 44.7655 34.1403 43.8654L32.106 38.9516C31.7328 38.0516 30.6974 37.6235 29.7973 37.9967Z",
+      fill: "#949494"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M34.711 34.711C34.0195 35.4025 34.0195 36.5185 34.711 37.21L38.4723 40.9713C39.1638 41.6628 40.2797 41.6628 40.9713 40.9713C41.6628 40.2797 41.6628 39.1638 40.9713 38.4723L37.21 34.711C36.5185 34.0195 35.4025 34.0195 34.711 34.711Z",
+      fill: "#A2A2A2"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M37.9967 29.7973C37.6235 30.6974 38.0516 31.7328 38.9516 32.106L43.8654 34.1403C44.7655 34.5135 45.8009 34.0855 46.1741 33.1854C46.5473 32.2853 46.1192 31.2499 45.2192 30.8767L40.3054 28.8424C39.4053 28.4692 38.3699 28.8973 37.9967 29.7973Z",
+      fill: "#B2B2B2"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M39.1494 24.0021C39.1494 24.979 39.9397 25.7693 40.9166 25.7693H46.2329C47.2098 25.7693 48.0001 24.979 48.0001 24.0021C48.0001 23.0252 47.2098 22.2349 46.2329 22.2349H40.9166C39.9397 22.2349 39.1494 23.0252 39.1494 24.0021Z",
+      fill: "#C1C1C1"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M37.9967 18.2025C38.3699 19.1025 39.4053 19.5306 40.3054 19.1574L45.2192 17.1231C46.1192 16.7499 46.5473 15.7145 46.1741 14.8144C45.8009 13.9143 44.7655 13.4863 43.8654 13.8595L38.9516 15.8938C38.0516 16.267 37.6235 17.3024 37.9967 18.2025Z",
+      fill: "#D4D4D4"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M34.711 13.2886C35.4025 13.9802 36.5185 13.9802 37.21 13.2886L40.9713 9.52737C41.6628 8.83586 41.6628 7.71992 40.9713 7.0284C40.2797 6.33689 39.1638 6.33689 38.4723 7.0284L34.711 10.7897C34.0195 11.4812 34.0195 12.5971 34.711 13.2886Z",
+      fill: "#E3E3E3"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M29.7973 10.0032C30.6974 10.3764 31.7328 9.94834 32.106 9.04827L34.1403 4.13448C34.5135 3.23442 34.0855 2.19897 33.1854 1.82577C32.2853 1.45257 31.2499 1.88065 30.8767 2.78072L28.8424 7.69451C28.4692 8.59458 28.8973 9.63003 29.7973 10.0032Z",
+      fill: "#F6F6F6"
+    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+      id: "clip0_906_38666"
+    }, /*#__PURE__*/React.createElement("rect", {
+      width: "48",
+      height: "48",
+      fill: "white"
+    }))));
+  };
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      transform: [{
+        rotate: valueDeg + 'deg'
+      }]
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [{
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }]
+  }, svgLoader()));
+};
+export { Loader };
+//# sourceMappingURL=loader.component.js.map

package/lib/module/components/Loader/loader.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","View","Loader","props","speed","valueDeg","setValueDeg","useState","timeoutValDeg","setTimeout","val","useEffect","svgLoader","createElement","width","height","viewBox","fill","xmlns","d","id","style","transform","rotate","flex","justifyContent","alignItems"],"sourceRoot":"../../../../src","sources":["components/Loader/loader.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Loader/loader.style.js

@@ -0,0 +1,6 @@
+import { StyleSheet } from 'react-native';
+export const getStyle = () => {
+  const computedStyle = {};
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=loader.style.js.map

package/lib/module/components/Loader/loader.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","getStyle","computedStyle","create"],"sourceRoot":"../../../../src","sources":["components/Loader/loader.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAIzC,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5C,OAAOF,UAAU,CAACG,MAAM,CAACD,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/module/components/Loader/loader.type.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=loader.type.js.map

package/lib/module/components/Loader/loader.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Loader/loader.type.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Notification/notification.component.js

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+import { Typography } from '../typography/typography.component';
+const Notification = props => {
+  const {
+    amount = 0,
+    disabled = false,
+    containerStyle
+  } = props;
+  const labelChecking = amount => {
+    if (!amount || isNaN(amount)) {
+      return '';
+    } else {
+      if (amount > 99) {
+        return '99+';
+      } else {
+        return amount;
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, disabled ? null : /*#__PURE__*/React.createElement(View, {
+    style: [containerStyle, {
+      padding: !labelChecking(amount) ? Spacing[4] : Spacing[8],
+      width: !labelChecking(amount) ? 0 : 18,
+      height: !labelChecking(amount) ? 0 : 18,
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: Palettes.red[600],
+      borderRadius: Radius.full
+    }]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: {
+      fontSize: 8,
+      color: Palettes.white[100]
+    },
+    variant: 'text-caption-semibold'
+  }, labelChecking(amount))));
+};
+export { Notification };
+//# sourceMappingURL=notification.component.js.map

package/lib/module/components/Notification/notification.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Palettes","Radius","Spacing","Typography","Notification","props","amount","disabled","containerStyle","labelChecking","isNaN","createElement","Fragment","style","padding","width","height","justifyContent","alignItems","backgroundColor","red","borderRadius","full","fontSize","color","white","variant"],"sourceRoot":"../../../../src","sources":["components/Notification/notification.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAInC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AACxD,SAASC,UAAU,QAAQ,oCAAoC;AAE/D,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACjD,MAAM;IAAEC,MAAM,GAAG,CAAC;IAAEC,QAAQ,GAAG,KAAK;IAAEC;EAAe,CAAC,GAAGH,KAAK;EAE9D,MAAMI,aAAa,GAAIH,MAAW,IAAK;IACrC,IAAI,CAACA,MAAM,IAAII,KAAK,CAACJ,MAAM,CAAC,EAAE;MAC5B,OAAO,EAAE;IACX,CAAC,MAAM;MACL,IAAIA,MAAM,GAAG,EAAE,EAAE;QACf,OAAO,KAAK;MACd,CAAC,MAAM;QACL,OAAOA,MAAM;MACf;IACF;EACF,CAAC;EAED,oBACER,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,QACGL,QAAQ,GAAG,IAAI,gBACdT,KAAA,CAAAa,aAAA,CAACZ,IAAI;IACHc,KAAK,EAAE,CACLL,cAAc,EACd;MACEM,OAAO,EAAE,CAACL,aAAa,CAACH,MAAM,CAAC,GAAGJ,OAAO,CAAC,CAAC,CAAC,GAAGA,OAAO,CAAC,CAAC,CAAC;MACzDa,KAAK,EAAE,CAACN,aAAa,CAACH,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;MACtCU,MAAM,EAAE,CAACP,aAAa,CAACH,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE;MACvCW,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAEnB,QAAQ,CAACoB,GAAG,CAAC,GAAG,CAAC;MAClCC,YAAY,EAAEpB,MAAM,CAACqB;IACvB,CAAC;EACD,gBAEFxB,KAAA,CAAAa,aAAA,CAACR,UAAU;IACTU,KAAK,EAAE;MAAEU,QAAQ,EAAE,CAAC;MAAEC,KAAK,EAAExB,QAAQ,CAACyB,KAAK,CAAC,GAAG;IAAE,CAAE;IACnDC,OAAO,EAAE;EAAwB,GAEhCjB,aAAa,CAACH,MAAM,CACX,CACR,CAER,CAAC;AAEP,CAAC;AAED,SAASF,YAAY","ignoreList":[]}

package/lib/module/components/Notification/notification.style.js

@@ -0,0 +1,7 @@
+import { StyleSheet } from 'react-native';
+export const getStyle = props => {
+  const {} = props;
+  const computedStyle = {};
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=notification.style.js.map

package/lib/module/components/Notification/notification.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","getStyle","props","computedStyle","create"],"sourceRoot":"../../../../src","sources":["components/Notification/notification.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAOzC,OAAO,MAAMC,QAAQ,GAAIC,KAAwB,IAAK;EACpD,MAAM,CAAE,CAAC,GAAGA,KAAK;EACjB,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5C,OAAOH,UAAU,CAACI,MAAM,CAACD,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/module/components/Notification/notification.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=notification.type.js.map

package/lib/module/components/Notification/notification.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Notification/notification.type.ts"],"mappings":"","ignoreList":[]}

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

@@ -64,5 +64,5 @@ const Snackbar = {
     RNToast.hide(params);
   }
 };
-export { Snackbar, SnackbarComponent };
+export { Snackbar, SnackbarComponent, SnackbarUI };
 //# sourceMappingURL=Snackbar.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","RNToast","Typography","getStyle","SnackbarUI","props","message","action","containerStyle","computedStyle","createElement","style","container","variant","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;EAAe,CAAC,GAAGH,KAAK;EAE7D,MAAMI,aAAa,GAAGN,QAAQ,CAAC,CAAC;EAEhC,oBACEJ,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACF,aAAa,CAACG,SAAS,EAAEJ,cAAc;EAAE,gBACrDT,KAAA,CAAAW,aAAA,CAACR,UAAU;IACTW,OAAO,EAAC,SAAS;IACjBC,aAAa,EAAE,CAAE;IACjBH,KAAK,EAAE,CAACF,aAAa,CAACH,OAAO;EAAE,GAE9BA,OACS,CAAC,EACZC,MAAM,iBAAIR,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACF,aAAa,CAACM,aAAa;EAAE,GAAER,MAAa,CACjE,CAAC;AAEX,CAAC;AAED,SAASS,iBAAiBA,CAACX,KAAiB,EAAE;EAC5C,MAAMI,aAAa,GAAGN,QAAQ,CAAC,CAAC;EAEhC,oBACEJ,KAAA,CAAAW,aAAA,CAACT,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;QAAO,CAAC,GAAGa,UAAU;QAEtC,oBACErB,KAAA,CAAAW,aAAA,CAACV,IAAI;UAACW,KAAK,EAAE,CAACF,aAAa,CAACY,eAAe;QAAE,gBAC3CtB,KAAA,CAAAW,aAAA,CAACN,UAAU;UAACE,OAAO,EAAEA,OAAQ;UAACC,MAAM,EAAEA;QAAO,CAAE,CAC3C,CAAC;MAEX;IACF,CAAE;IACFe,IAAI,EAAC,aAAa;IAClBC,QAAQ,EAAC;EAAQ,EAClB,CAAC;AAEN;AAEA,MAAMC,QAAQ,GAAG;EACfC,IAAI,EACFC,MAGC,IACE;IACH,MAAM;MAAEpB,OAAO,GAAG,EAAE;MAAEC;IAAO,CAAC,GAAGmB,MAAM;IACvCzB,OAAO,CAACwB,IAAI,CAAC;MACX,GAAGC,MAAM;MACTrB,KAAK,EAAE;QACLC,OAAO;QACPC;MACF;IACF,CAAC,CAAC;EACJ,CAAC;EACDoB,IAAI,EAAGD,MAAuB,IAAK;IACjCzB,OAAO,CAAC0B,IAAI,CAACD,MAAM,CAAC;EACtB;AACF,CAAC;AAED,SAASF,QAAQ,EAAER,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","View","RNToast","Typography","getStyle","SnackbarUI","props","message","action","containerStyle","computedStyle","createElement","style","container","variant","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;EAAe,CAAC,GAAGH,KAAK;EAE7D,MAAMI,aAAa,GAAGN,QAAQ,CAAC,CAAC;EAEhC,oBACEJ,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACF,aAAa,CAACG,SAAS,EAAEJ,cAAc;EAAE,gBACrDT,KAAA,CAAAW,aAAA,CAACR,UAAU;IACTW,OAAO,EAAC,SAAS;IACjBC,aAAa,EAAE,CAAE;IACjBH,KAAK,EAAE,CAACF,aAAa,CAACH,OAAO;EAAE,GAE9BA,OACS,CAAC,EACZC,MAAM,iBAAIR,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACW,KAAK,EAAE,CAACF,aAAa,CAACM,aAAa;EAAE,GAAER,MAAa,CACjE,CAAC;AAEX,CAAC;AAED,SAASS,iBAAiBA,CAACX,KAAiB,EAAE;EAC5C,MAAMI,aAAa,GAAGN,QAAQ,CAAC,CAAC;EAEhC,oBACEJ,KAAA,CAAAW,aAAA,CAACT,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;QAAO,CAAC,GAAGa,UAAU;QAEtC,oBACErB,KAAA,CAAAW,aAAA,CAACV,IAAI;UAACW,KAAK,EAAE,CAACF,aAAa,CAACY,eAAe;QAAE,gBAC3CtB,KAAA,CAAAW,aAAA,CAACN,UAAU;UAACE,OAAO,EAAEA,OAAQ;UAACC,MAAM,EAAEA;QAAO,CAAE,CAC3C,CAAC;MAEX;IACF,CAAE;IACFe,IAAI,EAAC,aAAa;IAClBC,QAAQ,EAAC;EAAQ,EAClB,CAAC;AAEN;AAEA,MAAMC,QAAQ,GAAG;EACfC,IAAI,EACFC,MAGC,IACE;IACH,MAAM;MAAEpB,OAAO,GAAG,EAAE;MAAEC;IAAO,CAAC,GAAGmB,MAAM;IACvCzB,OAAO,CAACwB,IAAI,CAAC;MACX,GAAGC,MAAM;MACTrB,KAAK,EAAE;QACLC,OAAO;QACPC;MACF;IACF,CAAC,CAAC;EACJ,CAAC;EACDoB,IAAI,EAAGD,MAAuB,IAAK;IACjCzB,OAAO,CAAC0B,IAAI,CAACD,MAAM,CAAC;EACtB;AACF,CAAC;AAED,SAASF,QAAQ,EAAER,iBAAiB,EAAEZ,UAAU","ignoreList":[]}

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

@@ -25,7 +25,6 @@ const TextInput = props => {
     calendarProps,
     onChangeText,
     onChangeDate,
-    dateValueFormatOptions,
     ...rest
   } = props;
   const [labelWidth, setLabelWidth] = React.useState(0);
@@ -74,9 +73,10 @@ const TextInput = props => {
   };
   const computedValue = React.useMemo(() => {
     if (inputType === 'date' && typeof value === 'object') {
-      const options = dateValueFormatOptions || {
-        day: 'numeric',
-        month: 'long',
+      const options = {
+        weekday: 'long',
+        day: '2-digit',
+        month: 'short',
         year: 'numeric'
       };
       const formattedDate = new Intl.DateTimeFormat('id-ID', options).format(value);
@@ -98,9 +98,11 @@ const TextInput = props => {
       if (typeof masked === 'string') {
         // parse it into date object
         const maskedDateObj = new Date(masked);
-        if (masked) onChangeDate === null || onChangeDate === void 0 || onChangeDate(maskedDateObj);
-      } else if (typeof masked === 'object' && masked instanceof Date) {
-        onChangeDate === null || onChangeDate === void 0 || onChangeDate(masked);
+        if (!isNaN(maskedDateObj.getTime())) {
+          onChangeDate === null || onChangeDate === void 0 || onChangeDate(maskedDateObj);
+        } else {
+          onChangeDate === null || onChangeDate === void 0 || onChangeDate(undefined);
+        }
       }
     } else {
       onChangeText === null || onChangeText === void 0 || onChangeText(masked, unmasked, obfuscated);