@adiraku/react-native-ui 0.1.14

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

@@ -0,0 +1,57 @@
+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); }
+import * as React from 'react';
+import { View } from 'react-native';
+import { TextInput } from 'react-native';
+import { getStyle } from './TextArea.style';
+import { Palettes } from '../../themes';
+import { Typography } from '../typography/typography.component';
+const TextArea = props => {
+  const {
+    label = '',
+    value = '',
+    helperMessage = '',
+    counter = 0,
+    errorMessage,
+    isError,
+    onBlur = () => null,
+    onFocus = () => null,
+    ...rest
+  } = props;
+  const [focused, setFocused] = React.useState(false);
+  const computedStyle = getStyle(props, focused);
+  const handleOnFocus = event => {
+    setFocused(true);
+    onBlur(event);
+  };
+  const handleOnBlur = event => {
+    if (value === '') {
+      onFocus(event);
+    }
+    setFocused(false);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.fieldContainer
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle2",
+    style: computedStyle.label
+  }, label), /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.fieldWrapper
+  }, /*#__PURE__*/React.createElement(TextInput, _extends({
+    numberOfLines: 3,
+    multiline: true,
+    textAlignVertical: "top",
+    style: computedStyle.TextInput,
+    value: value,
+    placeholderTextColor: Palettes.grey[500],
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus
+  }, rest)), counter > 0 && /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: computedStyle.counter
+  }, `${value.length}/${counter}`)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: computedStyle.messageHelper
+  }, errorMessage || !isError && helperMessage) : null);
+};
+export { TextArea };
+//# sourceMappingURL=TextArea.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TextInput","getStyle","Palettes","Typography","TextArea","props","label","value","helperMessage","counter","errorMessage","isError","onBlur","onFocus","rest","focused","setFocused","useState","computedStyle","handleOnFocus","event","handleOnBlur","fieldContainer","fieldWrapper","grey","length","messageHelper"],"sourceRoot":"..\\..\\src","sources":["TextArea.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,oCAAoC;AAM/D,MAAMC,QAAgD,GAAIC,KAAK,IAAK;EAClE,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,KAAK,GAAG,EAAE;IACVC,aAAa,GAAG,EAAE;IAClBC,OAAO,GAAG,CAAC;IACXC,YAAY;IACZC,OAAO;IACPC,MAAM,GAAG,MAAM,IAAI;IACnBC,OAAO,GAAG,MAAM,IAAI;IACpB,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMC,aAAa,GAAGjB,QAAQ,CAACI,KAAK,EAAEU,OAAO,CAAC;EAE9C,MAAMI,aAAa,GACjBC,KAAoD,IACjD;IACHJ,UAAU,CAAC,IAAI,CAAC;IAChBJ,MAAM,CAACQ,KAAK,CAAC;EACf,CAAC;EACD,MAAMC,YAAY,GAChBD,KAAoD,IACjD;IACH,IAAIb,KAAK,KAAK,EAAE,EAAE;MAChBM,OAAO,CAACO,KAAK,CAAC;IAChB;IACAJ,UAAU,CAAC,KAAK,CAAC;EACnB,CAAC;EAED,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAEE,aAAa,CAACI;EAAe,gBACxC,oBAAC,UAAU;IAAC,OAAO,EAAC,WAAW;IAAC,KAAK,EAAEJ,aAAa,CAACZ;EAAM,GACxDA,KAAK,CACK,eACb,oBAAC,IAAI;IAAC,KAAK,EAAEY,aAAa,CAACK;EAAa,gBACtC,oBAAC,SAAS;IACR,aAAa,EAAE,CAAE;IACjB,SAAS,EAAE,IAAK;IAChB,iBAAiB,EAAC,KAAK;IACvB,KAAK,EAAEL,aAAa,CAAClB,SAAU;IAC/B,KAAK,EAAEO,KAAM;IACb,oBAAoB,EAAEL,QAAQ,CAACsB,IAAI,CAAC,GAAG,CAAE;IACzC,MAAM,EAAEH,YAAa;IACrB,OAAO,EAAEF;EAAc,GACnBL,IAAI,EACR,EACDL,OAAO,GAAG,CAAC,iBACV,oBAAC,UAAU;IACT,OAAO,EAAC,SAAS;IACjB,KAAK,EAAES,aAAa,CAACT;EAAQ,GAC5B,GAAEF,KAAK,CAACkB,MAAO,IAAGhB,OAAQ,EAAC,CAC/B,CACI,EACNC,YAAY,IAAIF,aAAa,gBAC5B,oBAAC,UAAU;IAAC,OAAO,EAAC,SAAS;IAAC,KAAK,EAAEU,aAAa,CAACQ;EAAc,GAC9DhB,YAAY,IAAM,CAACC,OAAO,IAAIH,aAAyB,CAC7C,GACX,IAAI,CACH;AAEX,CAAC;AAED,SAASJ,QAAQ"}

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

@@ -0,0 +1,50 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+export const getStyle = (props, isFocused) => {
+  const {
+    editable = true,
+    isError,
+    errorMessage
+  } = props;
+  const computedStyle = {};
+  const stateColor = isError || errorMessage ? {
+    text: Palettes.red[500],
+    border: Palettes.red[500]
+  } : {
+    text: Palettes.black[900],
+    border: isFocused ? Palettes.grey[900] : Palettes.grey[200]
+  };
+  computedStyle.fieldContainer = {
+    width: '100%',
+    gap: Spacing[8]
+  };
+  computedStyle.label = {
+    color: Palettes.black[900]
+  };
+  computedStyle.fieldWrapper = {
+    borderWidth: Radius.border,
+    borderRadius: Radius[8],
+    borderColor: stateColor.border,
+    padding: Spacing[12],
+    backgroundColor: editable ? Palettes.white[50] : Palettes.grey[50]
+  };
+  computedStyle.TextInput = {
+    height: 72,
+    padding: 0,
+    margin: 0,
+    overflow: 'visible',
+    fontSize: 14,
+    lineHeight: 21,
+    fontFamily: 'Montserrat-Regular',
+    color: Palettes.black[900],
+    verticalAlign: 'top'
+  };
+  computedStyle.counter = {
+    textAlign: 'right'
+  };
+  computedStyle.messageHelper = {
+    color: stateColor.text
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=TextArea.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","isFocused","editable","isError","errorMessage","computedStyle","stateColor","text","red","border","black","grey","fieldContainer","width","gap","label","color","fieldWrapper","borderWidth","borderRadius","borderColor","padding","backgroundColor","white","TextInput","height","margin","overflow","fontSize","lineHeight","fontFamily","verticalAlign","counter","textAlign","messageHelper","create"],"sourceRoot":"..\\..\\src","sources":["TextArea.style.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAaxD,OAAO,MAAMC,QAAQ,GAAG,CAACC,KAAoB,EAAEC,SAAkB,KAAK;EACpE,MAAM;IAAEC,QAAQ,GAAG,IAAI;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAGJ,KAAK;EAExD,MAAMK,aAAiC,GAAG,CAAC,CAAC;EAE5C,MAAMC,UAAU,GACdH,OAAO,IAAIC,YAAY,GACnB;IAAEG,IAAI,EAAEX,QAAQ,CAACY,GAAG,CAAC,GAAG,CAAC;IAAEC,MAAM,EAAEb,QAAQ,CAACY,GAAG,CAAC,GAAG;EAAE,CAAC,GACtD;IACED,IAAI,EAAEX,QAAQ,CAACc,KAAK,CAAC,GAAG,CAAC;IACzBD,MAAM,EAAER,SAAS,GAAGL,QAAQ,CAACe,IAAI,CAAC,GAAG,CAAC,GAAGf,QAAQ,CAACe,IAAI,CAAC,GAAG;EAC5D,CAAC;EAEPN,aAAa,CAACO,cAAc,GAAG;IAC7BC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAEhB,OAAO,CAAC,CAAC;EAChB,CAAC;EAEDO,aAAa,CAACU,KAAK,GAAG;IACpBC,KAAK,EAAEpB,QAAQ,CAACc,KAAK,CAAC,GAAG;EAC3B,CAAC;EAEDL,aAAa,CAACY,YAAY,GAAG;IAC3BC,WAAW,EAAErB,MAAM,CAACY,MAAM;IAC1BU,YAAY,EAAEtB,MAAM,CAAC,CAAC,CAAC;IACvBuB,WAAW,EAAEd,UAAU,CAACG,MAAM;IAC9BY,OAAO,EAAEvB,OAAO,CAAC,EAAE,CAAC;IACpBwB,eAAe,EAAEpB,QAAQ,GAAGN,QAAQ,CAAC2B,KAAK,CAAC,EAAE,CAAC,GAAG3B,QAAQ,CAACe,IAAI,CAAC,EAAE;EACnE,CAAC;EAEDN,aAAa,CAACmB,SAAS,GAAG;IACxBC,MAAM,EAAE,EAAE;IACVJ,OAAO,EAAE,CAAC;IACVK,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,oBAAoB;IAChCd,KAAK,EAAEpB,QAAQ,CAACc,KAAK,CAAC,GAAG,CAAC;IAC1BqB,aAAa,EAAE;EACjB,CAAC;EAED1B,aAAa,CAAC2B,OAAO,GAAG;IACtBC,SAAS,EAAE;EACb,CAAC;EAED5B,aAAa,CAAC6B,aAAa,GAAG;IAC5BlB,KAAK,EAAEV,UAAU,CAACC;EACpB,CAAC;EAED,OAAOZ,UAAU,CAACwC,MAAM,CAAC9B,aAAa,CAAC;AACzC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["TextArea.type.ts"],"mappings":""}

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

@@ -0,0 +1,103 @@
+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); }
+import * as React from 'react';
+import { View } from 'react-native';
+import { getStyle } from './TextInput.style';
+import { TextInput as RNTextInput } from 'react-native';
+import { Typography } from '../typography/typography.component';
+import { Animated } from 'react-native';
+import { Palettes } from '../../themes';
+const TextInput = props => {
+  const {
+    value,
+    label,
+    onBlur = () => null,
+    onFocus = () => null,
+    errorMessage,
+    helperMessage,
+    isError,
+    counter = 0,
+    inputIcon = null,
+    ...rest
+  } = props;
+  const [labelWidth, setLabelWidth] = React.useState(0);
+  const [focused, setFocused] = React.useState(false);
+  const computedStyle = getStyle(props, focused);
+  const animation = React.useRef(new Animated.Value(0));
+  const scale = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0.8]
+  });
+  const translateY = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, -30]
+  });
+  const translateX = animation.current.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, labelWidth * -0.1]
+  });
+  const animate = toValue => Animated.spring(animation.current, {
+    useNativeDriver: true,
+    toValue
+  }).start();
+  React.useEffect(() => {
+    if (value) {
+      animate(1);
+    } else {
+      animate(0);
+    }
+  }, [value]);
+  const handleOnFocus = event => {
+    animate(1);
+    setFocused(true);
+    onBlur(event);
+  };
+  const handleOnBlur = event => {
+    if (value === '') {
+      animate(0);
+      onFocus(event);
+    }
+    setFocused(false);
+  };
+  const getLabelWidth = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setLabelWidth(width + 24);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.fieldWrapper
+  }, /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.fieldContainer
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [computedStyle.labelContainer, {
+      transform: [{
+        scale
+      }, {
+        translateY
+      }, {
+        translateX
+      }]
+    }],
+    onLayout: getLabelWidth,
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    style: computedStyle.label
+  }, label)), /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.inputWrapper
+  }, /*#__PURE__*/React.createElement(RNTextInput, _extends({
+    value: value,
+    style: [computedStyle.textField],
+    onFocus: handleOnFocus,
+    onBlur: handleOnBlur,
+    placeholderTextColor: focused ? Palettes.black[500] : 'transparent'
+  }, rest)), inputIcon || counter > 0 ? inputIcon || /*#__PURE__*/React.createElement(Typography, {
+    style: computedStyle.counter,
+    variant: "caption"
+  }, `${value === null || value === void 0 ? void 0 : value.length}/${counter}`) : null)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: computedStyle.messageHelper
+  }, errorMessage || !isError && helperMessage) : null);
+};
+export { TextInput };
+//# sourceMappingURL=TextInput.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getStyle","TextInput","RNTextInput","Typography","Animated","Palettes","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","useState","focused","setFocused","computedStyle","animation","useRef","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","black","length","messageHelper"],"sourceRoot":"..\\..\\src","sources":["TextInput.component.tsx"],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+export const getStyle = (props, isFocused) => {
+  const {
+    editable = true,
+    isError,
+    errorMessage
+  } = props;
+  const stateColor = isError || errorMessage ? {
+    text: Palettes.red[500],
+    border: Palettes.red[500]
+  } : {
+    text: Palettes.black[900],
+    border: isFocused ? Palettes.grey[900] : Palettes.grey[200]
+  };
+  const computedStyle = {};
+  computedStyle.fieldWrapper = {
+    width: '100%'
+  };
+  computedStyle.fieldContainer = {
+    alignItems: 'flex-start',
+    justifyContent: 'center',
+    width: '100%'
+  };
+  computedStyle.labelContainer = {
+    zIndex: 99,
+    position: 'absolute'
+  };
+  computedStyle.label = {
+    color: stateColor.text,
+    backgroundColor: !editable ? Palettes.grey[50] : Palettes.whiteDark[50],
+    paddingHorizontal: Spacing[4],
+    borderRadius: Radius[4],
+    marginLeft: Spacing[8]
+  };
+  computedStyle.inputWrapper = {
+    height: 48,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderWidth: Radius.border,
+    borderColor: stateColor.border,
+    backgroundColor: !editable ? Palettes.grey[50] : Palettes.whiteDark[50],
+    borderRadius: Radius[8],
+    padding: Spacing[8],
+    width: '100%'
+  };
+  computedStyle.textField = {
+    flex: 1,
+    color: Palettes.black[900],
+    padding: 0,
+    margin: 0,
+    overflow: 'visible',
+    fontSize: 14,
+    lineHeight: 21,
+    fontFamily: 'Montserrat-Regular'
+  };
+  computedStyle.messageHelper = {
+    alignSelf: 'flex-start',
+    marginLeft: 12,
+    color: stateColor.text
+  };
+  computedStyle.counter = {
+    marginLeft: Spacing[4],
+    color: Palettes.grey[500]
+  };
+  computedStyle.inputIconWrapper = {
+    marginLeft: Spacing[4]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=TextInput.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","isFocused","editable","isError","errorMessage","stateColor","text","red","border","black","grey","computedStyle","fieldWrapper","width","fieldContainer","alignItems","justifyContent","labelContainer","zIndex","position","label","color","backgroundColor","whiteDark","paddingHorizontal","borderRadius","marginLeft","inputWrapper","height","flexDirection","borderWidth","borderColor","padding","textField","flex","margin","overflow","fontSize","lineHeight","fontFamily","messageHelper","alignSelf","counter","inputIconWrapper","create"],"sourceRoot":"..\\..\\src","sources":["TextInput.style.tsx"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["TextInput.type.ts"],"mappings":""}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { View, Text } from 'react-native';
+import { Palettes } from '../../themes';
+import { getStyle } from './base.style';
+const BaseComponent = props => {
+  const {
+    label = 'Base component',
+    variant = 'dark'
+  } = props;
+  const computedStyle = getStyle(props);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Palettes.red[500]
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: computedStyle.label
+  }, `${variant}: ${label}`));
+};
+export { BaseComponent };
+//# sourceMappingURL=base.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Palettes","getStyle","BaseComponent","props","label","variant","computedStyle","backgroundColor","red"],"sourceRoot":"..\\..\\src","sources":["base.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,QAAQ,QAAQ,cAAc;AAGvC,MAAMC,aAAiD,GAAIC,KAAK,IAAK;EACnE,MAAM;IAAEC,KAAK,GAAG,gBAAgB;IAAEC,OAAO,GAAG;EAAO,CAAC,GAAGF,KAAK;EAE5D,MAAMG,aAAa,GAAGL,QAAQ,CAACE,KAAK,CAAC;EAErC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE;MAAEI,eAAe,EAAEP,QAAQ,CAACQ,GAAG,CAAC,GAAG;IAAE;EAAE,gBAClD,oBAAC,IAAI;IAAC,KAAK,EAAEF,aAAa,CAACF;EAAM,GAAG,GAAEC,OAAQ,KAAID,KAAM,EAAC,CAAQ,CAC5D;AAEX,CAAC;AAED,SAASF,aAAa"}

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

@@ -0,0 +1,17 @@
+import { StyleSheet } from 'react-native';
+export const getStyle = props => {
+  const {
+    variant
+  } = props;
+  const computedStyle = {};
+  computedStyle.container = {
+    padding: 8,
+    borderRadius: 4,
+    backgroundColor: variant === 'dark' ? 'black' : 'white'
+  };
+  computedStyle.label = {
+    color: variant === 'dark' ? 'white' : 'black'
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=base.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","getStyle","props","variant","computedStyle","container","padding","borderRadius","backgroundColor","label","color","create"],"sourceRoot":"..\\..\\src","sources":["base.style.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AAQzC,OAAO,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EAC5C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEL,OAAO,KAAK,MAAM,GAAG,OAAO,GAAG;EAClD,CAAC;EAEDC,aAAa,CAACK,KAAK,GAAG;IACpBC,KAAK,EAAEP,OAAO,KAAK,MAAM,GAAG,OAAO,GAAG;EACxC,CAAC;EAED,OAAOH,UAAU,CAACW,MAAM,CAACP,aAAa,CAAC;AACzC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["base.type.ts"],"mappings":""}

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

@@ -0,0 +1,31 @@
+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); }
+import React from 'react';
+import { TouchableHighlight } from 'react-native';
+import { Palettes } from '../../themes';
+import { Typography } from '../typography/typography.component';
+import { getStyle } from './button.styles';
+const Button = props => {
+  const {
+    onPress = () => {},
+    variant = 'primary',
+    label = 'Default',
+    size = 'large',
+    containerStyles,
+    textStyles,
+    ...rest
+  } = props;
+  const computedStyle = getStyle(props);
+  return /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
+    onPress: onPress,
+    style: [computedStyle.container, containerStyles],
+    underlayColor: variant === 'primary' ? Palettes.black[800] : Palettes.blue[50]
+  }, rest), /*#__PURE__*/React.createElement(Typography, {
+    variant: size === 'large' ? 'button' : 'button-small',
+    textStyles: {
+      ...computedStyle.label,
+      ...textStyles
+    }
+  }, label));
+};
+export { Button };
+//# sourceMappingURL=button.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableHighlight","Palettes","Typography","getStyle","Button","props","onPress","variant","label","size","containerStyles","textStyles","rest","computedStyle","container","black","blue"],"sourceRoot":"..\\..\\src","sources":["button.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,QAAQ,cAAc;AAEjD,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,iBAAiB;AAI1C,MAAMC,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,GAAGV,QAAQ,CAACE,KAAK,CAAC;EAErC,oBACE,oBAAC,kBAAkB;IACjB,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAE,CAACO,aAAa,CAACC,SAAS,EAAEJ,eAAe,CAAE;IAClD,aAAa,EACXH,OAAO,KAAK,SAAS,GAAGN,QAAQ,CAACc,KAAK,CAAC,GAAG,CAAC,GAAGd,QAAQ,CAACe,IAAI,CAAC,EAAE;EAC/D,GACGJ,IAAI,gBAER,oBAAC,UAAU;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;AAED,SAASJ,MAAM"}

package/lib/module/components/button/button.styles.js

@@ -0,0 +1,56 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+export const getStyle = props => {
+  const {
+    variant,
+    size,
+    disabled = false
+  } = props;
+  const computedStyle = {};
+  const getLabelColor = () => {
+    if (disabled) {
+      return Palettes.grey[500];
+    }
+    if (variant === 'primary') {
+      return Palettes.white[50];
+    }
+    return Palettes.blueDark[600];
+  };
+  const getBackgroundColor = () => {
+    if (disabled) {
+      return variant === 'primary' ? Palettes.grey[100] : 'transparent';
+    }
+    if (variant === 'primary') {
+      return Palettes.black[900];
+    }
+    return 'transparent';
+  };
+  computedStyle.container = {
+    borderColor: 'transparent',
+    borderWidth: Radius.border,
+    backgroundColor: getBackgroundColor(),
+    paddingHorizontal: Spacing[20],
+    paddingVertical: Spacing[8],
+    borderRadius: Radius[8]
+  };
+  if (variant !== 'tertiary') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      borderColor: disabled ? Palettes.grey[100] : variant === 'primary' ? Palettes.black[900] : Palettes.blueDark[600]
+    };
+  }
+  if (size === 'large') {
+    computedStyle.container = {
+      ...computedStyle.container,
+      paddingHorizontal: Spacing[16],
+      paddingVertical: Spacing[8],
+      width: '100%'
+    };
+  }
+  computedStyle.label = {
+    color: getLabelColor(),
+    textAlign: 'center'
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=button.styles.js.map

package/lib/module/components/button/button.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","variant","size","disabled","computedStyle","getLabelColor","grey","white","blueDark","getBackgroundColor","black","container","borderColor","borderWidth","border","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","width","label","color","textAlign","create"],"sourceRoot":"..\\..\\src","sources":["button.styles.ts"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAQxD,OAAO,MAAMC,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,OAAO;IAAEC,IAAI;IAAEC,QAAQ,GAAG;EAAM,CAAC,GAAGH,KAAK;EAEjD,MAAMI,aAAiC,GAAG,CAAC,CAAC;EAE5C,MAAMC,aAAa,GAAG,MAAM;IAC1B,IAAIF,QAAQ,EAAE;MACZ,OAAOP,QAAQ,CAACU,IAAI,CAAC,GAAG,CAAC;IAC3B;IAEA,IAAIL,OAAO,KAAK,SAAS,EAAE;MACzB,OAAOL,QAAQ,CAACW,KAAK,CAAC,EAAE,CAAC;IAC3B;IAEA,OAAOX,QAAQ,CAACY,QAAQ,CAAC,GAAG,CAAC;EAC/B,CAAC;EAED,MAAMC,kBAAkB,GAAG,MAAM;IAC/B,IAAIN,QAAQ,EAAE;MACZ,OAAOF,OAAO,KAAK,SAAS,GAAGL,QAAQ,CAACU,IAAI,CAAC,GAAG,CAAC,GAAG,aAAa;IACnE;IAEA,IAAIL,OAAO,KAAK,SAAS,EAAE;MACzB,OAAOL,QAAQ,CAACc,KAAK,CAAC,GAAG,CAAC;IAC5B;IAEA,OAAO,aAAa;EACtB,CAAC;EAEDN,aAAa,CAACO,SAAS,GAAG;IACxBC,WAAW,EAAE,aAAa;IAC1BC,WAAW,EAAEhB,MAAM,CAACiB,MAAM;IAC1BC,eAAe,EAAEN,kBAAkB,EAAE;IACrCO,iBAAiB,EAAElB,OAAO,CAAC,EAAE,CAAC;IAC9BmB,eAAe,EAAEnB,OAAO,CAAC,CAAC,CAAC;IAC3BoB,YAAY,EAAErB,MAAM,CAAC,CAAC;EACxB,CAAC;EAED,IAAII,OAAO,KAAK,UAAU,EAAE;IAC1BG,aAAa,CAACO,SAAS,GAAG;MACxB,GAAGP,aAAa,CAACO,SAAS;MAC1BC,WAAW,EAAET,QAAQ,GACjBP,QAAQ,CAACU,IAAI,CAAC,GAAG,CAAC,GAClBL,OAAO,KAAK,SAAS,GACrBL,QAAQ,CAACc,KAAK,CAAC,GAAG,CAAC,GACnBd,QAAQ,CAACY,QAAQ,CAAC,GAAG;IAC3B,CAAC;EACH;EAEA,IAAIN,IAAI,KAAK,OAAO,EAAE;IACpBE,aAAa,CAACO,SAAS,GAAG;MACxB,GAAGP,aAAa,CAACO,SAAS;MAC1BK,iBAAiB,EAAElB,OAAO,CAAC,EAAE,CAAC;MAC9BmB,eAAe,EAAEnB,OAAO,CAAC,CAAC,CAAC;MAC3BqB,KAAK,EAAE;IACT,CAAC;EACH;EAEAf,aAAa,CAACgB,KAAK,GAAG;IACpBC,KAAK,EAAEhB,aAAa,EAAE;IACtBiB,SAAS,EAAE;EACb,CAAC;EAED,OAAO3B,UAAU,CAAC4B,MAAM,CAACnB,aAAa,CAAC;AACzC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["button.type.ts"],"mappings":""}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { View } from 'react-native';
+import { Typography } from '../typography/typography.component';
+import { getStyle } from './coachmark.style';
+export const Coachmark = props => {
+  const {
+    title = '',
+    description = '',
+    titleStyles,
+    descriptionStyles
+  } = props;
+  const computedStyle = getStyle(props);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.arrowPointer]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.headerContainer]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "subtitle1",
+    style: [computedStyle.title, titleStyles]
+  }, title), /*#__PURE__*/React.createElement(TouchableOpacity, null, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption"
+  }, "Back"))), /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: [descriptionStyles]
+  }, description));
+};
+//# sourceMappingURL=coachmark.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","Typography","getStyle","Coachmark","props","title","description","titleStyles","descriptionStyles","computedStyle","container","arrowPointer","headerContainer"],"sourceRoot":"..\\..\\src","sources":["coachmark.component.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,mBAAmB;AAG5C,OAAO,MAAMC,SAAkD,GAAIC,KAAK,IAAK;EAC3E,MAAM;IACJC,KAAK,GAAG,EAAE;IACVC,WAAW,GAAG,EAAE;IAChBC,WAAW;IACXC;EACF,CAAC,GAAGJ,KAAK;EAET,MAAMK,aAAa,GAAGP,QAAQ,CAACE,KAAK,CAAC;EAErC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACK,aAAa,CAACC,SAAS;EAAE,gBACrC,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACD,aAAa,CAACE,YAAY;EAAE,EAAG,eAC7C,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACF,aAAa,CAACG,eAAe;EAAE,gBAC3C,oBAAC,UAAU;IACT,OAAO,EAAC,WAAW;IACnB,KAAK,EAAE,CAACH,aAAa,CAACJ,KAAK,EAAEE,WAAW;EAAE,GAEzCF,KAAK,CACK,eACb,oBAAC,gBAAgB,qBACf,oBAAC,UAAU;IAAC,OAAO,EAAC;EAAS,GAAC,MAAI,CAAa,CAC9B,CACd,eACP,oBAAC,UAAU;IAAC,OAAO,EAAC,SAAS;IAAC,KAAK,EAAE,CAACG,iBAAiB;EAAE,GACtDF,WAAW,CACD,CACR;AAEX,CAAC"}

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

@@ -0,0 +1,57 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Shadow, Spacing } from '../../themes';
+export const getStyle = props => {
+  const {
+    arrowPosition = 'top',
+    anchorArrowTo = 'left',
+    arrowFromCorner = 16
+  } = props;
+  const isArrowTop = arrowPosition === 'top';
+  const getArrowPosition = arrowPosition === 'top' ? {
+    top: -8
+  } : {
+    bottom: -8
+  };
+  const getAnchorArrowPosition = anchorArrowTo === 'left' ? {
+    left: arrowFromCorner
+  } : {
+    right: arrowFromCorner
+  };
+  const computedStyle = {};
+  computedStyle.container = {
+    padding: Spacing[16],
+    backgroundColor: Palettes.white[50],
+    borderRadius: Radius[8],
+    width: '100%',
+    ...Shadow['shadow-elevation-1']
+  };
+  computedStyle.headerContainer = {
+    flexDirection: 'row',
+    gap: Spacing[16]
+  };
+  computedStyle.title = {
+    flex: 1
+  };
+  computedStyle.arrowPointer = {
+    position: 'absolute',
+    width: 0,
+    height: 0,
+    borderStyle: 'solid',
+    backgroundColor: 'transparent',
+    borderLeftColor: 'transparent',
+    borderRightColor: 'transparent',
+    borderLeftWidth: 6,
+    borderRightWidth: 6,
+    borderBottomWidth: 0,
+    borderTopWidth: 8,
+    borderTopColor: Palettes.white[50],
+    borderBottomColor: 'transparent',
+    transform: [{
+      rotate: isArrowTop ? '180deg' : '0deg'
+    }],
+    ...getArrowPosition,
+    ...getAnchorArrowPosition
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=coachmark.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Shadow","Spacing","getStyle","props","arrowPosition","anchorArrowTo","arrowFromCorner","isArrowTop","getArrowPosition","top","bottom","getAnchorArrowPosition","left","right","computedStyle","container","padding","backgroundColor","white","borderRadius","width","headerContainer","flexDirection","gap","title","flex","arrowPointer","position","height","borderStyle","borderLeftColor","borderRightColor","borderLeftWidth","borderRightWidth","borderBottomWidth","borderTopWidth","borderTopColor","borderBottomColor","transform","rotate","create"],"sourceRoot":"..\\..\\src","sources":["coachmark.style.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAWhE,OAAO,MAAMC,QAAQ,GAAIC,KAAqB,IAAK;EACjD,MAAM;IACJC,aAAa,GAAG,KAAK;IACrBC,aAAa,GAAG,MAAM;IACtBC,eAAe,GAAG;EACpB,CAAC,GAAGH,KAAK;EACT,MAAMI,UAAU,GAAGH,aAAa,KAAK,KAAK;EAE1C,MAAMI,gBAAgB,GACpBJ,aAAa,KAAK,KAAK,GACnB;IACEK,GAAG,EAAE,CAAC;EACR,CAAC,GACD;IACEC,MAAM,EAAE,CAAC;EACX,CAAC;EAEP,MAAMC,sBAAsB,GAC1BN,aAAa,KAAK,MAAM,GACpB;IACEO,IAAI,EAAEN;EACR,CAAC,GACD;IACEO,KAAK,EAAEP;EACT,CAAC;EAEP,MAAMQ,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEf,OAAO,CAAC,EAAE,CAAC;IACpBgB,eAAe,EAAEnB,QAAQ,CAACoB,KAAK,CAAC,EAAE,CAAC;IACnCC,YAAY,EAAEpB,MAAM,CAAC,CAAC,CAAC;IACvBqB,KAAK,EAAE,MAAM;IACb,GAAGpB,MAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDc,aAAa,CAACO,eAAe,GAAG;IAC9BC,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAEtB,OAAO,CAAC,EAAE;EACjB,CAAC;EAEDa,aAAa,CAACU,KAAK,GAAG;IACpBC,IAAI,EAAE;EACR,CAAC;EAEDX,aAAa,CAACY,YAAY,GAAG;IAC3BC,QAAQ,EAAE,UAAU;IACpBP,KAAK,EAAE,CAAC;IACRQ,MAAM,EAAE,CAAC;IACTC,WAAW,EAAE,OAAO;IACpBZ,eAAe,EAAE,aAAa;IAC9Ba,eAAe,EAAE,aAAa;IAC9BC,gBAAgB,EAAE,aAAa;IAC/BC,eAAe,EAAE,CAAC;IAClBC,gBAAgB,EAAE,CAAC;IACnBC,iBAAiB,EAAE,CAAC;IACpBC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAEtC,QAAQ,CAACoB,KAAK,CAAC,EAAE,CAAC;IAClCmB,iBAAiB,EAAE,aAAa;IAChCC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAEhC,UAAU,GAAG,QAAQ,GAAG;IAAO,CAAC,CAAC;IACvD,GAAGC,gBAAgB;IACnB,GAAGG;EACL,CAAC;EAED,OAAOd,UAAU,CAAC2C,MAAM,CAAC1B,aAAa,CAAC;AACzC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["coachmark.type.ts"],"mappings":""}

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { getStyle } from './dot.style';
+import { Typography } from '../typography/typography.component';
+const Dot = props => {
+  const {
+    label = '',
+    containerStyle = {}
+  } = props;
+  const computedStyle = getStyle(props);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.container, containerStyle]
+  }, label ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption2",
+    style: [computedStyle.label]
+  }, label) : null);
+};
+export { Dot };
+//# sourceMappingURL=dot.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getStyle","Typography","Dot","props","label","containerStyle","computedStyle","container"],"sourceRoot":"..\\..\\src","sources":["dot.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,UAAU,QAAQ,oCAAoC;AAE/D,MAAMC,GAAsC,GAAIC,KAAK,IAAK;EACxD,MAAM;IAAEC,KAAK,GAAG,EAAE;IAAEC,cAAc,GAAG,CAAC;EAAE,CAAC,GAAGF,KAAK;EAEjD,MAAMG,aAAa,GAAGN,QAAQ,CAACG,KAAK,CAAC;EAErC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACG,aAAa,CAACC,SAAS,EAAEF,cAAc;EAAE,GACpDD,KAAK,gBACJ,oBAAC,UAAU;IAAC,OAAO,EAAC,UAAU;IAAC,KAAK,EAAE,CAACE,aAAa,CAACF,KAAK;EAAE,GACzDA,KAAK,CACK,GACX,IAAI,CACH;AAEX,CAAC;AAED,SAASF,GAAG"}