@adiraku/react-native-ui 0.1.14

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

@@ -0,0 +1,177 @@
+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 { Animated, FlatList, TouchableHighlight, TouchableWithoutFeedback, View } from 'react-native';
+import { getStyle } from './RadioInput.style';
+import { Palettes } from '../../themes';
+import { IconChevronDown } from '../../icons';
+import { Button } from '../button/button.component';
+import { Typography } from '../typography/typography.component';
+import { BottomSheet } from '../BottomSheet/BottomSheet.component';
+import { RadioButton } from '../RadioButton/RadioButton.component';
+import { Divider } from '../Divider/Divider.component';
+const RadioInput = props => {
+  const {
+    value,
+    label,
+    errorMessage,
+    helperMessage,
+    isError,
+    disabled,
+    editable = true,
+    inputIcon = /*#__PURE__*/React.createElement(IconChevronDown, {
+      width: 14,
+      height: 14,
+      fill: Palettes.black[900]
+    }),
+    data,
+    onSaveInput = () => {},
+    saveInputLabel,
+    bottomSheetOpt,
+    onInputDismiss = () => {}
+  } = props;
+  const [labelWidth, setLabelWidth] = React.useState(0);
+  // const [inputVisibility, setInputVisibility] = React.useState(false);
+  const [selectedValue, setSelectedValue] = React.useState(value);
+  const computedStyle = getStyle(props);
+  const ref = React.useRef(null);
+  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();
+  const selectedObject = React.useCallback(() => {
+    var _data$find;
+    return data === null || data === void 0 ? void 0 : (_data$find = data.find(obj => {
+      return obj.value === (value === null || value === void 0 ? void 0 : value.value);
+    })) === null || _data$find === void 0 ? void 0 : _data$find.label;
+  }, [data, value]);
+  React.useEffect(() => {
+    if (selectedObject()) {
+      animate(1);
+    } else {
+      animate(0);
+    }
+  }, [selectedObject, value]);
+  React.useEffect(() => {
+    setSelectedValue(value);
+  }, [value]);
+  const getLabelWidth = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setLabelWidth(width + 24);
+  };
+  const onRadioItemPress = radioValue => {
+    if ((selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) !== (radioValue === null || radioValue === void 0 ? void 0 : radioValue.value)) {
+      setSelectedValue(radioValue);
+    }
+  };
+  const handleOnSaveInput = () => {
+    var _ref$current;
+    onSaveInput(selectedValue);
+    onInputDismiss();
+    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.close();
+  };
+  const openBottomSheet = () => {
+    if (!disabled && editable) {
+      var _ref$current2;
+      (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.open();
+    }
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: openBottomSheet
+  }, /*#__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(Typography, {
+    variant: "body2",
+    style: [computedStyle.textField],
+    numberOfLines: 1
+  }, selectedObject()), inputIcon && inputIcon)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: computedStyle.messageHelper
+  }, errorMessage || !isError && helperMessage) : null)), /*#__PURE__*/React.createElement(BottomSheet, _extends({
+    onDismiss: onInputDismiss,
+    ref: ref
+  }, bottomSheetOpt), /*#__PURE__*/React.createElement(FlatList, {
+    data: data,
+    renderItem: item => /*#__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, null)
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 16,
+      backgroundColor: 'transparent'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    label: saveInputLabel,
+    onPress: handleOnSaveInput
+  }))));
+};
+function RadioItem(_ref) {
+  let {
+    data,
+    selectedValue,
+    onItemPress = () => {}
+  } = _ref;
+  const {
+    item
+  } = data;
+  const computedStyle = getStyle({});
+  return /*#__PURE__*/React.createElement(TouchableHighlight, {
+    onPress: () => onItemPress(item),
+    underlayColor: Palettes.whiteDark[100],
+    disabled: item.disabled
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.radioItemWrapper]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    numberOfLines: 2
+  }, item === null || item === void 0 ? void 0 : item.label), /*#__PURE__*/React.createElement(RadioButton, {
+    selected: item.value === (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value),
+    disabled: item.disabled
+  })));
+}
+export { RadioInput };
+//# sourceMappingURL=RadioInput.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","FlatList","TouchableHighlight","TouchableWithoutFeedback","View","getStyle","Palettes","IconChevronDown","Button","Typography","BottomSheet","RadioButton","Divider","RadioInput","props","value","label","errorMessage","helperMessage","isError","disabled","editable","inputIcon","black","data","onSaveInput","saveInputLabel","bottomSheetOpt","onInputDismiss","labelWidth","setLabelWidth","useState","selectedValue","setSelectedValue","computedStyle","ref","useRef","animation","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","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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"}

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

@@ -0,0 +1,80 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+export const getStyle = props => {
+  const {
+    editable = true,
+    disabled = false,
+    isError,
+    errorMessage
+  } = props;
+  const stateColor = isError || errorMessage ? {
+    text: Palettes.red[500],
+    border: Palettes.red[500]
+  } : {
+    text: Palettes.black[900],
+    border: 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 || disabled ? 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 || disabled ? 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]
+  };
+  computedStyle.radioItemWrapper = {
+    paddingVertical: Spacing[16],
+    borderRadius: Radius[8],
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=RadioInput.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","editable","disabled","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","radioItemWrapper","paddingVertical","create"],"sourceRoot":"..\\..\\src","sources":["RadioInput.style.tsx"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { Typography } from '../typography/typography.component';
+import { getStyle } from './Snakbar.style';
+const Snackbar = props => {
+  const {
+    message = '',
+    action = null,
+    containerStyle
+  } = props;
+  const computedStyle = getStyle();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.container, containerStyle]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    numberOfLines: 3,
+    style: [computedStyle.message]
+  }, message), action && /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.actionWrapper]
+  }, action));
+};
+export { Snackbar };
+//# sourceMappingURL=Snackbar.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Typography","getStyle","Snackbar","props","message","action","containerStyle","computedStyle","container","actionWrapper"],"sourceRoot":"..\\..\\src","sources":["Snackbar.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,iBAAiB;AAI1C,MAAMC,QAAgD,GAAIC,KAAK,IAAK;EAClE,MAAM;IAAEC,OAAO,GAAG,EAAE;IAAEC,MAAM,GAAG,IAAI;IAAEC;EAAe,CAAC,GAAGH,KAAK;EAE7D,MAAMI,aAAa,GAAGN,QAAQ,EAAE;EAEhC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACM,aAAa,CAACC,SAAS,EAAEF,cAAc;EAAE,gBACrD,oBAAC,UAAU;IACT,OAAO,EAAC,SAAS;IACjB,aAAa,EAAE,CAAE;IACjB,KAAK,EAAE,CAACC,aAAa,CAACH,OAAO;EAAE,GAE9BA,OAAO,CACG,EACZC,MAAM,iBAAI,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACE,aAAa,CAACE,aAAa;EAAE,GAAEJ,MAAM,CAAQ,CACjE;AAEX,CAAC;AAED,SAASH,QAAQ"}

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Shadow, Spacing } from '../../themes';
+export const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.container = {
+    padding: Spacing[12],
+    borderRadius: Radius[8],
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    backgroundColor: Palettes.blue[50],
+    ...Shadow['shadow-elevation-1']
+  };
+  computedStyle.message = {
+    flex: 1
+  };
+  computedStyle.actionWrapper = {
+    marginLeft: Spacing[16]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=Snakbar.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Shadow","Spacing","getStyle","computedStyle","container","padding","borderRadius","flexDirection","alignItems","justifyContent","backgroundColor","blue","message","flex","actionWrapper","marginLeft","create"],"sourceRoot":"..\\..\\src","sources":["Snakbar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAUhE,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEJ,OAAO,CAAC,EAAE,CAAC;IACpBK,YAAY,EAAEP,MAAM,CAAC,CAAC,CAAC;IACvBQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAEZ,QAAQ,CAACa,IAAI,CAAC,EAAE,CAAC;IAClC,GAAGX,MAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDG,aAAa,CAACS,OAAO,GAAG;IACtBC,IAAI,EAAE;EACR,CAAC;EAEDV,aAAa,CAACW,aAAa,GAAG;IAC5BC,UAAU,EAAEd,OAAO,CAAC,EAAE;EACxB,CAAC;EAED,OAAOJ,UAAU,CAACmB,MAAM,CAACb,aAAa,CAAC;AACzC,CAAC"}

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

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { getStyle } from './StepperCounter.style';
+import { Typography } from '../typography/typography.component';
+const StepperCounter = props => {
+  const {
+    labels = [],
+    activeStepIndex = 0,
+    activeStepIndicator = null
+  } = props;
+  const [firstItemWidth, setFirstItemWidth] = React.useState(0);
+  const [lastItemWidth, setLastItemWidth] = React.useState(0);
+  const computedStyle = getStyle();
+  const getFirstAndLastWidthItem = (event, idx) => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    if (idx === 0) {
+      setFirstItemWidth(width);
+    } else if (idx === labels.length - 1) {
+      setLastItemWidth(width);
+    }
+  };
+  const isCurrentStep = idx => {
+    return idx === activeStepIndex;
+  };
+  const isBeforeStep = idx => {
+    return idx < activeStepIndex;
+  };
+  const isAfterStep = idx => {
+    return idx > activeStepIndex;
+  };
+  const getStepNumber = idx => {
+    return idx.toLocaleString('en-US', {
+      minimumIntegerDigits: 2,
+      useGrouping: false
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.lineContainer, {
+      paddingLeft: firstItemWidth / 2,
+      paddingRight: lastItemWidth / 2
+    }]
+  }, labels.length > 0 && [...Array(labels.length - 1)].map((_, idx) => /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.stepLine, idx <= activeStepIndex - 1 && computedStyle.stepLineActive]
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.stepItemContainer
+  }, labels.map((label, idx) => /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.stepItemWrapper,
+    onLayout: event => getFirstAndLastWidthItem(event, idx)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.stepItem, isCurrentStep(idx) && computedStyle.stepItemActive, isAfterStep(idx) && computedStyle.stepItemInactive]
+  }, isBeforeStep(idx) ? activeStepIndicator : /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption2",
+    style: [computedStyle.stepItemNumberActive, isAfterStep(idx) && computedStyle.stepItemNumberInactive]
+  }, getStepNumber(idx + 1))), /*#__PURE__*/React.createElement(Typography, {
+    variant: "overline",
+    style: [isAfterStep(idx) && computedStyle.labelInactive]
+  }, label)))));
+};
+export { StepperCounter };
+//# sourceMappingURL=StepperCounter.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getStyle","Typography","StepperCounter","props","labels","activeStepIndex","activeStepIndicator","firstItemWidth","setFirstItemWidth","useState","lastItemWidth","setLastItemWidth","computedStyle","getFirstAndLastWidthItem","event","idx","width","nativeEvent","layout","length","isCurrentStep","isBeforeStep","isAfterStep","getStepNumber","toLocaleString","minimumIntegerDigits","useGrouping","container","lineContainer","paddingLeft","paddingRight","Array","map","_","stepLine","stepLineActive","stepItemContainer","label","stepItemWrapper","stepItem","stepItemActive","stepItemInactive","stepItemNumberActive","stepItemNumberInactive","labelInactive"],"sourceRoot":"..\\..\\src","sources":["StepperCounter.component.tsx"],"mappings":"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"}

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

@@ -0,0 +1,66 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius, Spacing } from '../../themes';
+export const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.container = {
+    minHeight: 30,
+    borderRadius: 4,
+    width: '100%',
+    flexDirection: 'row'
+  };
+  computedStyle.lineContainer = {
+    position: 'absolute',
+    width: '100%',
+    flexDirection: 'row',
+    top: 10
+  };
+  computedStyle.stepLine = {
+    height: 4,
+    flexGrow: 1,
+    backgroundColor: Palettes.grey[50]
+  };
+  computedStyle.stepLineActive = {
+    backgroundColor: Palettes.green[700]
+  };
+  computedStyle.stepItemContainer = {
+    padding: 0,
+    margin: 0,
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    position: 'absolute'
+  };
+  computedStyle.stepItemWrapper = {
+    justifyContent: 'center',
+    alignItems: 'center'
+  };
+  computedStyle.stepItem = {
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: 24,
+    width: 24,
+    borderRadius: Radius.full,
+    backgroundColor: Palettes.green[700],
+    borderWidth: 2,
+    borderColor: Palettes.green[700],
+    marginBottom: Spacing[4]
+  };
+  computedStyle.stepItemActive = {
+    backgroundColor: Palettes.white[50]
+  };
+  computedStyle.stepItemInactive = {
+    backgroundColor: Palettes.grey[50],
+    borderColor: Palettes.grey[50]
+  };
+  computedStyle.stepItemNumberActive = {
+    color: Palettes.green[700]
+  };
+  computedStyle.stepItemNumberInactive = {
+    color: Palettes.grey[500]
+  };
+  computedStyle.labelInactive = {
+    color: Palettes.grey[500]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=StepperCounter.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","computedStyle","container","minHeight","borderRadius","width","flexDirection","lineContainer","position","top","stepLine","height","flexGrow","backgroundColor","grey","stepLineActive","green","stepItemContainer","padding","margin","justifyContent","stepItemWrapper","alignItems","stepItem","full","borderWidth","borderColor","marginBottom","stepItemActive","white","stepItemInactive","stepItemNumberActive","color","stepItemNumberInactive","labelInactive","create"],"sourceRoot":"..\\..\\src","sources":["StepperCounter.style.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAiBxD,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EACjB,CAAC;EAEDL,aAAa,CAACM,aAAa,GAAG;IAC5BC,QAAQ,EAAE,UAAU;IACpBH,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBG,GAAG,EAAE;EACP,CAAC;EAEDR,aAAa,CAACS,QAAQ,GAAG;IACvBC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAEhB,QAAQ,CAACiB,IAAI,CAAC,EAAE;EACnC,CAAC;EAEDb,aAAa,CAACc,cAAc,GAAG;IAC7BF,eAAe,EAAEhB,QAAQ,CAACmB,KAAK,CAAC,GAAG;EACrC,CAAC;EAEDf,aAAa,CAACgB,iBAAiB,GAAG;IAChCC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;IACTd,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBc,cAAc,EAAE,eAAe;IAC/BZ,QAAQ,EAAE;EACZ,CAAC;EAEDP,aAAa,CAACoB,eAAe,GAAG;IAC9BD,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE;EACd,CAAC;EAEDrB,aAAa,CAACsB,QAAQ,GAAG;IACvBH,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE,QAAQ;IACpBX,MAAM,EAAE,EAAE;IACVN,KAAK,EAAE,EAAE;IACTD,YAAY,EAAEN,MAAM,CAAC0B,IAAI;IACzBX,eAAe,EAAEhB,QAAQ,CAACmB,KAAK,CAAC,GAAG,CAAC;IACpCS,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE7B,QAAQ,CAACmB,KAAK,CAAC,GAAG,CAAC;IAChCW,YAAY,EAAE5B,OAAO,CAAC,CAAC;EACzB,CAAC;EAEDE,aAAa,CAAC2B,cAAc,GAAG;IAC7Bf,eAAe,EAAEhB,QAAQ,CAACgC,KAAK,CAAC,EAAE;EACpC,CAAC;EAED5B,aAAa,CAAC6B,gBAAgB,GAAG;IAC/BjB,eAAe,EAAEhB,QAAQ,CAACiB,IAAI,CAAC,EAAE,CAAC;IAClCY,WAAW,EAAE7B,QAAQ,CAACiB,IAAI,CAAC,EAAE;EAC/B,CAAC;EAEDb,aAAa,CAAC8B,oBAAoB,GAAG;IACnCC,KAAK,EAAEnC,QAAQ,CAACmB,KAAK,CAAC,GAAG;EAC3B,CAAC;EAEDf,aAAa,CAACgC,sBAAsB,GAAG;IACrCD,KAAK,EAAEnC,QAAQ,CAACiB,IAAI,CAAC,GAAG;EAC1B,CAAC;EAEDb,aAAa,CAACiC,aAAa,GAAG;IAC5BF,KAAK,EAAEnC,QAAQ,CAACiB,IAAI,CAAC,GAAG;EAC1B,CAAC;EAED,OAAOlB,UAAU,CAACuC,MAAM,CAAClC,aAAa,CAAC;AACzC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { Animated, Easing, View, TouchableOpacity } from 'react-native';
+import { getStyle } from './Tabs.style';
+import { Typography } from '../typography/typography.component';
+const Tabs = props => {
+  const {
+    labels = [],
+    onTabPress = () => {},
+    activeIndex = 0
+  } = props;
+  const computedStyle = getStyle();
+  const [labelsLayout, setLabelsLayout] = React.useState({});
+  const indicatorWidth = React.useState(new Animated.Value(0))[0];
+  const indicatorOffsetX = React.useState(new Animated.Value(0))[0];
+  React.useEffect(() => {
+    const getActiveIndex = () => {
+      if (activeIndex < 0) {
+        return 0;
+      } else if (activeIndex > labels.length - 1) {
+        return labels.length - 1;
+      } else {
+        return activeIndex;
+      }
+    };
+    if (Object.keys(labelsLayout).length !== 0) {
+      const currentActiveIndex = getActiveIndex();
+      let indicatorOffset = 0;
+      for (let i = 0; i < currentActiveIndex; i++) {
+        indicatorOffset += labelsLayout[i] ?? 0;
+      }
+      const updatedWith = labelsLayout[currentActiveIndex] ?? 0;
+      Animated.timing(indicatorOffsetX, {
+        toValue: indicatorOffset,
+        easing: Easing.ease,
+        useNativeDriver: false,
+        duration: 300
+      }).start();
+      Animated.timing(indicatorWidth, {
+        toValue: updatedWith,
+        easing: Easing.ease,
+        useNativeDriver: false,
+        duration: 300
+      }).start();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [activeIndex, labels, labelsLayout]);
+  const onLayout = (event, idx) => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setLabelsLayout({
+      ...labelsLayout,
+      [idx]: width
+    });
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.container]
+  }, labels.map((label, idx) => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => onTabPress(idx),
+    style: [computedStyle.tabContainer],
+    onLayout: event => onLayout(event, idx)
+  }, /*#__PURE__*/React.createElement(Typography, {
+    key: idx,
+    variant: "subtitle2"
+  }, label))), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [computedStyle.bottomMarker, {
+      width: indicatorWidth,
+      left: indicatorOffsetX
+    }]
+  }));
+};
+export { Tabs };
+//# sourceMappingURL=Tabs.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","container","map","label","tabContainer","bottomMarker","left"],"sourceRoot":"..\\..\\src","sources":["Tabs.component.tsx"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Spacing } from '../../themes';
+export const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.container = {
+    flexDirection: 'row'
+  };
+  computedStyle.tabContainer = {
+    paddingHorizontal: Spacing[16],
+    paddingVertical: Spacing[8]
+  };
+  computedStyle.bottomMarker = {
+    position: 'absolute',
+    height: 4,
+    bottom: 0,
+    left: 0,
+    backgroundColor: Palettes.yellow[600]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=Tabs.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Spacing","getStyle","computedStyle","container","flexDirection","tabContainer","paddingHorizontal","paddingVertical","bottomMarker","position","height","bottom","left","backgroundColor","yellow","create"],"sourceRoot":"..\\..\\src","sources":["Tabs.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAIzC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,cAAc;AAQhD,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,aAAa,EAAE;EACjB,CAAC;EAEDF,aAAa,CAACG,YAAY,GAAG;IAC3BC,iBAAiB,EAAEN,OAAO,CAAC,EAAE,CAAC;IAC9BO,eAAe,EAAEP,OAAO,CAAC,CAAC;EAC5B,CAAC;EAEDE,aAAa,CAACM,YAAY,GAAG;IAC3BC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEd,QAAQ,CAACe,MAAM,CAAC,GAAG;EACtC,CAAC;EAED,OAAOhB,UAAU,CAACiB,MAAM,CAACb,aAAa,CAAC;AACzC,CAAC"}

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

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

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

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