@beppla/tapas-ui 1.0.65 → 1.0.67

package/module/Popover/Popover.js

@@ -0,0 +1,212 @@
+import React from 'react';
+import { View } from 'react-native';
+import { makeStyles, withTheme } from '@rneui/themed';
+import Icon from '../Icons/TapasIcon';
+const useStyles = makeStyles(theme => ({
+  container: {
+    position: 'absolute',
+    backgroundColor: theme.colors.white,
+    borderRadius: theme.radius.rounded,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: 12
+    },
+    shadowOpacity: 0.58,
+    shadowRadius: 24,
+    elevation: 8,
+    zIndex: 9999
+  },
+  arrow: {
+    position: 'absolute',
+    color: theme.colors.white,
+    width: 12,
+    height: 27
+  },
+  arrowTop: {
+    top: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: -2
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowBottom: {
+    bottom: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowLeft: {
+    left: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: -2,
+      height: 0
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  arrowRight: {
+    right: -6,
+    shadowColor: theme.colors.grey4,
+    shadowOffset: {
+      width: 2,
+      height: 0
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  content: {
+    flex: 1,
+    borderRadius: theme.radius.rounded,
+    overflow: 'hidden'
+  }
+}));
+const Popover = ({
+  isVisible,
+  children,
+  position = 'bottom',
+  arrowPosition = 'center',
+  width = 392,
+  height = 696,
+  containerStyle,
+  contentStyle,
+  ...props
+}) => {
+  const styles = useStyles(props);
+  if (!isVisible) return null;
+  const getArrowStyle = () => {
+    let arrowPositionStyle = {};
+    switch (position) {
+      case 'top':
+        arrowPositionStyle = styles.arrowTop;
+        break;
+      case 'bottom':
+        arrowPositionStyle = styles.arrowBottom;
+        break;
+      case 'left':
+        arrowPositionStyle = styles.arrowLeft;
+        break;
+      case 'right':
+        arrowPositionStyle = styles.arrowRight;
+        break;
+    }
+
+    // 根据箭头位置调整left/top值
+    const positionStyle = {};
+    if (position === 'top' || position === 'bottom') {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.left = 20;
+          break;
+        case 'center':
+          positionStyle.left = width / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.right = 20;
+          break;
+      }
+    } else {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.top = 20;
+          break;
+        case 'center':
+          positionStyle.top = height / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.bottom = 20;
+          break;
+      }
+    }
+    return {
+      ...styles.arrow,
+      ...arrowPositionStyle,
+      ...positionStyle
+    };
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      width,
+      height
+    }, containerStyle],
+    testID: "popover"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "left_arrow",
+    size: 17,
+    style: getArrowStyle()
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.content, contentStyle]
+  }, children));
+};
+export default withTheme(Popover);
+//# sourceMappingURL=Popover.js.mapswitch (position) {
+      case 'top':
+        arrowPositionStyle = styles.arrowTop;
+        break;
+      case 'bottom':
+        arrowPositionStyle = styles.arrowBottom;
+        break;
+      case 'left':
+        arrowPositionStyle = styles.arrowLeft;
+        break;
+      case 'right':
+        arrowPositionStyle = styles.arrowRight;
+        break;
+    }
+    // 根据箭头位置调整left/top值
+    var positionStyle = {};
+    if (position === 'top' || position === 'bottom') {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.left = 20;
+          break;
+        case 'center':
+          positionStyle.left = width / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.right = 20;
+          break;
+      }
+    } else {
+      switch (arrowPosition) {
+        case 'start':
+          positionStyle.top = 20;
+          break;
+        case 'center':
+          positionStyle.top = height / 2 - 6;
+          break;
+        case 'end':
+          positionStyle.bottom = 20;
+          break;
+      }
+    }
+    return __assign(__assign(__assign({}, styles.arrow), arrowPositionStyle), positionStyle);
+  };
+  return react_1.default.createElement(react_native_1.View, {
+    style: [styles.container, {
+      width: width,
+      height: height
+    }, containerStyle],
+    testID: "popover"
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    name: "left_arrow",
+    size: 17,
+    style: getArrowStyle()
+  }), react_1.default.createElement(react_native_1.View, {
+    style: [styles.content, contentStyle]
+  }, children));
+};
+exports.default = (0, themed_1.withTheme)(Popover);
+//# sourceMappingURL=Popover.js.map

package/module/Popover/Popover.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["React","View","makeStyles","withTheme","Icon","useStyles","theme","container","position","backgroundColor","colors","white","borderRadius","radius","rounded","shadowColor","grey4","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","arrow","color","arrowTop","top","arrowBottom","bottom","arrowLeft","left","arrowRight","right","content","flex","overflow","Popover","isVisible","children","arrowPosition","containerStyle","contentStyle","props","styles","getArrowStyle","arrowPositionStyle","positionStyle","createElement","style","testID","name","size"],"sourceRoot":"../../../components","sources":["Popover/Popover.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAA+B,cAAc;AAC1D,SAASC,UAAU,EAAEC,SAAS,QAAQ,eAAe;AACrD,OAAOC,IAAI,MAAM,oBAAoB;AAgBrC,MAAMC,SAAS,GAAGH,UAAU,CAAEI,KAAK,KAAM;EACvCC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK;IACnCC,YAAY,EAAEN,KAAK,CAACO,MAAM,CAACC,OAAO;IAClCC,WAAW,EAAET,KAAK,CAACI,MAAM,CAACM,KAAK;IAC/BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,CAAC;IACZC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLhB,QAAQ,EAAE,UAAU;IACpBiB,KAAK,EAAEnB,KAAK,CAACI,MAAM,CAACC,KAAK;IACzBO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRC,GAAG,EAAE,CAAC,CAAC;IACPZ,WAAW,EAAET,KAAK,CAACI,MAAM,CAACM,KAAK;IAC/BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;IACX,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDM,WAAW,EAAE;IACXC,MAAM,EAAE,CAAC,CAAC;IACVd,WAAW,EAAET,KAAK,CAACI,MAAM,CAACM,KAAK;IAC/BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDQ,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC,CAAC;IACRhB,WAAW,EAAET,KAAK,CAACI,MAAM,CAACM,KAAK;IAC/BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC,CAAC;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDU,UAAU,EAAE;IACVC,KAAK,EAAE,CAAC,CAAC;IACTlB,WAAW,EAAET,KAAK,CAACI,MAAM,CAACM,KAAK;IAC/BC,YAAY,EAAE;MACZC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDY,OAAO,EAAE;IACPC,IAAI,EAAE,CAAC;IACPvB,YAAY,EAAEN,KAAK,CAACO,MAAM,CAACC,OAAO;IAClCsB,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,OAAwB,GAAGA,CAAC;EAChCC,SAAS;EACTC,QAAQ;EACR/B,QAAQ,GAAG,QAAQ;EACnBgC,aAAa,GAAG,QAAQ;EACxBtB,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG,GAAG;EACZsB,cAAc;EACdC,YAAY;EACZ,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGvC,SAAS,CAACsC,KAAK,CAAC;EAE/B,IAAI,CAACL,SAAS,EAAE,OAAO,IAAI;EAE3B,MAAMO,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIC,kBAAkB,GAAG,CAAC,CAAC;IAE3B,QAAQtC,QAAQ;MACd,KAAK,KAAK;QACRsC,kBAAkB,GAAGF,MAAM,CAAClB,QAAQ;QACpC;MACF,KAAK,QAAQ;QACXoB,kBAAkB,GAAGF,MAAM,CAAChB,WAAW;QACvC;MACF,KAAK,MAAM;QACTkB,kBAAkB,GAAGF,MAAM,CAACd,SAAS;QACrC;MACF,KAAK,OAAO;QACVgB,kBAAkB,GAAGF,MAAM,CAACZ,UAAU;QACtC;IACJ;;IAEA;IACA,MAAMe,aAAkB,GAAG,CAAC,CAAC;IAC7B,IAAIvC,QAAQ,KAAK,KAAK,IAAIA,QAAQ,KAAK,QAAQ,EAAE;MAC/C,QAAQgC,aAAa;QACnB,KAAK,OAAO;UACVO,aAAa,CAAChB,IAAI,GAAG,EAAE;UACvB;QACF,KAAK,QAAQ;UACXgB,aAAa,CAAChB,IAAI,GAAGb,KAAK,GAAG,CAAC,GAAG,CAAC;UAClC;QACF,KAAK,KAAK;UACR6B,aAAa,CAACd,KAAK,GAAG,EAAE;UACxB;MACJ;IACF,CAAC,MAAM;MACL,QAAQO,aAAa;QACnB,KAAK,OAAO;UACVO,aAAa,CAACpB,GAAG,GAAG,EAAE;UACtB;QACF,KAAK,QAAQ;UACXoB,aAAa,CAACpB,GAAG,GAAGR,MAAM,GAAG,CAAC,GAAG,CAAC;UAClC;QACF,KAAK,KAAK;UACR4B,aAAa,CAAClB,MAAM,GAAG,EAAE;UACzB;MACJ;IACF;IAEA,OAAO;MACL,GAAGe,MAAM,CAACpB,KAAK;MACf,GAAGsB,kBAAkB;MACrB,GAAGC;IACL,CAAC;EACH,CAAC;EAED,oBACE/C,KAAA,CAAAgD,aAAA,CAAC/C,IAAI;IAACgD,KAAK,EAAE,CAACL,MAAM,CAACrC,SAAS,EAAE;MAAEW,KAAK;MAAEC;IAAO,CAAC,EAAEsB,cAAc,CAAE;IAACS,MAAM,EAAC;EAAS,gBAElFlD,KAAA,CAAAgD,aAAA,CAAC5C,IAAI;IAAC+C,IAAI,EAAC,YAAY;IAACC,IAAI,EAAE,EAAG;IAACH,KAAK,EAAEJ,aAAa,CAAC;EAAE,CAAE,CAAC,eAE5D7C,KAAA,CAAAgD,aAAA,CAAC/C,IAAI;IAACgD,KAAK,EAAE,CAACL,MAAM,CAACV,OAAO,EAAEQ,YAAY;EAAE,GACzCH,QACG,CACF,CAAC;AAEX,CAAC;AAED,eAAepC,SAAS,CAACkC,OAAO,CAAC","ignoreList":[]}
+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","ignoreList":[]}

package/module/Progress/Progress.js

@@ -0,0 +1,204 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+import { withTheme, makeStyles } from '@rneui/themed';
+import { TapasIcon } from "../index";
+const useStyles = makeStyles((theme, ...props) => {
+  const {
+    data,
+    type
+  } = props[0];
+  const {
+    progress
+  } = data || {};
+  const width = `${progress}%`;
+  let fontSize;
+  switch (type) {
+    case 'image':
+      fontSize = theme.fonts.sizeS;
+      break;
+    case "file":
+      fontSize = theme.fonts.sizeXs;
+      break;
+  }
+  return {
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginVertical: 20,
+      width: '100%'
+    },
+    stepText: {
+      display: 'flex',
+      justifyContent: 'flex-start',
+      alignItems: 'center',
+      flexDirection: 'row',
+      minWidth: 52
+    },
+    fileText: {
+      display: 'flex',
+      justifyContent: 'flex-end',
+      alignItems: 'center',
+      flexDirection: 'row',
+      minWidth: 52
+    },
+    hr: {
+      height: 2,
+      backgroundColor: theme.colors.grey4,
+      borderRadius: theme.radius.rounded,
+      flexGrow: 1,
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      zIndex: 0
+    },
+    progress: {
+      backgroundColor: theme.colors.grey1,
+      zIndex: 1,
+      width: width
+    },
+    done: {
+      backgroundColor: theme.colors.success,
+      width: '100%'
+    },
+    failed: {
+      backgroundColor: theme.colors.error,
+      width: '100%'
+    },
+    stepItem: {
+      display: "flex",
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: "flex-start",
+      flexGrow: 1,
+      flexShrink: 1
+    },
+    progressText: {
+      fontSize: fontSize,
+      fontFamily: theme.fonts.fontFamily,
+      fontWeight: theme.fonts.weightR,
+      letterSpacing: 0.1,
+      color: theme.colors.secondary
+    },
+    success: {
+      color: theme.colors.success,
+      marginLeft: 2
+    },
+    error: {
+      color: theme.colors.error,
+      marginLeft: 2
+    },
+    reUpload: {
+      color: theme.colors.primary,
+      marginLeft: 12
+    },
+    fileContainer: {
+      display: "flex",
+      flexDirection: 'row',
+      justifyContent: "space-between"
+    },
+    startContainer: {
+      marginRight: 8
+    },
+    endContainer: {
+      marginLeft: 8
+    }
+  };
+});
+const Progress = props => {
+  const styles = useStyles(props);
+
+  // Add null check for data
+  if (!props?.data) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container,
+    testID: props.testID
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.stepItem
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.startContainer
+  }, props.data.start), props.type === 'image' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexGrow: 1,
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.hr
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.hr, styles[props.data.status]]
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.endContainer
+  }, props.data.status === 'progress' && /*#__PURE__*/React.createElement(View, {
+    style: styles.stepText
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.progressText]
+  }, props.data.end || `${props.data.progress}%`)), props.data.status === 'failed' && /*#__PURE__*/React.createElement(View, {
+    style: styles.stepText
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    name: "warning_filled",
+    size: 16,
+    style: styles.error
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.progressText, styles.error]
+  }, props.data.end || props.data.progress)), props.data.status === 'done' && /*#__PURE__*/React.createElement(View, {
+    style: styles.stepText
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    name: "check_circle_filled",
+    size: 16,
+    style: styles.success
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.progressText, styles.success]
+  }, props.data.end || props.data.progress)))), props.type === 'file' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexGrow: 1,
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.fileContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.progressText
+  }, props.data.file), /*#__PURE__*/React.createElement(View, null, props.data.status === 'progress' && /*#__PURE__*/React.createElement(View, {
+    style: styles.fileText
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.progressText]
+  }, props.data.end || `${props.data.progress}%`)), props.data.status === 'failed' && /*#__PURE__*/React.createElement(View, {
+    style: styles.fileText
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    name: "warning_filled",
+    size: 12,
+    style: styles.error
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.progressText, styles.error]
+  }, props.data.end || props.data.progress)), props.data.status === 'done' && /*#__PURE__*/React.createElement(View, {
+    style: styles.fileText
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    name: "check_circle_filled",
+    size: 12,
+    style: styles.success
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.progressText, styles.success]
+  }, props.data.end || props.data.progress)))), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.hr
+  }), /*#__PURE__*/React.createElement(View, {
+    style: [styles.hr, styles[props.data.status]]
+  }))))));
+};
+export default withTheme(Progress);
+//# sourceMappingURL=Progress.js.mapyles.error]
+  }, props.data.end || props.data.progress)), props.data.status === 'done' && react_1.default.createElement(react_native_1.View, {
+    style: styles.fileText
+  }, react_1.default.createElement(index_1.TapasIcon, {
+    name: "check_circle_filled",
+    size: 12,
+    style: styles.success
+  }), react_1.default.createElement(react_native_1.Text, {
+    style: [styles.progressText, styles.success]
+  }, props.data.end || props.data.progress)))), react_1.default.createElement(react_native_1.View, null, react_1.default.createElement(react_native_1.View, {
+    style: styles.hr
+  }), react_1.default.createElement(react_native_1.View, {
+    style: [styles.hr, styles[props.data.status]]
+  }))))));
+};
+exports.default = (0, themed_1.withTheme)(Progress);
+//# sourceMappingURL=Progress.js.map

package/module/Progress/Progress.js.map

@@ -0,0 +1,2 @@
+{"version":3,"names":["React","View","Text","withTheme","makeStyles","TapasIcon","useStyles","theme","props","data","type","progress","width","fontSize","fonts","sizeS","sizeXs","container","flexDirection","alignItems","marginVertical","stepText","display","justifyContent","minWidth","fileText","hr","height","backgroundColor","colors","grey4","borderRadius","radius","rounded","flexGrow","position","left","right","zIndex","grey1","done","success","failed","error","stepItem","flexShrink","progressText","fontFamily","fontWeight","weightR","letterSpacing","color","secondary","marginLeft","reUpload","primary","fileContainer","startContainer","marginRight","endContainer","Progress","styles","createElement","style","testID","start","Fragment","status","end","name","size","file"],"sourceRoot":"../../../components","sources":["Progress/Progress.tsx"],"mappings":"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","ignoreList":[]}
+,KAAK,CAACK,IAAI,CAAC6D,MAAM,KAAK,UAAU,IAAI1E,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACmE,IAAI,EAAE;IAAEC,KAAK,EAAEJ,MAAM,CAACpC;EAAS,CAAC,EAC7G9B,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACyE,IAAI,EAAE;IAAEL,KAAK,EAAE,CAACJ,MAAM,CAACf,YAAY;EAAE,CAAC,EAAE3C,KAAK,CAACK,IAAI,CAAC+D,GAAG,IAAI,EAAE,CAAC3D,MAAM,CAACT,KAAK,CAACK,IAAI,CAACE,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,EAChJP,KAAK,CAACK,IAAI,CAAC6D,MAAM,KAAK,QAAQ,IAAK1E,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACmE,IAAI,EAAE;IAAEC,KAAK,EAAEJ,MAAM,CAACpC;EAAS,CAAC,EAC5G9B,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAChE,OAAO,CAACyE,SAAS,EAAE;IAAEC,IAAI,EAAE,gBAAgB;IAAEC,IAAI,EAAE,EAAE;IAAET,KAAK,EAAEJ,MAAM,CAAClB;EAAM,CAAC,CAAC,EAC3GhD,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACyE,IAAI,EAAE;IAAEL,KAAK,EAAE,CAACJ,MAAM,CAACf,YAAY,EAAEe,MAAM,CAAClB,KAAK;EAAE,CAAC,EAAExC,KAAK,CAACK,IAAI,CAAC+D,GAAG,IAAIpE,KAAK,CAACK,IAAI,CAACE,QAAQ,CAAC,CAAE,EAC/IP,KAAK,CAACK,IAAI,CAAC6D,MAAM,KAAK,MAAM,IAAK1E,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACmE,IAAI,EAAE;IAAEC,KAAK,EAAEJ,MAAM,CAACpC;EAAS,CAAC,EAC1G9B,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAChE,OAAO,CAACyE,SAAS,EAAE;IAAEC,IAAI,EAAE,qBAAqB;IAAEC,IAAI,EAAE,EAAE;IAAET,KAAK,EAAEJ,MAAM,CAACpB;EAAQ,CAAC,CAAC,EAClH9C,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACyE,IAAI,EAAE;IAAEL,KAAK,EAAE,CAACJ,MAAM,CAACf,YAAY,EAAEe,MAAM,CAACpB,OAAO;EAAE,CAAC,EAAEtC,KAAK,CAACK,IAAI,CAAC+D,GAAG,IAAIpE,KAAK,CAACK,IAAI,CAACE,QAAQ,CAAC,CAAE,CAAC,CAAC,EAC3Jf,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACmE,IAAI,EAAE,IAAI,EACnDrE,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACmE,IAAI,EAAE;IAAEC,KAAK,EAAEJ,MAAM,CAACnC;EAAG,CAAC,CAAC,EACxE/B,OAAO,CAACmE,OAAO,CAACC,aAAa,CAAClE,cAAc,CAACmE,IAAI,EAAE;IAAEC,KAAK,EAAE,CAACJ,MAAM,CAACnC,EAAE,EAAEmC,MAAM,CAAC1D,KAAK,CAACK,IAAI,CAAC6D,MAAM,CAAC;EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC;AACnI,CAAC;AACD5E,OAAO,CAACqE,OAAO,GAAG,CAAC,CAAC,EAAEhE,QAAQ,CAAC8E,SAAS,EAAEhB,QAAQ,CAAC","ignoreList":[]}

package/module/Quantity/Quantity.js

@@ -0,0 +1,239 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useState } from "react";
+import { View, Text, Pressable } from "react-native";
+import { makeStyles, useTheme, withTheme } from "@rneui/themed";
+import TapasIcon from "../Icons/TapasIcon";
+const TapasQuantity = ({
+  value,
+  onChange,
+  max = 99999,
+  min = 0,
+  disabled = false,
+  step = 1,
+  showValue = true,
+  style,
+  buttonStyle,
+  valueStyle,
+  buttonSize = 32,
+  showBoundaryHint = false,
+  testID,
+  ...props
+}) => {
+  const theme = useTheme();
+  const styles = useStyles(theme);
+  const [currentValue, setCurrentValue] = useState(value ?? 0);
+  useEffect(() => {
+    setCurrentValue(value);
+  }, [value]);
+  const isDecreaseDisabled = disabled || currentValue <= min;
+  const isIncreaseDisabled = disabled || currentValue >= max;
+  const handleDecrease = () => {
+    if (isDecreaseDisabled) return;
+    const newValue = Math.max(min, currentValue - step);
+    setCurrentValue(newValue);
+    onChange?.(newValue);
+  };
+  const handleIncrease = () => {
+    if (isIncreaseDisabled) return;
+    const newValue = Math.min(max, currentValue + step);
+    setCurrentValue(newValue);
+    onChange?.(newValue);
+  };
+  const getButtonStyle = (isDisabled, isPrimary = false) => [styles.button, {
+    width: buttonSize,
+    height: buttonSize
+  }, isPrimary && styles.primaryButton, isDisabled && styles.disabledButton, buttonStyle];
+  const getIconColor = (isDisabled, isPrimary = false) => {
+    if (isDisabled) return theme.theme.colors.grey2;
+    if (isPrimary) return theme.theme.colors.white;
+    return theme.theme.colors.secondary;
+  };
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: [styles.container, style],
+    testID: testID
+  }, props), /*#__PURE__*/React.createElement(Pressable, {
+    onPress: handleDecrease,
+    disabled: isDecreaseDisabled,
+    style: getButtonStyle(isDecreaseDisabled),
+    testID: "quantity-decrease"
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    size: 20,
+    name: "remove",
+    color: getIconColor(isDecreaseDisabled)
+  })), showValue && /*#__PURE__*/React.createElement(View, {
+    style: [styles.valueContainer, valueStyle]
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: [styles.valueText, disabled && {
+      color: theme.theme.colors.grey2
+    }]
+  }, currentValue), showBoundaryHint && /*#__PURE__*/React.createElement(Text, {
+    style: styles.boundaryHint
+  }, min, " - ", max)), /*#__PURE__*/React.createElement(Pressable, {
+    onPress: handleIncrease,
+    disabled: isIncreaseDisabled,
+    style: getButtonStyle(isIncreaseDisabled, true),
+    testID: "quantity-increase"
+  }, /*#__PURE__*/React.createElement(TapasIcon, {
+    size: 20,
+    name: "add",
+    color: getIconColor(isIncreaseDisabled, true)
+  })));
+};
+const useStyles = makeStyles(theme => {
+  return {
+    container: {
+      width: 136,
+      paddingLeft: 4,
+      paddingRight: 4,
+      borderRadius: 12,
+      backgroundColor: theme.colors.grey4,
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "row",
+      alignContent: "center",
+      alignItems: "center"
+    },
+    button: {
+      display: "flex",
+      flexDirection: "column",
+      alignSelf: "center",
+      justifyContent: "center",
+      alignContent: "center",
+      alignItems: "center",
+      borderRadius: 8
+    },
+    primaryButton: {
+      backgroundColor: theme.colors.primary
+    },
+    disabledButton: {
+      backgroundColor: theme.colors.grey5
+    },
+    valueContainer: {
+      display: "flex",
+      flex: 1,
+      overflow: "hidden",
+      height: 32,
+      justifyContent: "center",
+      flexDirection: "column",
+      alignContent: "center",
+      alignItems: "center"
+    },
+    valueText: {
+      fontSize: 14,
+      fontWeight: "600",
+      color: theme.colors.secondary,
+      textAlign: "center"
+    },
+    boundaryHint: {
+      fontSize: 10,
+      color: theme.colors.grey2,
+      textAlign: "center",
+      marginTop: 2
+    }
+  };
+});
+export default withTheme(TapasQuantity);
+//# sourceMappingURL=Quantity.js.map
+    return [styles.button, {
+      width: buttonSize,
+      height: buttonSize
+    }, isPrimary && styles.primaryButton, isDisabled && styles.disabledButton, buttonStyle];
+  };
+  var getIconColor = function (isDisabled, isPrimary) {
+    if (isPrimary === void 0) {
+      isPrimary = false;
+    }
+    if (isDisabled) return theme.theme.colors.grey2;
+    if (isPrimary) return theme.theme.colors.white;
+    return theme.theme.colors.secondary;
+  };
+  return react_1.default.createElement(react_native_1.View, __assign({
+    style: [styles.container, style],
+    testID: testID
+  }, props), react_1.default.createElement(react_native_1.Pressable, {
+    onPress: handleDecrease,
+    disabled: isDecreaseDisabled,
+    style: getButtonStyle(isDecreaseDisabled),
+    testID: "quantity-decrease"
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    size: 20,
+    name: "remove",
+    color: getIconColor(isDecreaseDisabled)
+  })), showValue && react_1.default.createElement(react_native_1.View, {
+    style: [styles.valueContainer, valueStyle]
+  }, react_1.default.createElement(react_native_1.Text, {
+    numberOfLines: 1,
+    ellipsizeMode: "tail",
+    style: [styles.valueText, disabled && {
+      color: theme.theme.colors.grey2
+    }]
+  }, currentValue), showBoundaryHint && react_1.default.createElement(react_native_1.Text, {
+    style: styles.boundaryHint
+  }, min, " - ", max)), react_1.default.createElement(react_native_1.Pressable, {
+    onPress: handleIncrease,
+    disabled: isIncreaseDisabled,
+    style: getButtonStyle(isIncreaseDisabled, true),
+    testID: "quantity-increase"
+  }, react_1.default.createElement(TapasIcon_1.default, {
+    size: 20,
+    name: "add",
+    color: getIconColor(isIncreaseDisabled, true)
+  })));
+};
+var useStyles = (0, themed_1.makeStyles)(function (theme) {
+  return {
+    container: {
+      width: 136,
+      paddingLeft: 4,
+      paddingRight: 4,
+      borderRadius: 12,
+      backgroundColor: theme.colors.grey4,
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "row",
+      alignContent: "center",
+      alignItems: "center"
+    },
+    button: {
+      display: "flex",
+      flexDirection: "column",
+      alignSelf: "center",
+      justifyContent: "center",
+      alignContent: "center",
+      alignItems: "center",
+      borderRadius: 8
+    },
+    primaryButton: {
+      backgroundColor: theme.colors.primary
+    },
+    disabledButton: {
+      backgroundColor: theme.colors.grey5
+    },
+    valueContainer: {
+      display: "flex",
+      flex: 1,
+      overflow: "hidden",
+      height: 32,
+      justifyContent: "center",
+      flexDirection: "column",
+      alignContent: "center",
+      alignItems: "center"
+    },
+    valueText: {
+      fontSize: 14,
+      fontWeight: "600",
+      color: theme.colors.secondary,
+      textAlign: "center"
+    },
+    boundaryHint: {
+      fontSize: 10,
+      color: theme.colors.grey2,
+      textAlign: "center",
+      marginTop: 2
+    }
+  };
+});
+exports.default = (0, themed_1.withTheme)(TapasQuantity);
+//# sourceMappingURL=Quantity.js.map