@adiraku/react-native-ui 0.1.14

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

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

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

@@ -0,0 +1,190 @@
+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, View, TouchableHighlight, TouchableWithoutFeedback } from 'react-native';
+import { getStyle } from './CheckBoxInput.style';
+import { Typography } from '../typography/typography.component';
+import { BottomSheet } from '../BottomSheet/BottomSheet.component';
+import { Button } from '../button/button.component';
+import { Palettes } from '../../themes';
+import { IconChevronDown } from '../../icons';
+import { Divider } from '../Divider/Divider.component';
+import { Checkbox } from '../Checkbox/Checkbox.component';
+const CheckBoxInput = 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,
+    selectionLimit,
+    onInputDismiss = () => {}
+  } = props;
+  const [labelWidth, setLabelWidth] = React.useState(0);
+  const [selectedValue, setSelectedValue] = React.useState(value);
+  const computedStyle = getStyle(props);
+  const bottomSheetref = 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(() => {
+    const labels = value === null || value === void 0 ? void 0 : value.map(check => {
+      const checkbox = data === null || data === void 0 ? void 0 : data.find(obj => {
+        return obj.value === check.value;
+      });
+      return checkbox ? checkbox.label : null;
+    });
+    return labels === null || labels === void 0 ? void 0 : labels.join(', ');
+  }, [data, value]);
+  React.useEffect(() => {
+    if (selectedObject()) {
+      animate(1);
+    } else {
+      animate(0);
+    }
+  }, [selectedObject]);
+  React.useEffect(() => {
+    setSelectedValue(value);
+  }, [value]);
+  const getLabelWidth = event => {
+    const {
+      width
+    } = event.nativeEvent.layout;
+    setLabelWidth(width + 24);
+  };
+  const onCheckboxItemPress = checkboxValue => {
+    const index = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.some(selected => selected.value === checkboxValue.value);
+    if (index) {
+      const arr = selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.filter(item => item.value !== checkboxValue.value);
+      setSelectedValue(arr);
+    } else {
+      if (selectionLimit && selectionLimit > 0 && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.length) === selectionLimit) {
+        let temp = selectedValue;
+        temp.splice(0, 1);
+        setSelectedValue([...(temp || []), checkboxValue]);
+      } else {
+        setSelectedValue([...(selectedValue || []), checkboxValue]);
+      }
+    }
+  };
+  const handleOnSaveInput = () => {
+    var _bottomSheetref$curre;
+    onSaveInput(selectedValue);
+    onInputDismiss();
+    (_bottomSheetref$curre = bottomSheetref.current) === null || _bottomSheetref$curre === void 0 ? void 0 : _bottomSheetref$curre.close();
+  };
+  const openBottomSheet = () => {
+    if (!disabled && editable) {
+      var _bottomSheetref$curre2;
+      (_bottomSheetref$curre2 = bottomSheetref.current) === null || _bottomSheetref$curre2 === void 0 ? void 0 : _bottomSheetref$curre2.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)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: computedStyle.messageHelper
+  }, errorMessage || !isError && helperMessage) : null)), /*#__PURE__*/React.createElement(BottomSheet, _extends({
+    ref: bottomSheetref,
+    onDismiss: onInputDismiss
+  }, bottomSheetOpt), /*#__PURE__*/React.createElement(FlatList, {
+    data: data,
+    renderItem: item => /*#__PURE__*/React.createElement(CheckboxItem, {
+      data: item,
+      selectedValue: selectedValue,
+      onItemPress: onCheckboxItemPress
+    })
+    // eslint-disable-next-line react-native/no-inline-styles
+    ,
+    contentContainerStyle: {
+      padding: 16
+    }
+    // eslint-disable-next-line react/no-unstable-nested-components
+    ,
+    ItemSeparatorComponent: () => /*#__PURE__*/React.createElement(Divider, null)
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 16,
+      backgroundColor: 'transparent'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    label: saveInputLabel,
+    onPress: handleOnSaveInput
+  }))));
+};
+function CheckboxItem(_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.checkboxItemWrapper]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "body2",
+    numberOfLines: 2
+  }, item === null || item === void 0 ? void 0 : item.label), /*#__PURE__*/React.createElement(Checkbox, {
+    selected: !!(selectedValue !== null && selectedValue !== void 0 && selectedValue.some(selected => selected.value === item.value)),
+    disabled: item.disabled
+  })));
+}
+export { CheckBoxInput };
+//# sourceMappingURL=CheckBoxInput.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","FlatList","View","TouchableHighlight","TouchableWithoutFeedback","getStyle","Typography","BottomSheet","Button","Palettes","IconChevronDown","Divider","Checkbox","CheckBoxInput","props","value","label","errorMessage","helperMessage","isError","disabled","editable","inputIcon","black","data","onSaveInput","saveInputLabel","bottomSheetOpt","selectionLimit","onInputDismiss","labelWidth","setLabelWidth","useState","selectedValue","setSelectedValue","computedStyle","bottomSheetref","useRef","animation","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","selectedObject","useCallback","labels","map","check","checkbox","find","obj","join","useEffect","getLabelWidth","event","width","nativeEvent","layout","onCheckboxItemPress","checkboxValue","index","some","selected","arr","filter","item","length","temp","splice","handleOnSaveInput","close","openBottomSheet","open","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","messageHelper","padding","backgroundColor","CheckboxItem","onItemPress","whiteDark","checkboxItemWrapper"],"sourceRoot":"..\\..\\src","sources":["CheckBoxInput.component.tsx"],"mappings":"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"}

package/lib/module/components/CheckBoxInput/CheckBoxInput.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.checkboxItemWrapper = {
+    paddingVertical: Spacing[16],
+    borderRadius: Radius[8],
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=CheckBoxInput.style.js.map

package/lib/module/components/CheckBoxInput/CheckBoxInput.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","checkboxItemWrapper","paddingVertical","create"],"sourceRoot":"..\\..\\src","sources":["CheckBoxInput.style.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAexD,OAAO,MAAMC,QAAQ,GAAIC,KAAyB,IAAK;EACrD,MAAM;IAAEC,QAAQ,GAAG,IAAI;IAAEC,QAAQ,GAAG,KAAK;IAAEC,OAAO;IAAEC;EAAa,CAAC,GAAGJ,KAAK;EAE1E,MAAMK,UAAU,GACdF,OAAO,IAAIC,YAAY,GACnB;IAAEE,IAAI,EAAEV,QAAQ,CAACW,GAAG,CAAC,GAAG,CAAC;IAAEC,MAAM,EAAEZ,QAAQ,CAACW,GAAG,CAAC,GAAG;EAAE,CAAC,GACtD;IACED,IAAI,EAAEV,QAAQ,CAACa,KAAK,CAAC,GAAG,CAAC;IACzBD,MAAM,EAAEZ,QAAQ,CAACc,IAAI,CAAC,GAAG;EAC3B,CAAC;EAEP,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,YAAY,GAAG;IAC3BC,KAAK,EAAE;EACT,CAAC;EAEDF,aAAa,CAACG,cAAc,GAAG;IAC7BC,UAAU,EAAE,YAAY;IACxBC,cAAc,EAAE,QAAQ;IACxBH,KAAK,EAAE;EACT,CAAC;EAEDF,aAAa,CAACM,cAAc,GAAG;IAC7BC,MAAM,EAAE,EAAE;IACVC,QAAQ,EAAE;EACZ,CAAC;EAEDR,aAAa,CAACS,KAAK,GAAG;IACpBC,KAAK,EAAEhB,UAAU,CAACC,IAAI;IACtBgB,eAAe,EACb,CAACrB,QAAQ,IAAIC,QAAQ,GAAGN,QAAQ,CAACc,IAAI,CAAC,EAAE,CAAC,GAAGd,QAAQ,CAAC2B,SAAS,CAAC,EAAE,CAAC;IACpEC,iBAAiB,EAAE1B,OAAO,CAAC,CAAC,CAAC;IAC7B2B,YAAY,EAAE5B,MAAM,CAAC,CAAC,CAAC;IACvB6B,UAAU,EAAE5B,OAAO,CAAC,CAAC;EACvB,CAAC;EAEDa,aAAa,CAACgB,YAAY,GAAG;IAC3BC,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBb,cAAc,EAAE,eAAe;IAC/BD,UAAU,EAAE,QAAQ;IACpBe,WAAW,EAAEjC,MAAM,CAACW,MAAM;IAC1BuB,WAAW,EAAE1B,UAAU,CAACG,MAAM;IAC9Bc,eAAe,EACb,CAACrB,QAAQ,IAAIC,QAAQ,GAAGN,QAAQ,CAACc,IAAI,CAAC,EAAE,CAAC,GAAGd,QAAQ,CAAC2B,SAAS,CAAC,EAAE,CAAC;IACpEE,YAAY,EAAE5B,MAAM,CAAC,CAAC,CAAC;IACvBmC,OAAO,EAAElC,OAAO,CAAC,CAAC,CAAC;IACnBe,KAAK,EAAE;EACT,CAAC;EAEDF,aAAa,CAACsB,SAAS,GAAG;IACxBC,IAAI,EAAE,CAAC;IACPb,KAAK,EAAEzB,QAAQ,CAACa,KAAK,CAAC,GAAG,CAAC;IAC1BuB,OAAO,EAAE,CAAC;IACVG,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EAED5B,aAAa,CAAC6B,aAAa,GAAG;IAC5BC,SAAS,EAAE,YAAY;IACvBf,UAAU,EAAE,EAAE;IACdL,KAAK,EAAEhB,UAAU,CAACC;EACpB,CAAC;EAEDK,aAAa,CAAC+B,OAAO,GAAG;IACtBhB,UAAU,EAAE5B,OAAO,CAAC,CAAC,CAAC;IACtBuB,KAAK,EAAEzB,QAAQ,CAACc,IAAI,CAAC,GAAG;EAC1B,CAAC;EAEDC,aAAa,CAACgC,gBAAgB,GAAG;IAC/BjB,UAAU,EAAE5B,OAAO,CAAC,CAAC;EACvB,CAAC;EAEDa,aAAa,CAACiC,mBAAmB,GAAG;IAClCC,eAAe,EAAE/C,OAAO,CAAC,EAAE,CAAC;IAC5B2B,YAAY,EAAE5B,MAAM,CAAC,CAAC,CAAC;IACvBgC,aAAa,EAAE,KAAK;IACpBd,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EAED,OAAOrB,UAAU,CAACmD,MAAM,CAACnC,aAAa,CAAC;AACzC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { getStyle } from './Checkbox.style';
+import { IconTick } from '../../icons';
+import { Palettes } from '../../themes';
+const Checkbox = props => {
+  const {
+    selected,
+    disabled
+  } = props;
+  const computedStyle = getStyle();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.outer, selected && computedStyle.outerSelected, disabled && computedStyle.outerDisabled]
+  }, selected && /*#__PURE__*/React.createElement(IconTick, {
+    height: 14,
+    width: 14,
+    fill: disabled ? Palettes.white[50] : Palettes.black[900]
+  })));
+};
+export { Checkbox };
+//# sourceMappingURL=Checkbox.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getStyle","IconTick","Palettes","Checkbox","props","selected","disabled","computedStyle","outer","outerSelected","outerDisabled","white","black"],"sourceRoot":"..\\..\\src","sources":["Checkbox.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,QAAgD,GAAIC,KAAK,IAAK;EAClE,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEpC,MAAMG,aAAa,GAAGP,QAAQ,EAAE;EAEhC,oBACE,uDACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLO,aAAa,CAACC,KAAK,EACnBH,QAAQ,IAAIE,aAAa,CAACE,aAAa,EACvCH,QAAQ,IAAIC,aAAa,CAACG,aAAa;EACvC,GAEDL,QAAQ,iBACP,oBAAC,QAAQ;IACP,MAAM,EAAE,EAAG;IACX,KAAK,EAAE,EAAG;IACV,IAAI,EAAEC,QAAQ,GAAGJ,QAAQ,CAACS,KAAK,CAAC,EAAE,CAAC,GAAGT,QAAQ,CAACU,KAAK,CAAC,GAAG;EAAE,EAE7D,CACI,CACN;AAEP,CAAC;AAED,SAAST,QAAQ"}

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

@@ -0,0 +1,24 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius } from '../../themes';
+export const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.outer = {
+    height: 18,
+    width: 18,
+    borderRadius: Radius[4],
+    borderWidth: 2,
+    borderColor: Palettes.black[900],
+    justifyContent: 'center',
+    alignItems: 'center'
+  };
+  computedStyle.outerSelected = {
+    backgroundColor: Palettes.yellow[600],
+    borderColor: Palettes.yellow[600]
+  };
+  computedStyle.outerDisabled = {
+    borderColor: Palettes.grey[100],
+    backgroundColor: Palettes.grey[100]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=Checkbox.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","getStyle","computedStyle","outer","height","width","borderRadius","borderWidth","borderColor","black","justifyContent","alignItems","outerSelected","backgroundColor","yellow","outerDisabled","grey","create"],"sourceRoot":"..\\..\\src","sources":["Checkbox.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAa/C,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,KAAK,GAAG;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,YAAY,EAAEN,MAAM,CAAC,CAAC,CAAC;IACvBO,WAAW,EAAE,CAAC;IACdC,WAAW,EAAET,QAAQ,CAACU,KAAK,CAAC,GAAG,CAAC;IAChCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACU,aAAa,GAAG;IAC5BC,eAAe,EAAEd,QAAQ,CAACe,MAAM,CAAC,GAAG,CAAC;IACrCN,WAAW,EAAET,QAAQ,CAACe,MAAM,CAAC,GAAG;EAClC,CAAC;EAEDZ,aAAa,CAACa,aAAa,GAAG;IAC5BP,WAAW,EAAET,QAAQ,CAACiB,IAAI,CAAC,GAAG,CAAC;IAC/BH,eAAe,EAAEd,QAAQ,CAACiB,IAAI,CAAC,GAAG;EACpC,CAAC;EAED,OAAOlB,UAAU,CAACmB,MAAM,CAACf,aAAa,CAAC;AACzC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+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 './Divider.style';
+const Divider = props => {
+  const {
+    orientation = 'horizontal',
+    style,
+    ...rest
+  } = props;
+  const computedStyle = getStyle(props);
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [computedStyle.base, computedStyle[orientation] || computedStyle.horizontal, style]
+  }, rest));
+};
+export { Divider };
+//# sourceMappingURL=Divider.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getStyle","Divider","props","orientation","style","rest","computedStyle","base","horizontal"],"sourceRoot":"..\\..\\src","sources":["Divider.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,iBAAiB;AAG1C,MAAMC,OAA8C,GAAIC,KAAK,IAAK;EAChE,MAAM;IAAEC,WAAW,GAAG,YAAY;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,aAAa,GAAGN,QAAQ,CAACE,KAAK,CAAC;EAErC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLI,aAAa,CAACC,IAAI,EAClBD,aAAa,CAACH,WAAW,CAAC,IAAIG,aAAa,CAACE,UAAU,EACtDJ,KAAK;EACL,GACEC,IAAI,EACR;AAEN,CAAC;AAED,SAASJ,OAAO"}

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

@@ -0,0 +1,23 @@
+import { StyleSheet } from 'react-native';
+import { Palettes } from '../../themes';
+export const getStyle = props => {
+  const {
+    thickness = null,
+    color = Palettes.grey[100]
+  } = props;
+  const computedStyle = {};
+  const dividerThickness = thickness || 1;
+  computedStyle.base = {
+    backgroundColor: color
+  };
+  computedStyle.vertical = {
+    width: dividerThickness,
+    height: '100%'
+  };
+  computedStyle.horizontal = {
+    width: '100%',
+    height: dividerThickness
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=Divider.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","getStyle","props","thickness","color","grey","computedStyle","dividerThickness","base","backgroundColor","vertical","width","height","horizontal","create"],"sourceRoot":"..\\..\\src","sources":["Divider.style.tsx"],"mappings":"AACA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,QAAQ,cAAc;AAQvC,OAAO,MAAMC,QAAQ,GAAIC,KAAmB,IAAK;EAC/C,MAAM;IAAEC,SAAS,GAAG,IAAI;IAAEC,KAAK,GAAGJ,QAAQ,CAACK,IAAI,CAAC,GAAG;EAAE,CAAC,GAAGH,KAAK;EAE9D,MAAMI,aAAiC,GAAG,CAAC,CAAC;EAE5C,MAAMC,gBAAgB,GAAGJ,SAAS,IAAI,CAAC;EAEvCG,aAAa,CAACE,IAAI,GAAG;IACnBC,eAAe,EAAEL;EACnB,CAAC;EAEDE,aAAa,CAACI,QAAQ,GAAG;IACvBC,KAAK,EAAEJ,gBAAgB;IACvBK,MAAM,EAAE;EACV,CAAC;EAEDN,aAAa,CAACO,UAAU,GAAG;IACzBF,KAAK,EAAE,MAAM;IACbC,MAAM,EAAEL;EACV,CAAC;EAED,OAAOR,UAAU,CAACe,MAAM,CAACR,aAAa,CAAC;AACzC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { getStyle } from './RadioButton.style';
+const RadioButton = props => {
+  const {
+    selected,
+    disabled
+  } = props;
+  const computedStyle = getStyle();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.outer, disabled && computedStyle.outerDisabled]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.inner, selected && computedStyle.innerSelected, selected && disabled && computedStyle.innerDisabled]
+  })));
+};
+export { RadioButton };
+//# sourceMappingURL=RadioButton.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getStyle","RadioButton","props","selected","disabled","computedStyle","outer","outerDisabled","inner","innerSelected","innerDisabled"],"sourceRoot":"..\\..\\src","sources":["RadioButton.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,qBAAqB;AAI9C,MAAMC,WAAsD,GAAIC,KAAK,IAAK;EACxE,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEpC,MAAMG,aAAa,GAAGL,QAAQ,EAAE;EAEhC,oBACE,uDACE,oBAAC,IAAI;IACH,KAAK,EAAE,CAACK,aAAa,CAACC,KAAK,EAAEF,QAAQ,IAAIC,aAAa,CAACE,aAAa;EAAE,gBAEtE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLF,aAAa,CAACG,KAAK,EACnBL,QAAQ,IAAIE,aAAa,CAACI,aAAa,EACvCN,QAAQ,IAAIC,QAAQ,IAAIC,aAAa,CAACK,aAAa;EACnD,EACF,CACG,CACN;AAEP,CAAC;AAED,SAAST,WAAW"}

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

@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+import { Palettes, Radius } from '../../themes';
+export const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.outer = {
+    height: 18,
+    width: 18,
+    padding: 2,
+    borderRadius: Radius.full,
+    borderWidth: 2,
+    borderColor: Palettes.black[900]
+  };
+  computedStyle.inner = {
+    flex: 1,
+    borderRadius: Radius.full,
+    backgroundColor: Palettes.white[50]
+  };
+  computedStyle.innerSelected = {
+    backgroundColor: Palettes.yellow[600]
+  };
+  computedStyle.outerDisabled = {
+    borderColor: Palettes.grey[100]
+  };
+  computedStyle.innerDisabled = {
+    backgroundColor: Palettes.grey[100]
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=RadioButton.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Palettes","Radius","getStyle","computedStyle","outer","height","width","padding","borderRadius","full","borderWidth","borderColor","black","inner","flex","backgroundColor","white","innerSelected","yellow","outerDisabled","grey","innerDisabled","create"],"sourceRoot":"..\\..\\src","sources":["RadioButton.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAY/C,OAAO,MAAMC,QAAQ,GAAG,MAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,KAAK,GAAG;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAEP,MAAM,CAACQ,IAAI;IACzBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEX,QAAQ,CAACY,KAAK,CAAC,GAAG;EACjC,CAAC;EAEDT,aAAa,CAACU,KAAK,GAAG;IACpBC,IAAI,EAAE,CAAC;IACPN,YAAY,EAAEP,MAAM,CAACQ,IAAI;IACzBM,eAAe,EAAEf,QAAQ,CAACgB,KAAK,CAAC,EAAE;EACpC,CAAC;EAEDb,aAAa,CAACc,aAAa,GAAG;IAC5BF,eAAe,EAAEf,QAAQ,CAACkB,MAAM,CAAC,GAAG;EACtC,CAAC;EAEDf,aAAa,CAACgB,aAAa,GAAG;IAC5BR,WAAW,EAAEX,QAAQ,CAACoB,IAAI,CAAC,GAAG;EAChC,CAAC;EAEDjB,aAAa,CAACkB,aAAa,GAAG;IAC5BN,eAAe,EAAEf,QAAQ,CAACoB,IAAI,CAAC,GAAG;EACpC,CAAC;EAED,OAAOrB,UAAU,CAACuB,MAAM,CAACnB,aAAa,CAAC;AACzC,CAAC"}

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

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

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

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