@edge-zuq/core 1.2.7

package/lib/module/presentation/components/molecules/UIActionSheet.js

@@ -0,0 +1,199 @@
+"use strict";
+
+import React from 'react';
+import { BackHandler, Keyboard, StyleSheet, View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller';
+import Animated, { Easing, Extrapolation, interpolate, runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
+import { Portal } from '@gorhom/portal';
+import { UIBackdrop, UIIcon, UIStack, UIText } from "../atoms/index.js";
+import { UIButton } from "./UIButton.js";
+import { theme } from "../../../theme.js";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ANIMATION_DURATION = 300;
+const ANIMATION_OPTIONS = {
+  duration: ANIMATION_DURATION,
+  easing: Easing.out(Easing.cubic)
+};
+const NO_OFFSET = 0;
+export const UIActionSheet = ({
+  visible,
+  title,
+  onRequestClose,
+  children,
+  zIndexOffset,
+  disabledKeyboardOffset,
+  noPaddingBottom = false,
+  estimatedHeight,
+  getFullHeight,
+  style
+}) => {
+  const [open, setOpen] = React.useState(visible);
+  const progress = useSharedValue(0);
+  const bodyHeight = useSharedValue(estimatedHeight ?? 0);
+  const headerHeight = useSharedValue(0);
+  const insets = useSafeAreaInsets();
+  const height = useDerivedValue(() => {
+    if (getFullHeight) {
+      runOnJS(getFullHeight)(bodyHeight.value + headerHeight.value);
+    }
+    return bodyHeight.value + headerHeight.value;
+  });
+  const {
+    height: keyboardHeight
+  } = useReanimatedKeyboardAnimation();
+  const animatedStyle = useAnimatedStyle(() => {
+    const keyboardOffset = disabledKeyboardOffset ? NO_OFFSET : Math.abs(keyboardHeight.value);
+    return {
+      transform: [{
+        translateY: -progress.value * height.value - keyboardOffset
+      }]
+    };
+  });
+  const onGesture = Gesture.Pan().onUpdate(e => {
+    'worklet';
+
+    const newPosition = e.translationY * 0.9;
+    progress.value = interpolate(newPosition, [0, height.value], [0, -1], Extrapolation.CLAMP);
+  }).onEnd(e => {
+    'worklet';
+
+    const keepOpen = e.translationY < height.value * 0.5;
+    if (keepOpen) {
+      progress.value = withTiming(0, ANIMATION_OPTIONS);
+    } else if (onRequestClose) {
+      runOnJS(onRequestClose)();
+    }
+  });
+  React.useEffect(() => {
+    if (visible) {
+      progress.value = withTiming(0, ANIMATION_OPTIONS);
+      setOpen(true);
+    } else {
+      progress.value = withTiming(-1, ANIMATION_OPTIONS, finished => {
+        if (finished) {
+          runOnJS(setOpen)(false);
+        }
+      });
+    }
+  }, [progress, visible]);
+  React.useEffect(() => {
+    if (!open) Keyboard.dismiss();
+  }, [open]);
+  React.useEffect(() => {
+    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
+      if (open) {
+        onRequestClose?.();
+        return true;
+      }
+      return;
+    });
+    return () => subscription.remove();
+  }, [open, onRequestClose]);
+  if (!open) return null;
+  return /*#__PURE__*/_jsxs(Portal, {
+    hostName: "sheet",
+    children: [/*#__PURE__*/_jsx(UIBackdrop, {
+      visible: visible,
+      onPress: onRequestClose,
+      animationDuration: ANIMATION_DURATION,
+      style: [{
+        zIndex: 10 + (zIndexOffset ? zIndexOffset + 5 : 0)
+      }]
+    }), /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.container, animatedStyle, {
+        bottom: 0,
+        paddingBottom: Math.max(0, insets.bottom)
+      }, {
+        zIndex: 15 + (zIndexOffset ?? 0)
+      }, style],
+      children: [/*#__PURE__*/_jsxs(UIStack, {
+        onLayout: e => {
+          headerHeight.value = e.nativeEvent.layout.height;
+        },
+        children: [/*#__PURE__*/_jsx(GestureDetector, {
+          gesture: onGesture,
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.gestureBarContainer,
+            children: /*#__PURE__*/_jsx(View, {
+              style: styles.gestureBar
+            })
+          })
+        }), /*#__PURE__*/_jsxs(UIStack, {
+          horizontal: true,
+          center: true,
+          style: styles.titleContainer,
+          children: [/*#__PURE__*/_jsx(UIText, {
+            size: 16,
+            weight: "600",
+            style: styles.title,
+            children: title
+          }), /*#__PURE__*/_jsx(UIButton, {
+            borderless: true,
+            testID: "action-sheet-close",
+            accessibilityLabel: "action-sheet-close",
+            onPress: onRequestClose,
+            style: styles.close,
+            children: /*#__PURE__*/_jsx(UIIcon, {
+              name: "close",
+              size: 20
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Animated.View, {
+        onLayout: e => {
+          bodyHeight.value = e.nativeEvent.layout.height;
+        },
+        style: !noPaddingBottom && styles.body,
+        children: children
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    zIndex: 15,
+    backgroundColor: '#fff',
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    bottom: 0,
+    borderTopLeftRadius: 17,
+    borderTopRightRadius: 17
+  },
+  gestureBarContainer: {
+    paddingVertical: 5
+  },
+  gestureBar: {
+    width: 45,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: theme.color.neutral.light['50'],
+    marginVertical: 16,
+    alignSelf: 'center'
+  },
+  title: {
+    marginVertical: 8,
+    marginHorizontal: 80,
+    flex: 1,
+    textAlign: 'center'
+  },
+  close: {
+    position: 'absolute',
+    right: 4,
+    top: -10
+  },
+  titleContainer: {
+    width: '100%',
+    justifyContent: 'center',
+    position: 'relative'
+  },
+  body: {
+    paddingBottom: 32
+  },
+  dev: {
+    marginVertical: 8
+  }
+});
+//# sourceMappingURL=UIActionSheet.js.map

package/lib/module/presentation/components/molecules/UIActionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BackHandler","Keyboard","StyleSheet","View","Gesture","GestureDetector","useReanimatedKeyboardAnimation","Animated","Easing","Extrapolation","interpolate","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","Portal","UIBackdrop","UIIcon","UIStack","UIText","UIButton","theme","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","ANIMATION_DURATION","ANIMATION_OPTIONS","duration","easing","out","cubic","NO_OFFSET","UIActionSheet","visible","title","onRequestClose","children","zIndexOffset","disabledKeyboardOffset","noPaddingBottom","estimatedHeight","getFullHeight","style","open","setOpen","useState","progress","bodyHeight","headerHeight","insets","height","value","keyboardHeight","animatedStyle","keyboardOffset","Math","abs","transform","translateY","onGesture","Pan","onUpdate","e","newPosition","translationY","CLAMP","onEnd","keepOpen","useEffect","finished","dismiss","subscription","addEventListener","remove","hostName","onPress","animationDuration","zIndex","styles","container","bottom","paddingBottom","max","onLayout","nativeEvent","layout","gesture","gestureBarContainer","gestureBar","horizontal","center","titleContainer","size","weight","borderless","testID","accessibilityLabel","close","name","body","create","backgroundColor","position","left","right","borderTopLeftRadius","borderTopRightRadius","paddingVertical","width","borderRadius","color","neutral","light","marginVertical","alignSelf","marginHorizontal","flex","textAlign","top","justifyContent","dev"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UIActionSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/presentation/components/molecules/UIButton.js

@@ -0,0 +1,173 @@
+"use strict";
+
+import { Pressable, StyleSheet, View } from 'react-native';
+import { UIText } from "../atoms/UIText.js";
+import { getThemeColor, theme } from "../../../theme.js";
+import { UILoading } from "../atoms/index.js";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const getTextColor = (variant, disabled) => {
+  if (disabled) return 'neutral-mid-60';
+  const variantToTextColor = {
+    contained: 'neutral-light-00',
+    outlined: 'neutral-dark-80',
+    text: 'neutral-dark-80'
+  };
+  return variantToTextColor[variant];
+};
+const getRippleColor = variant => {
+  const variantToRippleColor = {
+    contained: 'rgba(0, 0, 0, 0.1)',
+    outlined: 'rgba(0, 0, 0, 0.05)',
+    text: 'rgba(0, 0, 0, 0.05)'
+  };
+  return variantToRippleColor[variant];
+};
+const getLoadingColor = variant => {
+  const variantToRippleColor = {
+    contained: 'neutral-light-50',
+    outlined: 'neutral-light-50',
+    text: 'neutral-light-50'
+  };
+  return variantToRippleColor[variant];
+};
+export const UIButton = ({
+  children,
+  style,
+  textStyle,
+  variant = 'text',
+  color: themeColor = 'brand-violet-500',
+  borderless,
+  loading,
+  disabled,
+  loadingColor: definedLoadingColor,
+  rippleColor: definedRippleColor,
+  textColor: definedTextColor,
+  wrapperStyle: definedWrapperStyle,
+  ...props
+}) => {
+  const textColor = definedTextColor || getTextColor(variant, disabled);
+  const rippleColor = definedRippleColor || getRippleColor(variant);
+  const loadingColor = definedLoadingColor || getLoadingColor(variant);
+  const {
+    wrapperStyle,
+    buttonStyle
+  } = React.useMemo(() => {
+    if (!style) return {};
+    const {
+      borderRadius = 16,
+      borderTopLeftRadius,
+      borderTopRightRadius,
+      borderBottomLeftRadius,
+      borderBottomRightRadius,
+      alignSelf,
+      margin,
+      marginTop,
+      marginVertical,
+      marginHorizontal,
+      marginBottom,
+      marginLeft,
+      marginRight,
+      position,
+      top,
+      right,
+      bottom,
+      left,
+      zIndex,
+      transform,
+      ...buttonStyle
+    } = StyleSheet.flatten(style);
+    return {
+      wrapperStyle: {
+        borderRadius,
+        margin,
+        marginVertical,
+        marginHorizontal,
+        marginTop,
+        marginLeft,
+        marginRight,
+        marginBottom,
+        position,
+        top,
+        bottom,
+        right,
+        left,
+        zIndex,
+        transform,
+        borderTopLeftRadius,
+        borderTopRightRadius,
+        borderBottomLeftRadius,
+        borderBottomRightRadius,
+        alignSelf
+      },
+      buttonStyle: {
+        ...buttonStyle,
+        borderTopLeftRadius,
+        borderTopRightRadius,
+        borderBottomLeftRadius,
+        borderBottomRightRadius,
+        borderRadius
+      }
+    };
+  }, [style]);
+  if (typeof children === 'string') {
+    children = /*#__PURE__*/_jsx(UIText, {
+      color: textColor,
+      align: "center",
+      weight: "500",
+      style: textStyle,
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.wrapper, wrapperStyle, definedWrapperStyle],
+    children: /*#__PURE__*/_jsx(Pressable, {
+      accessible: true,
+      android_ripple: {
+        borderless,
+        color: rippleColor
+      },
+      style: [styles.common, styles[variant], variant === 'contained' && {
+        backgroundColor: getThemeColor(themeColor)
+      }, variant === 'outlined' && {
+        borderColor: getThemeColor(themeColor)
+      }, (disabled || loading) && styles[`${variant}-disabled`], buttonStyle],
+      disabled: disabled || loading,
+      ...props,
+      children: loading ? /*#__PURE__*/_jsx(UILoading, {
+        color: loadingColor,
+        size: 20
+      }) : children
+    })
+  });
+};
+const styles = StyleSheet.create({
+  'common': {
+    borderRadius: 16,
+    padding: 18,
+    borderWidth: 1
+  },
+  'wrapper': {
+    overflow: 'hidden',
+    borderRadius: 16
+  },
+  'text': {
+    borderColor: 'transparent'
+  },
+  'contained': {
+    backgroundColor: theme.color.brand.violet['500'],
+    borderColor: 'transparent'
+  },
+  'outlined': {
+    borderColor: theme.color.neutral.light['00'],
+    borderWidth: 1
+  },
+  'contained-disabled': {
+    backgroundColor: theme.color.neutral.light['10']
+  },
+  'outlined-disabled': {
+    borderColor: '#ccc'
+  },
+  'text-disabled': {}
+});
+//# sourceMappingURL=UIButton.js.map

package/lib/module/presentation/components/molecules/UIButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","View","UIText","getThemeColor","theme","UILoading","React","jsx","_jsx","getTextColor","variant","disabled","variantToTextColor","contained","outlined","text","getRippleColor","variantToRippleColor","getLoadingColor","UIButton","children","style","textStyle","color","themeColor","borderless","loading","loadingColor","definedLoadingColor","rippleColor","definedRippleColor","textColor","definedTextColor","wrapperStyle","definedWrapperStyle","props","buttonStyle","useMemo","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","alignSelf","margin","marginTop","marginVertical","marginHorizontal","marginBottom","marginLeft","marginRight","position","top","right","bottom","left","zIndex","transform","flatten","align","weight","styles","wrapper","accessible","android_ripple","common","backgroundColor","borderColor","size","create","padding","borderWidth","overflow","brand","violet","neutral","light"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UIButton.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG1D,SAASC,MAAM,QAAQ,oBAAiB;AACxC,SAASC,aAAa,EAAEC,KAAK,QAAyB,mBAAgB;AACtE,SAASC,SAAS,QAAQ,mBAAU;AACpC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc1B,MAAMC,YAAY,GAAGA,CACnBC,OAAmC,EACnCC,QAAoC,KACjC;EACH,IAAIA,QAAQ,EAAE,OAAO,gBAAgB;EACrC,MAAMC,kBAEL,GAAG;IACFC,SAAS,EAAE,kBAAkB;IAC7BC,QAAQ,EAAE,iBAAiB;IAC3BC,IAAI,EAAE;EACR,CAAC;EACD,OAAOH,kBAAkB,CAACF,OAAO,CAAC;AACpC,CAAC;AAED,MAAMM,cAAc,GAAIN,OAAmC,IAAK;EAC9D,MAAMO,oBAEL,GAAG;IACFJ,SAAS,EAAE,oBAAoB;IAC/BC,QAAQ,EAAE,qBAAqB;IAC/BC,IAAI,EAAE;EACR,CAAC;EACD,OAAOE,oBAAoB,CAACP,OAAO,CAAC;AACtC,CAAC;AAED,MAAMQ,eAAe,GAAIR,OAAmC,IAAK;EAC/D,MAAMO,oBAEL,GAAG;IACFJ,SAAS,EAAE,kBAAkB;IAC7BC,QAAQ,EAAE,kBAAkB;IAC5BC,IAAI,EAAE;EACR,CAAC;EACD,OAAOE,oBAAoB,CAACP,OAAO,CAAC;AACtC,CAAC;AAED,OAAO,MAAMS,QAAQ,GAAGA,CAAC;EACvBC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTZ,OAAO,GAAG,MAAM;EAChBa,KAAK,EAAEC,UAAU,GAAG,kBAAkB;EACtCC,UAAU;EACVC,OAAO;EACPf,QAAQ;EACRgB,YAAY,EAAEC,mBAAmB;EACjCC,WAAW,EAAEC,kBAAkB;EAC/BC,SAAS,EAAEC,gBAAgB;EAC3BC,YAAY,EAAEC,mBAAmB;EACjC,GAAGC;AACE,CAAC,KAAK;EACX,MAAMJ,SAAS,GAAGC,gBAAgB,IAAIvB,YAAY,CAACC,OAAO,EAAEC,QAAQ,CAAC;EACrE,MAAMkB,WAAW,GAAGC,kBAAkB,IAAId,cAAc,CAACN,OAAO,CAAC;EACjE,MAAMiB,YAAY,GAAGC,mBAAmB,IAAIV,eAAe,CAACR,OAAO,CAAC;EAEpE,MAAM;IAAEuB,YAAY;IAAEG;EAAY,CAAC,GAAG9B,KAAK,CAAC+B,OAAO,CAAC,MAAM;IACxD,IAAI,CAAChB,KAAK,EAAE,OAAO,CAAC,CAAC;IACrB,MAAM;MACJiB,YAAY,GAAG,EAAE;MACjBC,mBAAmB;MACnBC,oBAAoB;MACpBC,sBAAsB;MACtBC,uBAAuB;MACvBC,SAAS;MACTC,MAAM;MACNC,SAAS;MACTC,cAAc;MACdC,gBAAgB;MAChBC,YAAY;MACZC,UAAU;MACVC,WAAW;MACXC,QAAQ;MACRC,GAAG;MACHC,KAAK;MACLC,MAAM;MACNC,IAAI;MACJC,MAAM;MACNC,SAAS;MACT,GAAGrB;IACL,CAAC,GAAGpC,UAAU,CAAC0D,OAAO,CAACrC,KAAK,CAAc;IAC1C,OAAO;MACLY,YAAY,EAAE;QACZK,YAAY;QACZM,MAAM;QACNE,cAAc;QACdC,gBAAgB;QAChBF,SAAS;QACTI,UAAU;QACVC,WAAW;QACXF,YAAY;QACZG,QAAQ;QACRC,GAAG;QACHE,MAAM;QACND,KAAK;QACLE,IAAI;QACJC,MAAM;QACNC,SAAS;QACTlB,mBAAmB;QACnBC,oBAAoB;QACpBC,sBAAsB;QACtBC,uBAAuB;QACvBC;MACF,CAAC;MACDP,WAAW,EAAE;QACX,GAAGA,WAAW;QACdG,mBAAmB;QACnBC,oBAAoB;QACpBC,sBAAsB;QACtBC,uBAAuB;QACvBJ;MACF;IACF,CAAC;EACH,CAAC,EAAE,CAACjB,KAAK,CAAC,CAAC;EAEX,IAAI,OAAOD,QAAQ,KAAK,QAAQ,EAAE;IAChCA,QAAQ,gBACNZ,IAAA,CAACN,MAAM;MAACqB,KAAK,EAAEQ,SAAU;MAAC4B,KAAK,EAAC,QAAQ;MAACC,MAAM,EAAC,KAAK;MAACvC,KAAK,EAAEC,SAAU;MAAAF,QAAA,EACpEA;IAAQ,CACH,CACT;EACH;EAEA,oBACEZ,IAAA,CAACP,IAAI;IAACoB,KAAK,EAAE,CAACwC,MAAM,CAACC,OAAO,EAAE7B,YAAY,EAAEC,mBAAmB,CAAE;IAAAd,QAAA,eAC/DZ,IAAA,CAACT,SAAS;MACRgE,UAAU;MACVC,cAAc,EAAE;QAAEvC,UAAU;QAAEF,KAAK,EAAEM;MAAY,CAAE;MACnDR,KAAK,EAAE,CACLwC,MAAM,CAACI,MAAM,EACbJ,MAAM,CAACnD,OAAO,CAAC,EACfA,OAAO,KAAK,WAAW,IAAI;QACzBwD,eAAe,EAAE/D,aAAa,CAACqB,UAAU;MAC3C,CAAC,EACDd,OAAO,KAAK,UAAU,IAAI;QACxByD,WAAW,EAAEhE,aAAa,CAACqB,UAAU;MACvC,CAAC,EACD,CAACb,QAAQ,IAAIe,OAAO,KAAKmC,MAAM,CAAC,GAAGnD,OAAO,WAAW,CAAC,EACtD0B,WAAW,CACX;MACFzB,QAAQ,EAAEA,QAAQ,IAAIe,OAAQ;MAAA,GAC1BS,KAAK;MAAAf,QAAA,EAERM,OAAO,gBAAGlB,IAAA,CAACH,SAAS;QAACkB,KAAK,EAAEI,YAAa;QAACyC,IAAI,EAAE;MAAG,CAAE,CAAC,GAAGhD;IAAQ,CACzD;EAAC,CACR,CAAC;AAEX,CAAC;AAED,MAAMyC,MAAM,GAAG7D,UAAU,CAACqE,MAAM,CAAC;EAC/B,QAAQ,EAAE;IACR/B,YAAY,EAAE,EAAE;IAChBgC,OAAO,EAAE,EAAE;IACXC,WAAW,EAAE;EACf,CAAC;EACD,SAAS,EAAE;IAAEC,QAAQ,EAAE,QAAQ;IAAElC,YAAY,EAAE;EAAG,CAAC;EACnD,MAAM,EAAE;IACN6B,WAAW,EAAE;EACf,CAAC;EACD,WAAW,EAAE;IACXD,eAAe,EAAE9D,KAAK,CAACmB,KAAK,CAACkD,KAAK,CAACC,MAAM,CAAC,KAAK,CAAC;IAChDP,WAAW,EAAE;EACf,CAAC;EACD,UAAU,EAAE;IAAEA,WAAW,EAAE/D,KAAK,CAACmB,KAAK,CAACoD,OAAO,CAACC,KAAK,CAAC,IAAI,CAAC;IAAEL,WAAW,EAAE;EAAE,CAAC;EAC5E,oBAAoB,EAAE;IACpBL,eAAe,EAAE9D,KAAK,CAACmB,KAAK,CAACoD,OAAO,CAACC,KAAK,CAAC,IAAI;EACjD,CAAC;EACD,mBAAmB,EAAE;IACnBT,WAAW,EAAE;EACf,CAAC;EACD,eAAe,EAAE,CAAC;AACpB,CAAC,CAAC","ignoreList":[]}

package/lib/module/presentation/components/molecules/UIButtonCTA.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import React from 'react';
+import { UIButton } from "./UIButton.js";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const UIButtonCTA = ({
+  wrapperStyle,
+  style,
+  bottom = 32,
+  ...props
+}) => {
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsx(UIButton, {
+    wrapperStyle: [styles.wrapper, {
+      bottom: Math.max(insets.bottom + bottom, bottom)
+    }, wrapperStyle],
+    style: style,
+    ...props
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    position: 'absolute',
+    zIndex: 24,
+    bottom: 0,
+    alignSelf: 'center'
+  }
+});
+//# sourceMappingURL=UIButtonCTA.js.map

package/lib/module/presentation/components/molecules/UIButtonCTA.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","React","UIButton","useSafeAreaInsets","jsx","_jsx","UIButtonCTA","wrapperStyle","style","bottom","props","insets","styles","wrapper","Math","max","create","position","zIndex","alignSelf"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UIButtonCTA.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,iBAAiB,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMnE,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,YAAY;EACZC,KAAK;EACLC,MAAM,GAAG,EAAE;EACX,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,MAAM,GAAGR,iBAAiB,CAAC,CAAC;EAElC,oBACEE,IAAA,CAACH,QAAQ;IACPK,YAAY,EAAE,CACZK,MAAM,CAACC,OAAO,EACd;MAAEJ,MAAM,EAAEK,IAAI,CAACC,GAAG,CAACJ,MAAM,CAACF,MAAM,GAAGA,MAAM,EAAEA,MAAM;IAAE,CAAC,EACpDF,YAAY,CACZ;IACFC,KAAK,EAAEA,KAAM;IAAA,GACTE;EAAK,CACV,CAAC;AAEN,CAAC;AAED,MAAME,MAAM,GAAGZ,UAAU,CAACgB,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVT,MAAM,EAAE,CAAC;IACTU,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/presentation/components/molecules/UICheckboxInput.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { UIIcon, UIText, UIStack } from "../atoms/index.js";
+import { UIButton } from "./index.js";
+import { theme } from "../../../theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const UICheckboxInput = ({
+  label,
+  selected,
+  style,
+  selectedColor,
+  checkboxSize,
+  labelSize,
+  iconSize,
+  color,
+  variant = 'text',
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(UIButton, {
+    style: [styles.button, variant === 'contained' && selected && styles.contained, style],
+    ...props,
+    children: /*#__PURE__*/_jsxs(UIStack, {
+      horizontal: true,
+      center: true,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.checkbox, Boolean(color) && {
+          borderColor: color
+        }, Boolean(checkboxSize) && {
+          width: checkboxSize,
+          height: checkboxSize
+        }, selected && (selectedColor ? {
+          backgroundColor: selectedColor
+        } : styles.selected)],
+        children: selected && /*#__PURE__*/_jsx(UIIcon, {
+          name: "check-alt",
+          size: iconSize,
+          color: theme.color.neutral.light['10']
+        })
+      }), /*#__PURE__*/_jsx(UIText, {
+        weight: "500",
+        size: labelSize,
+        style: [Boolean(color) && {
+          color: color
+        }, selected && {
+          color: selectedColor || theme.color.brand.violet['500']
+        }],
+        children: label
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  checkbox: {
+    width: 20,
+    height: 20,
+    borderColor: theme.color.neutral.light['50'],
+    borderWidth: 2,
+    borderRadius: 4,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginRight: 10
+  },
+  selected: {
+    backgroundColor: theme.color.brand.violet['500'],
+    borderColor: theme.color.brand.violet['500']
+  },
+  dot: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: theme.color.brand.violet['500']
+  },
+  button: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderRadius: 8
+  },
+  contained: {
+    backgroundColor: theme.color.neutral.light['10']
+  }
+});
+//# sourceMappingURL=UICheckboxInput.js.map

package/lib/module/presentation/components/molecules/UICheckboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","UIIcon","UIText","UIStack","UIButton","theme","jsx","_jsx","jsxs","_jsxs","UICheckboxInput","label","selected","style","selectedColor","checkboxSize","labelSize","iconSize","color","variant","props","styles","button","contained","children","horizontal","center","checkbox","Boolean","borderColor","width","height","backgroundColor","name","size","neutral","light","weight","brand","violet","create","borderWidth","borderRadius","alignItems","justifyContent","marginRight","dot","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UICheckboxInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAG/C,SAASC,MAAM,EAAEC,MAAM,EAAEC,OAAO,QAAQ,mBAAU;AAClD,SAASC,QAAQ,QAAQ,YAAG;AAC5B,SAASC,KAAK,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAavC,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,aAAa;EACbC,YAAY;EACZC,SAAS;EACTC,QAAQ;EACRC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChB,GAAGC;AACE,CAAC,KAAK;EACX,oBACEb,IAAA,CAACH,QAAQ;IACPS,KAAK,EAAE,CACLQ,MAAM,CAACC,MAAM,EACbH,OAAO,KAAK,WAAW,IAAIP,QAAQ,IAAIS,MAAM,CAACE,SAAS,EACvDV,KAAK,CACL;IAAA,GACEO,KAAK;IAAAI,QAAA,eAETf,KAAA,CAACN,OAAO;MAACsB,UAAU;MAACC,MAAM;MAAAF,QAAA,gBACxBjB,IAAA,CAACP,IAAI;QACHa,KAAK,EAAE,CACLQ,MAAM,CAACM,QAAQ,EACfC,OAAO,CAACV,KAAK,CAAC,IAAI;UAAEW,WAAW,EAAEX;QAAM,CAAC,EACxCU,OAAO,CAACb,YAAY,CAAC,IAAI;UACvBe,KAAK,EAAEf,YAAY;UACnBgB,MAAM,EAAEhB;QACV,CAAC,EACDH,QAAQ,KACLE,aAAa,GACV;UAAEkB,eAAe,EAAElB;QAAc,CAAC,GAClCO,MAAM,CAACT,QAAQ,CAAC,CACtB;QAAAY,QAAA,EAEDZ,QAAQ,iBACPL,IAAA,CAACN,MAAM;UACLgC,IAAI,EAAC,WAAW;UAChBC,IAAI,EAAEjB,QAAS;UACfC,KAAK,EAAEb,KAAK,CAACa,KAAK,CAACiB,OAAO,CAACC,KAAK,CAAC,IAAI;QAAE,CACxC;MACF,CACG,CAAC,eACP7B,IAAA,CAACL,MAAM;QACLmC,MAAM,EAAC,KAAK;QACZH,IAAI,EAAElB,SAAU;QAChBH,KAAK,EAAE,CACLe,OAAO,CAACV,KAAK,CAAC,IAAI;UAAEA,KAAK,EAAEA;QAAM,CAAC,EAClCN,QAAQ,IAAI;UACVM,KAAK,EAAEJ,aAAa,IAAIT,KAAK,CAACa,KAAK,CAACoB,KAAK,CAACC,MAAM,CAAC,KAAK;QACxD,CAAC,CACD;QAAAf,QAAA,EAEDb;MAAK,CACA,CAAC;IAAA,CACF;EAAC,CACF,CAAC;AAEf,CAAC;AAED,MAAMU,MAAM,GAAGtB,UAAU,CAACyC,MAAM,CAAC;EAC/Bb,QAAQ,EAAE;IACRG,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVF,WAAW,EAAExB,KAAK,CAACa,KAAK,CAACiB,OAAO,CAACC,KAAK,CAAC,IAAI,CAAC;IAC5CK,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,WAAW,EAAE;EACf,CAAC;EACDjC,QAAQ,EAAE;IACRoB,eAAe,EAAE3B,KAAK,CAACa,KAAK,CAACoB,KAAK,CAACC,MAAM,CAAC,KAAK,CAAC;IAChDV,WAAW,EAAExB,KAAK,CAACa,KAAK,CAACoB,KAAK,CAACC,MAAM,CAAC,KAAK;EAC7C,CAAC;EACDO,GAAG,EAAE;IACHhB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVW,YAAY,EAAE,CAAC;IACfV,eAAe,EAAE3B,KAAK,CAACa,KAAK,CAACoB,KAAK,CAACC,MAAM,CAAC,KAAK;EACjD,CAAC;EACDjB,MAAM,EAAE;IAAEyB,iBAAiB,EAAE,EAAE;IAAEC,eAAe,EAAE,EAAE;IAAEN,YAAY,EAAE;EAAE,CAAC;EACvEnB,SAAS,EAAE;IACTS,eAAe,EAAE3B,KAAK,CAACa,KAAK,CAACiB,OAAO,CAACC,KAAK,CAAC,IAAI;EACjD;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/presentation/components/molecules/UIChip.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { StyleSheet, View } from 'react-native';
+import React from 'react';
+import { UIText } from "../atoms/index.js";
+import { getThemeColor } from "../../../theme.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const UIChip = ({
+  label,
+  content,
+  color: themeColor = 'brand-violet-500',
+  textColor = 'neutral-light-00',
+  borderColor: themeBorderColor,
+  style,
+  ...props
+}) => {
+  let contentNode = null;
+  const color = getThemeColor(themeColor);
+  const borderColor = getThemeColor(themeBorderColor);
+  if (label) contentNode = /*#__PURE__*/_jsx(UIText, {
+    color: textColor,
+    weight: "600",
+    style: styles.label,
+    children: label
+  });
+  if (content) contentNode = content;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.chip, {
+      backgroundColor: color,
+      borderColor: borderColor
+    }, style],
+    ...props,
+    children: contentNode
+  });
+};
+const styles = StyleSheet.create({
+  chip: {
+    borderRadius: 24,
+    paddingTop: 2,
+    paddingBottom: 2,
+    paddingHorizontal: 16,
+    borderWidth: 1,
+    borderStyle: 'solid'
+  },
+  label: {
+    fontSize: 12
+  }
+});
+//# sourceMappingURL=UIChip.js.map

package/lib/module/presentation/components/molecules/UIChip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","React","UIText","getThemeColor","jsx","_jsx","UIChip","label","content","color","themeColor","textColor","borderColor","themeBorderColor","style","props","contentNode","weight","styles","children","chip","backgroundColor","create","borderRadius","paddingTop","paddingBottom","paddingHorizontal","borderWidth","borderStyle","fontSize"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UIChip.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,mBAAU;AACjC,SAASC,aAAa,QAAyB,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAchE,OAAO,MAAMC,MAAM,GAAGA,CAAC;EACrBC,KAAK;EACLC,OAAO;EACPC,KAAK,EAAEC,UAAU,GAAG,kBAAkB;EAC3BC,SAAS,GAAG,kBAAkB;EACzCC,WAAW,EAAEC,gBAAgB;EAC7BC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,IAAIC,WAA4B,GAAG,IAAI;EAEvC,MAAMP,KAAK,GAAGN,aAAa,CAACO,UAAU,CAAC;EACvC,MAAME,WAAW,GAAGT,aAAa,CAACU,gBAAgB,CAAC;EAEnD,IAAIN,KAAK,EACPS,WAAW,gBACTX,IAAA,CAACH,MAAM;IAACO,KAAK,EAAEE,SAAU;IAACM,MAAM,EAAC,KAAK;IAACH,KAAK,EAAEI,MAAM,CAACX,KAAM;IAAAY,QAAA,EACxDZ;EAAK,CACA,CACT;EACH,IAAIC,OAAO,EAAEQ,WAAW,GAAGR,OAAO;EAElC,oBACEH,IAAA,CAACL,IAAI;IACHc,KAAK,EAAE,CACLI,MAAM,CAACE,IAAI,EACX;MACEC,eAAe,EAAEZ,KAAK;MACtBG,WAAW,EAAEA;IACf,CAAC,EACDE,KAAK,CACL;IAAA,GACEC,KAAK;IAAAI,QAAA,EAERH;EAAW,CACR,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC/BF,IAAI,EAAE;IACJG,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,CAAC;IACbC,aAAa,EAAE,CAAC;IAChBC,iBAAiB,EAAE,EAAE;IACrBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDrB,KAAK,EAAE;IACLsB,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/presentation/components/molecules/UICurrencyInput.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import CurrencyInput from 'react-native-currency-input';
+import { UITextInput } from "./UITextInput.js";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const UICurrencyInput = ({
+  value: valueProp,
+  onChangeValue,
+  precision = 2,
+  ...props
+}) => {
+  const [value, setValue] = React.useState(valueProp ?? null);
+  React.useEffect(() => {
+    setValue(valueProp ?? null);
+  }, [valueProp]);
+  return /*#__PURE__*/_jsx(CurrencyInput, {
+    value: value,
+    onChangeValue: value => {
+      onChangeValue?.(value);
+      setValue(value);
+    },
+    delimiter: ".",
+    separator: ",",
+    precision: precision,
+    renderTextInput: textInputProps => /*#__PURE__*/_jsx(UITextInput, {
+      ...props,
+      ...textInputProps
+    })
+  });
+};
+//# sourceMappingURL=UICurrencyInput.js.map

package/lib/module/presentation/components/molecules/UICurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CurrencyInput","UITextInput","React","jsx","_jsx","UICurrencyInput","value","valueProp","onChangeValue","precision","props","setValue","useState","useEffect","delimiter","separator","renderTextInput","textInputProps"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UICurrencyInput.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,6BAA6B;AACvD,SAASC,WAAW,QAAQ,kBAAe;AAC3C,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAa1B,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,KAAK,EAAEC,SAAS;EAChBC,aAAa;EACbC,SAAS,GAAG,CAAC;EACb,GAAGC;AACE,CAAC,KAAK;EACX,MAAM,CAACJ,KAAK,EAAEK,QAAQ,CAAC,GAAGT,KAAK,CAACU,QAAQ,CAACL,SAAS,IAAI,IAAI,CAAC;EAE3DL,KAAK,CAACW,SAAS,CAAC,MAAM;IACpBF,QAAQ,CAACJ,SAAS,IAAI,IAAI,CAAC;EAC7B,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACEH,IAAA,CAACJ,aAAa;IACZM,KAAK,EAAEA,KAAM;IACbE,aAAa,EAAGF,KAAK,IAAK;MACxBE,aAAa,GAAGF,KAAK,CAAC;MACtBK,QAAQ,CAACL,KAAK,CAAC;IACjB,CAAE;IACFQ,SAAS,EAAC,GAAG;IACbC,SAAS,EAAC,GAAG;IACbN,SAAS,EAAEA,SAAU;IACrBO,eAAe,EAAGC,cAAc,iBAC9Bb,IAAA,CAACH,WAAW;MAAA,GAAKS,KAAK;MAAA,GAAMO;IAAc,CAAG;EAC7C,CACH,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/presentation/components/molecules/UIDataList.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { FlatList, StyleSheet } from 'react-native';
+import { UILoading } from "../atoms/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const UIDataList = ({
+  loading,
+  showsHorizontalScrollIndicator = false,
+  showsVerticalScrollIndicator = false,
+  ...props
+}) => {
+  if (loading) return /*#__PURE__*/_jsx(UILoading, {
+    style: styles.loading
+  });
+  return /*#__PURE__*/_jsx(FlatList, {
+    showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator: showsVerticalScrollIndicator,
+    ...props
+  });
+};
+const styles = StyleSheet.create({
+  loading: {
+    marginTop: 24
+  }
+});
+//# sourceMappingURL=UIDataList.js.map

package/lib/module/presentation/components/molecules/UIDataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","StyleSheet","UILoading","jsx","_jsx","UIDataList","loading","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","props","style","styles","create","marginTop"],"sourceRoot":"../../../../../src","sources":["presentation/components/molecules/UIDataList.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAEnD,SAASC,SAAS,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrC,OAAO,MAAMC,UAAU,GAAGA,CAAgB;EACxCC,OAAO;EACPC,8BAA8B,GAAG,KAAK;EACtCC,4BAA4B,GAAG,KAAK;EACpC,GAAGC;AACK,CAAC,KAAK;EACd,IAAIH,OAAO,EAAE,oBAAOF,IAAA,CAACF,SAAS;IAACQ,KAAK,EAAEC,MAAM,CAACL;EAAQ,CAAE,CAAC;EAExD,oBACEF,IAAA,CAACJ,QAAQ;IACPO,8BAA8B,EAAEA,8BAA+B;IAC/DC,4BAA4B,EAAEA,4BAA6B;IAAA,GACvDC;EAAK,CACV,CAAC;AAEN,CAAC;AAED,MAAME,MAAM,GAAGV,UAAU,CAACW,MAAM,CAAC;EAC/BN,OAAO,EAAE;IAAEO,SAAS,EAAE;EAAG;AAC3B,CAAC,CAAC","ignoreList":[]}