rn-custom-ui 1.0.0

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

@@ -0,0 +1,282 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+const baseButton = {
+  paddingHorizontal: 20,
+  paddingVertical: 15,
+  alignItems: 'center',
+  justifyContent: 'center',
+  alignSelf: 'stretch'
+};
+export const sizeStyles = {
+  sm: {
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  md: {},
+  lg: {
+    paddingHorizontal: 24,
+    paddingVertical: 18
+  }
+};
+export const iconOnlySizeStyles = {
+  sm: {
+    button: {
+      width: 36,
+      height: 36,
+      paddingHorizontal: 0,
+      paddingVertical: 0,
+      alignSelf: 'flex-start'
+    },
+    iconSize: 16,
+    imageSize: 18
+  },
+  md: {
+    button: {
+      width: 44,
+      height: 44,
+      paddingHorizontal: 0,
+      paddingVertical: 0,
+      alignSelf: 'flex-start'
+    },
+    iconSize: 20,
+    imageSize: 22
+  },
+  lg: {
+    button: {
+      width: 52,
+      height: 52,
+      paddingHorizontal: 0,
+      paddingVertical: 0,
+      alignSelf: 'flex-start'
+    },
+    iconSize: 24,
+    imageSize: 26
+  }
+};
+export const variantTheme = {
+  default: {
+    button: {
+      backgroundColor: '#FFFFFF'
+    },
+    text: {
+      color: '#000000',
+      fontWeight: '600'
+    },
+    loaderColor: '#000000'
+  },
+  primary: {
+    button: {
+      backgroundColor: '#0D6EFD'
+    },
+    text: {
+      color: '#FFFFFF',
+      fontWeight: '600'
+    },
+    imageTint: '#FFFFFF',
+    loaderColor: '#FFFFFF'
+  },
+  danger: {
+    button: {
+      backgroundColor: '#DC3545'
+    },
+    text: {
+      color: '#FFFFFF',
+      fontWeight: '600'
+    },
+    imageTint: '#FFFFFF',
+    loaderColor: '#FFFFFF'
+  },
+  warning: {
+    button: {
+      backgroundColor: '#FFC107'
+    },
+    text: {
+      color: '#212529',
+      fontWeight: '600'
+    },
+    imageTint: '#212529',
+    loaderColor: '#212529'
+  },
+  info: {
+    button: {
+      backgroundColor: '#407BFF'
+    },
+    text: {
+      color: '#FFFFFF',
+      fontWeight: '600'
+    },
+    imageTint: '#FFFFFF',
+    loaderColor: '#FFFFFF'
+  },
+  success: {
+    button: {
+      backgroundColor: '#198754'
+    },
+    text: {
+      color: '#FFFFFF',
+      fontWeight: '600'
+    },
+    imageTint: '#FFFFFF',
+    loaderColor: '#FFFFFF'
+  },
+  secondary: {
+    button: {
+      backgroundColor: '#6C757D'
+    },
+    text: {
+      color: '#FFFFFF',
+      fontWeight: '600'
+    },
+    imageTint: '#FFFFFF',
+    loaderColor: '#FFFFFF'
+  },
+  light: {
+    button: {
+      backgroundColor: '#F8F9FA'
+    },
+    text: {
+      color: '#212529',
+      fontWeight: '600'
+    },
+    imageTint: '#212529',
+    loaderColor: '#212529'
+  },
+  dark: {
+    button: {
+      backgroundColor: '#212529'
+    },
+    text: {
+      color: '#FFFFFF',
+      fontWeight: '600'
+    },
+    imageTint: '#FFFFFF',
+    loaderColor: '#FFFFFF'
+  },
+  link: {
+    button: {
+      backgroundColor: 'transparent',
+      paddingHorizontal: 4,
+      paddingVertical: 4
+    },
+    text: {
+      color: '#0D6EFD',
+      fontWeight: '600',
+      textDecorationLine: 'underline'
+    },
+    loaderColor: '#0D6EFD'
+  },
+  outline: {
+    button: {
+      backgroundColor: 'transparent',
+      borderWidth: 1,
+      borderColor: '#0D6EFD'
+    },
+    text: {
+      color: '#0D6EFD',
+      fontWeight: '600'
+    },
+    imageTint: '#0D6EFD',
+    loaderColor: '#0D6EFD'
+  },
+  ghost: {
+    button: {
+      backgroundColor: 'transparent',
+      borderWidth: 1,
+      borderColor: '#DEE2E6'
+    },
+    text: {
+      color: '#212529',
+      fontWeight: '600'
+    },
+    imageTint: '#212529',
+    loaderColor: '#212529'
+  },
+  text: {
+    button: {
+      backgroundColor: 'transparent',
+      paddingHorizontal: 4,
+      paddingVertical: 4
+    },
+    text: {
+      color: '#212529',
+      fontWeight: '600'
+    },
+    imageTint: '#212529',
+    loaderColor: '#212529'
+  }
+};
+export const contentAlignStyles = {
+  left: {
+    container: {
+      alignSelf: 'stretch',
+      justifyContent: 'flex-start'
+    },
+    text: {
+      textAlign: 'left'
+    }
+  },
+  center: {
+    container: {
+      justifyContent: 'center'
+    },
+    text: {
+      textAlign: 'center'
+    }
+  },
+  right: {
+    container: {
+      alignSelf: 'stretch',
+      justifyContent: 'flex-end'
+    },
+    text: {
+      textAlign: 'right'
+    }
+  }
+};
+export const styles = StyleSheet.create({
+  button: baseButton,
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 8
+  },
+  iconOnlyContainer: {
+    gap: 0
+  },
+  text: {},
+  leftImage: {
+    height: 20,
+    width: 25,
+    marginRight: 2
+  },
+  rightImage: {
+    height: 20,
+    width: 20,
+    marginLeft: 2
+  },
+  disabledButton: {
+    opacity: 0.55
+  },
+  disabledText: {
+    opacity: 0.7
+  },
+  countContainer: {
+    position: 'absolute',
+    top: -10,
+    right: -10,
+    height: 35,
+    width: 35,
+    borderRadius: 17.5,
+    backgroundColor: '#FFFFFF',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 2
+  },
+  countText: {
+    color: '#000000',
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","baseButton","paddingHorizontal","paddingVertical","alignItems","justifyContent","alignSelf","sizeStyles","sm","md","lg","iconOnlySizeStyles","button","width","height","iconSize","imageSize","variantTheme","default","backgroundColor","text","color","fontWeight","loaderColor","primary","imageTint","danger","warning","info","success","secondary","light","dark","link","textDecorationLine","outline","borderWidth","borderColor","ghost","contentAlignStyles","left","container","textAlign","center","right","styles","create","flexDirection","gap","iconOnlyContainer","leftImage","marginRight","rightImage","marginLeft","disabledButton","opacity","disabledText","countContainer","position","top","borderRadius","zIndex","countText"],"sourceRoot":"../../../../src","sources":["components/customButton/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/customButton/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/customButton/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/customButton/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/customDropDown/DropDownBottomSheet.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { Modal, Pressable, Text, View } from 'react-native';
+import DropDownList from "./DropDownList.js";
+import { dropdownStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DropDownBottomSheet = ({
+  data,
+  visible,
+  title,
+  selectedText,
+  onClose,
+  onSelect,
+  maxListHeight,
+  itemImageAlign,
+  itemImageGap,
+  itemTextStyle,
+  itemImageStyle
+}) => {
+  return /*#__PURE__*/_jsx(Modal, {
+    transparent: true,
+    visible: visible,
+    supportedOrientations: ['landscape', 'portrait'],
+    animationType: "slide",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: dropdownStyles.bottomSheetBackdrop,
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: dropdownStyles.backdropDismiss,
+        onPress: onClose
+      }), /*#__PURE__*/_jsxs(View, {
+        style: dropdownStyles.bottomSheetContent,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: dropdownStyles.bottomSheetHandle
+        }), !!title && /*#__PURE__*/_jsx(Text, {
+          style: dropdownStyles.bottomSheetTitle,
+          children: title
+        }), /*#__PURE__*/_jsx(DropDownList, {
+          data: data,
+          selectedText: selectedText,
+          maxHeight: maxListHeight,
+          itemImageAlign: itemImageAlign,
+          itemImageGap: itemImageGap,
+          itemTextStyle: itemTextStyle,
+          itemImageStyle: itemImageStyle,
+          containerStyle: dropdownStyles.bottomSheetList,
+          onSelect: (item, index) => {
+            onSelect(item, index);
+            onClose();
+          }
+        })]
+      })]
+    })
+  });
+};
+export default DropDownBottomSheet;
+//# sourceMappingURL=DropDownBottomSheet.js.map

package/lib/module/components/customDropDown/DropDownBottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","Pressable","Text","View","DropDownList","dropdownStyles","jsx","_jsx","jsxs","_jsxs","DropDownBottomSheet","data","visible","title","selectedText","onClose","onSelect","maxListHeight","itemImageAlign","itemImageGap","itemTextStyle","itemImageStyle","transparent","supportedOrientations","animationType","onRequestClose","children","style","bottomSheetBackdrop","backdropDismiss","onPress","bottomSheetContent","bottomSheetHandle","bottomSheetTitle","maxHeight","containerStyle","bottomSheetList","item","index"],"sourceRoot":"../../../../src","sources":["components/customDropDown/DropDownBottomSheet.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,SAAS,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAG3D,OAAOC,YAAY,MAAM,mBAAgB;AACzC,SAASC,cAAc,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiB1C,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,YAAY;EACZC,OAAO;EACPC,QAAQ;EACRC,aAAa;EACbC,cAAc;EACdC,YAAY;EACZC,aAAa;EACbC;AACwB,CAAC,KAAK;EAC9B,oBACEd,IAAA,CAACP,KAAK;IACJsB,WAAW;IACXV,OAAO,EAAEA,OAAQ;IACjBW,qBAAqB,EAAE,CAAC,WAAW,EAAE,UAAU,CAAE;IACjDC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAEV,OAAQ;IAAAW,QAAA,eAExBjB,KAAA,CAACN,IAAI;MAACwB,KAAK,EAAEtB,cAAc,CAACuB,mBAAoB;MAAAF,QAAA,gBAC9CnB,IAAA,CAACN,SAAS;QAAC0B,KAAK,EAAEtB,cAAc,CAACwB,eAAgB;QAACC,OAAO,EAAEf;MAAQ,CAAE,CAAC,eACtEN,KAAA,CAACN,IAAI;QAACwB,KAAK,EAAEtB,cAAc,CAAC0B,kBAAmB;QAAAL,QAAA,gBAC7CnB,IAAA,CAACJ,IAAI;UAACwB,KAAK,EAAEtB,cAAc,CAAC2B;QAAkB,CAAE,CAAC,EAChD,CAAC,CAACnB,KAAK,iBACNN,IAAA,CAACL,IAAI;UAACyB,KAAK,EAAEtB,cAAc,CAAC4B,gBAAiB;UAAAP,QAAA,EAAEb;QAAK,CAAO,CAC5D,eACDN,IAAA,CAACH,YAAY;UACXO,IAAI,EAAEA,IAAK;UACXG,YAAY,EAAEA,YAAa;UAC3BoB,SAAS,EAAEjB,aAAc;UACzBC,cAAc,EAAEA,cAAe;UAC/BC,YAAY,EAAEA,YAAa;UAC3BC,aAAa,EAAEA,aAAc;UAC7BC,cAAc,EAAEA,cAAe;UAC/Bc,cAAc,EAAE9B,cAAc,CAAC+B,eAAgB;UAC/CpB,QAAQ,EAAEA,CAACqB,IAAI,EAAEC,KAAK,KAAK;YACzBtB,QAAQ,CAACqB,IAAI,EAAEC,KAAK,CAAC;YACrBvB,OAAO,CAAC,CAAC;UACX;QAAE,CACH,CAAC;MAAA,CACE,CAAC;IAAA,CACH;EAAC,CACF,CAAC;AAEZ,CAAC;AAED,eAAeL,mBAAmB","ignoreList":[]}

package/lib/module/components/customDropDown/DropDownList.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { ScrollView, StyleSheet } from 'react-native';
+import { useMemo } from 'react';
+import DropDownOptionRow from "./DropDownListItem.js";
+import { dropdownStyles } from "./styles.js";
+import { normalizeListItems } from "./utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DropDownList = ({
+  data,
+  selectedText,
+  onSelect,
+  maxHeight = 220,
+  itemImageAlign = 'left',
+  itemImageGap = 10,
+  listStyle,
+  itemTextStyle,
+  itemImageStyle,
+  containerStyle
+}) => {
+  const normalizedData = useMemo(() => normalizeListItems(data), [data]);
+  return /*#__PURE__*/_jsx(ScrollView, {
+    style: [dropdownStyles.list, styles.scrollView, {
+      maxHeight
+    }, listStyle, containerStyle],
+    nestedScrollEnabled: true,
+    keyboardShouldPersistTaps: "handled",
+    showsVerticalScrollIndicator: false,
+    children: normalizedData.map((item, index) => {
+      const isLast = index === normalizedData.length - 1;
+      const isSelected = selectedText === item.label || selectedText === item.value;
+      return /*#__PURE__*/_jsx(DropDownOptionRow, {
+        item: item,
+        isSelected: isSelected,
+        isLast: isLast,
+        imageAlign: itemImageAlign,
+        imageGap: itemImageGap,
+        itemTextStyle: itemTextStyle,
+        itemImageStyle: itemImageStyle,
+        onPress: () => onSelect(item.label, index)
+      }, `${item.value}-${index}`);
+    })
+  });
+};
+export default DropDownList;
+const styles = StyleSheet.create({
+  scrollView: {
+    flexGrow: 0
+  }
+});
+//# sourceMappingURL=DropDownList.js.map

package/lib/module/components/customDropDown/DropDownList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","useMemo","DropDownOptionRow","dropdownStyles","normalizeListItems","jsx","_jsx","DropDownList","data","selectedText","onSelect","maxHeight","itemImageAlign","itemImageGap","listStyle","itemTextStyle","itemImageStyle","containerStyle","normalizedData","style","list","styles","scrollView","nestedScrollEnabled","keyboardShouldPersistTaps","showsVerticalScrollIndicator","children","map","item","index","isLast","length","isSelected","label","value","imageAlign","imageGap","onPress","create","flexGrow"],"sourceRoot":"../../../../src","sources":["components/customDropDown/DropDownList.tsx"],"mappings":";;AAAA,SACEA,UAAU,EACVC,UAAU,QAKL,cAAc;AACrB,SAASC,OAAO,QAAQ,OAAO;AAE/B,OAAOC,iBAAiB,MAAM,uBAAoB;AAClD,SAASC,cAAc,QAAQ,aAAU;AAKzC,SAASC,kBAAkB,QAAQ,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAe7C,MAAMC,YAAY,GAAGA,CAAC;EACpBC,IAAI;EACJC,YAAY;EACZC,QAAQ;EACRC,SAAS,GAAG,GAAG;EACfC,cAAc,GAAG,MAAM;EACvBC,YAAY,GAAG,EAAE;EACjBC,SAAS;EACTC,aAAa;EACbC,cAAc;EACdC;AACiB,CAAC,KAAK;EACvB,MAAMC,cAAc,GAAGjB,OAAO,CAAC,MAAMG,kBAAkB,CAACI,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEtE,oBACEF,IAAA,CAACP,UAAU;IACToB,KAAK,EAAE,CACLhB,cAAc,CAACiB,IAAI,EACnBC,MAAM,CAACC,UAAU,EACjB;MAAEX;IAAU,CAAC,EACbG,SAAS,EACTG,cAAc,CACd;IACFM,mBAAmB;IACnBC,yBAAyB,EAAC,SAAS;IACnCC,4BAA4B,EAAE,KAAM;IAAAC,QAAA,EAEnCR,cAAc,CAACS,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MACnC,MAAMC,MAAM,GAAGD,KAAK,KAAKX,cAAc,CAACa,MAAM,GAAG,CAAC;MAClD,MAAMC,UAAU,GACdvB,YAAY,KAAKmB,IAAI,CAACK,KAAK,IAAIxB,YAAY,KAAKmB,IAAI,CAACM,KAAK;MAE5D,oBACE5B,IAAA,CAACJ,iBAAiB;QAEhB0B,IAAI,EAAEA,IAAK;QACXI,UAAU,EAAEA,UAAW;QACvBF,MAAM,EAAEA,MAAO;QACfK,UAAU,EAAEvB,cAAe;QAC3BwB,QAAQ,EAAEvB,YAAa;QACvBE,aAAa,EAAEA,aAAc;QAC7BC,cAAc,EAAEA,cAAe;QAC/BqB,OAAO,EAAEA,CAAA,KAAM3B,QAAQ,CAACkB,IAAI,CAACK,KAAK,EAAEJ,KAAK;MAAE,GARtC,GAAGD,IAAI,CAACM,KAAK,IAAIL,KAAK,EAS5B,CAAC;IAEN,CAAC;EAAC,CACQ,CAAC;AAEjB,CAAC;AAED,eAAetB,YAAY;AAE3B,MAAMc,MAAM,GAAGrB,UAAU,CAACsC,MAAM,CAAC;EAC/BhB,UAAU,EAAE;IACViB,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/customDropDown/DropDownListItem.js

@@ -0,0 +1,38 @@
+"use strict";
+
+import { Image, Text, TouchableOpacity, View } from 'react-native';
+import { dropdownStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DropDownListItem = ({
+  item,
+  isSelected,
+  isLast,
+  imageAlign,
+  imageGap,
+  itemTextStyle,
+  itemImageStyle,
+  onPress
+}) => {
+  const imageNode = item.image ? /*#__PURE__*/_jsx(Image, {
+    resizeMode: "contain",
+    source: item.image,
+    style: [dropdownStyles.itemImage, itemImageStyle]
+  }) : null;
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.6,
+    style: [dropdownStyles.listItem, isLast && dropdownStyles.listItemLast],
+    onPress: onPress,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [dropdownStyles.itemRow, imageAlign === 'right' && dropdownStyles.itemRowImageRight, {
+        gap: imageGap
+      }],
+      children: [imageAlign === 'left' && imageNode, /*#__PURE__*/_jsx(Text, {
+        style: [dropdownStyles.itemText, imageAlign === 'right' && dropdownStyles.itemTextWithRightImage, isSelected && dropdownStyles.itemTextSelected, itemTextStyle],
+        numberOfLines: 1,
+        children: item.label
+      }), imageAlign === 'right' && imageNode]
+    })
+  });
+};
+export default DropDownListItem;
+//# sourceMappingURL=DropDownListItem.js.map

package/lib/module/components/customDropDown/DropDownListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Text","TouchableOpacity","View","dropdownStyles","jsx","_jsx","jsxs","_jsxs","DropDownListItem","item","isSelected","isLast","imageAlign","imageGap","itemTextStyle","itemImageStyle","onPress","imageNode","image","resizeMode","source","style","itemImage","activeOpacity","listItem","listItemLast","children","itemRow","itemRowImageRight","gap","itemText","itemTextWithRightImage","itemTextSelected","numberOfLines","label"],"sourceRoot":"../../../../src","sources":["components/customDropDown/DropDownListItem.tsx"],"mappings":";;AAAA,SACEA,KAAK,EACLC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,QAIC,cAAc;AAErB,SAASC,cAAc,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAc1C,MAAMC,gBAAgB,GAAGA,CAAC;EACxBC,IAAI;EACJC,UAAU;EACVC,MAAM;EACNC,UAAU;EACVC,QAAQ;EACRC,aAAa;EACbC,cAAc;EACdC;AACqB,CAAC,KAAK;EAC3B,MAAMC,SAAS,GAAGR,IAAI,CAACS,KAAK,gBAC1Bb,IAAA,CAACN,KAAK;IACJoB,UAAU,EAAC,SAAS;IACpBC,MAAM,EAAEX,IAAI,CAACS,KAAM;IACnBG,KAAK,EAAE,CAAClB,cAAc,CAACmB,SAAS,EAAEP,cAAc;EAAE,CACnD,CAAC,GACA,IAAI;EAER,oBACEV,IAAA,CAACJ,gBAAgB;IACfsB,aAAa,EAAE,GAAI;IACnBF,KAAK,EAAE,CAAClB,cAAc,CAACqB,QAAQ,EAAEb,MAAM,IAAIR,cAAc,CAACsB,YAAY,CAAE;IACxET,OAAO,EAAEA,OAAQ;IAAAU,QAAA,eAEjBnB,KAAA,CAACL,IAAI;MACHmB,KAAK,EAAE,CACLlB,cAAc,CAACwB,OAAO,EACtBf,UAAU,KAAK,OAAO,IAAIT,cAAc,CAACyB,iBAAiB,EAC1D;QAAEC,GAAG,EAAEhB;MAAS,CAAC,CACjB;MAAAa,QAAA,GAEDd,UAAU,KAAK,MAAM,IAAIK,SAAS,eACnCZ,IAAA,CAACL,IAAI;QACHqB,KAAK,EAAE,CACLlB,cAAc,CAAC2B,QAAQ,EACvBlB,UAAU,KAAK,OAAO,IAAIT,cAAc,CAAC4B,sBAAsB,EAC/DrB,UAAU,IAAIP,cAAc,CAAC6B,gBAAgB,EAC7ClB,aAAa,CACb;QACFmB,aAAa,EAAE,CAAE;QAAAP,QAAA,EAEhBjB,IAAI,CAACyB;MAAK,CACP,CAAC,EACNtB,UAAU,KAAK,OAAO,IAAIK,SAAS;IAAA,CAChC;EAAC,CACS,CAAC;AAEvB,CAAC;AAED,eAAeT,gBAAgB","ignoreList":[]}

package/lib/module/components/customDropDown/DropDownListModal.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { Modal, Pressable, Text, View } from 'react-native';
+import CloseButton from "../closeButton/index.js";
+import DropDownList from "./DropDownList.js";
+import { dropdownStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DropDownListModal = ({
+  data,
+  visible,
+  title,
+  selectedText,
+  onClose,
+  onSelect,
+  maxListHeight,
+  itemImageAlign,
+  itemImageGap,
+  itemTextStyle,
+  itemImageStyle,
+  closeImage
+}) => {
+  return /*#__PURE__*/_jsx(Modal, {
+    transparent: true,
+    visible: visible,
+    supportedOrientations: ['landscape', 'portrait'],
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: dropdownStyles.modalContainer,
+      onPress: onClose,
+      children: /*#__PURE__*/_jsxs(Pressable, {
+        style: dropdownStyles.modalContent,
+        onPress: () => {},
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: dropdownStyles.modalHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: dropdownStyles.modalTitle,
+            numberOfLines: 1,
+            children: title || 'Select an option'
+          }), /*#__PURE__*/_jsx(CloseButton, {
+            closeImage: closeImage,
+            onPress: onClose,
+            containerStyle: dropdownStyles.modalCloseButton
+          })]
+        }), /*#__PURE__*/_jsx(DropDownList, {
+          data: data,
+          selectedText: selectedText,
+          maxHeight: maxListHeight,
+          itemImageAlign: itemImageAlign,
+          itemImageGap: itemImageGap,
+          itemTextStyle: itemTextStyle,
+          itemImageStyle: itemImageStyle,
+          containerStyle: dropdownStyles.modalList,
+          onSelect: (item, index) => {
+            onSelect(item, index);
+            onClose();
+          }
+        })]
+      })
+    })
+  });
+};
+export default DropDownListModal;
+//# sourceMappingURL=DropDownListModal.js.map

package/lib/module/components/customDropDown/DropDownListModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Modal","Pressable","Text","View","CloseButton","DropDownList","dropdownStyles","jsx","_jsx","jsxs","_jsxs","DropDownListModal","data","visible","title","selectedText","onClose","onSelect","maxListHeight","itemImageAlign","itemImageGap","itemTextStyle","itemImageStyle","closeImage","transparent","supportedOrientations","onRequestClose","children","style","modalContainer","onPress","modalContent","modalHeader","modalTitle","numberOfLines","containerStyle","modalCloseButton","maxHeight","modalList","item","index"],"sourceRoot":"../../../../src","sources":["components/customDropDown/DropDownListModal.tsx"],"mappings":";;AAAA,SACEA,KAAK,EACLC,SAAS,EACTC,IAAI,EACJC,IAAI,QAKC,cAAc;AAErB,OAAOC,WAAW,MAAM,yBAAgB;AACxC,OAAOC,YAAY,MAAM,mBAAgB;AACzC,SAASC,cAAc,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkB1C,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,YAAY;EACZC,OAAO;EACPC,QAAQ;EACRC,aAAa;EACbC,cAAc;EACdC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC;AACsB,CAAC,KAAK;EAC5B,oBACEf,IAAA,CAACR,KAAK;IACJwB,WAAW;IACXX,OAAO,EAAEA,OAAQ;IACjBY,qBAAqB,EAAE,CAAC,WAAW,EAAE,UAAU,CAAE;IACjDC,cAAc,EAAEV,OAAQ;IAAAW,QAAA,eAExBnB,IAAA,CAACP,SAAS;MAAC2B,KAAK,EAAEtB,cAAc,CAACuB,cAAe;MAACC,OAAO,EAAEd,OAAQ;MAAAW,QAAA,eAChEjB,KAAA,CAACT,SAAS;QAAC2B,KAAK,EAAEtB,cAAc,CAACyB,YAAa;QAACD,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;QAAAH,QAAA,gBAC/DjB,KAAA,CAACP,IAAI;UAACyB,KAAK,EAAEtB,cAAc,CAAC0B,WAAY;UAAAL,QAAA,gBACtCnB,IAAA,CAACN,IAAI;YAAC0B,KAAK,EAAEtB,cAAc,CAAC2B,UAAW;YAACC,aAAa,EAAE,CAAE;YAAAP,QAAA,EACtDb,KAAK,IAAI;UAAkB,CACxB,CAAC,eACPN,IAAA,CAACJ,WAAW;YACVmB,UAAU,EAAEA,UAAW;YACvBO,OAAO,EAAEd,OAAQ;YACjBmB,cAAc,EAAE7B,cAAc,CAAC8B;UAAiB,CACjD,CAAC;QAAA,CACE,CAAC,eAEP5B,IAAA,CAACH,YAAY;UACXO,IAAI,EAAEA,IAAK;UACXG,YAAY,EAAEA,YAAa;UAC3BsB,SAAS,EAAEnB,aAAc;UACzBC,cAAc,EAAEA,cAAe;UAC/BC,YAAY,EAAEA,YAAa;UAC3BC,aAAa,EAAEA,aAAc;UAC7BC,cAAc,EAAEA,cAAe;UAC/Ba,cAAc,EAAE7B,cAAc,CAACgC,SAAU;UACzCrB,QAAQ,EAAEA,CAACsB,IAAI,EAAEC,KAAK,KAAK;YACzBvB,QAAQ,CAACsB,IAAI,EAAEC,KAAK,CAAC;YACrBxB,OAAO,CAAC,CAAC;UACX;QAAE,CACH,CAAC;MAAA,CACO;IAAC,CACH;EAAC,CACP,CAAC;AAEZ,CAAC;AAED,eAAeL,iBAAiB","ignoreList":[]}

package/lib/module/components/customDropDown/index.js

@@ -0,0 +1,143 @@
+"use strict";
+
+import { useMemo, useState } from 'react';
+import { Image, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import DropDownBottomSheet from "./DropDownBottomSheet.js";
+import DropDownList from "./DropDownList.js";
+import DropDownListModal from "./DropDownListModal.js";
+import { dropdownStyles } from "./styles.js";
+import { findSelectedOption, normalizeListItems } from "./utils.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CustomDropDown = ({
+  mode = 'modal',
+  label = '',
+  selectedText,
+  listItems,
+  onSelect,
+  isSelected = false,
+  disabled = false,
+  placeholder = 'Select an option',
+  maxListHeight = 220,
+  itemImageAlign = 'left',
+  itemImageGap = 10,
+  toggleImageAlign,
+  itemImageStyle,
+  toggleImageStyle,
+  styleDropdown = {},
+  labelTextStyle,
+  dropdownTextStyles,
+  listStyle,
+  itemTextStyle,
+  closeImage
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const normalizedItems = useMemo(() => normalizeListItems(listItems), [listItems]);
+  const selectedOption = useMemo(() => findSelectedOption(normalizedItems, selectedText), [normalizedItems, selectedText]);
+  const displayText = selectedText || placeholder;
+  const hasSelection = isSelected || Boolean(selectedText);
+  const isOverlayOpen = isOpen && (mode === 'inline' || mode === 'anchored');
+  const resolvedToggleImageAlign = toggleImageAlign ?? itemImageAlign;
+  const rotation = isOpen ? '180deg' : '0deg';
+  const textStyle = useMemo(() => [dropdownStyles.selectedText, hasSelection && dropdownStyles.selectedTextActive, dropdownTextStyles], [hasSelection, dropdownTextStyles]);
+  const close = () => setIsOpen(false);
+  const toggle = () => {
+    if (disabled) {
+      return;
+    }
+    if (mode === 'inline' || mode === 'anchored') {
+      setIsOpen(current => !current);
+      return;
+    }
+    setIsOpen(true);
+  };
+  const handleSelect = (item, index) => {
+    onSelect(item, index);
+    close();
+  };
+  const listContainerStyle = mode === 'anchored' ? [dropdownStyles.anchoredList, dropdownStyles.inlineList] : dropdownStyles.inlineList;
+  const listProps = {
+    data: listItems,
+    selectedText,
+    maxHeight: maxListHeight,
+    itemImageAlign,
+    itemImageGap,
+    listStyle,
+    itemTextStyle,
+    itemImageStyle,
+    onSelect: handleSelect
+  };
+  const renderToggleImage = () => {
+    if (!selectedOption?.image) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(Image, {
+      resizeMode: "contain",
+      source: selectedOption.image,
+      style: [dropdownStyles.toggleImage, toggleImageStyle]
+    });
+  };
+  const renderToggleLabel = () => /*#__PURE__*/_jsx(Text, {
+    style: textStyle,
+    numberOfLines: 1,
+    children: displayText
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [dropdownStyles.container, isOverlayOpen && dropdownStyles.toggleWrapperOpen],
+    children: [!!label && /*#__PURE__*/_jsx(Text, {
+      style: [dropdownStyles.labelText, labelTextStyle],
+      children: label
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [dropdownStyles.toggleWrapper, isOverlayOpen && dropdownStyles.toggleWrapperOpen],
+      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+        activeOpacity: 0.5,
+        disabled: disabled,
+        style: [dropdownStyles.dropDown, disabled && dropdownStyles.dropDownDisabled, styleDropdown, isOverlayOpen && styles.toggleOpen],
+        onPress: toggle,
+        accessibilityRole: "button",
+        accessibilityState: {
+          disabled,
+          expanded: isOpen
+        },
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: [dropdownStyles.itemRow, {
+            flex: 1,
+            gap: itemImageGap
+          }, resolvedToggleImageAlign === 'right' && dropdownStyles.itemRowImageRight],
+          children: [resolvedToggleImageAlign === 'left' && renderToggleImage(), renderToggleLabel(), resolvedToggleImageAlign === 'right' && renderToggleImage()]
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [dropdownStyles.arrow, {
+            transform: [{
+              rotate: rotation
+            }]
+          }],
+          children: "\u25BC"
+        })]
+      }), isOverlayOpen && /*#__PURE__*/_jsx(DropDownList, {
+        ...listProps,
+        containerStyle: listContainerStyle
+      })]
+    }), mode === 'modal' && /*#__PURE__*/_jsx(DropDownListModal, {
+      ...listProps,
+      visible: isOpen,
+      title: label || undefined,
+      closeImage: closeImage,
+      maxListHeight: maxListHeight,
+      onClose: close,
+      onSelect: handleSelect
+    }), mode === 'bottomSheet' && /*#__PURE__*/_jsx(DropDownBottomSheet, {
+      ...listProps,
+      visible: isOpen,
+      title: label || undefined,
+      maxListHeight: maxListHeight,
+      onClose: close,
+      onSelect: handleSelect
+    })]
+  });
+};
+export default CustomDropDown;
+const styles = StyleSheet.create({
+  toggleOpen: {
+    borderColor: '#0d6efd'
+  }
+});
+//# sourceMappingURL=index.js.map