related-ui-components 1.9.6 → 1.9.8

package/lib/commonjs/components/Popup/Popup.js

@@ -0,0 +1,342 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _index = require("../../theme/index.js");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _expoImage = require("expo-image");
+var _CloseIcon = _interopRequireDefault(require("../CloseIcon/CloseIcon.js"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const {
+  height: screenHeight
+} = _reactNative.Dimensions.get("window");
+const Popup = ({
+  visible,
+  onClose,
+  backgroundImage,
+  title,
+  content,
+  subtitle,
+  children,
+  primaryButtonText,
+  onPrimaryButtonPress,
+  secondaryButtonText,
+  onSecondaryButtonPress,
+  closeOnBackdropPress = true,
+  showCloseIcon = false,
+  customCloseIcon,
+  illustrationImage,
+  illustrationStyle,
+  containerStyle,
+  titleStyle,
+  contentStyle,
+  primaryButtonStyle,
+  primaryButtonTextStyle,
+  secondaryButtonStyle,
+  secondaryButtonTextStyle,
+  contentContainerStyle,
+  closeIconContainerStyle,
+  closeIconStyle,
+  closeIconVariant = "floating",
+  subtitleStyle,
+  isRTL: propIsRTL,
+  closeIconColor,
+  closeIconSize = 28,
+  modalStyle,
+  overlay,
+  customContent
+}) => {
+  const {
+    theme,
+    isRTL: themeIsRTL
+  } = (0, _index.useTheme)();
+  const isRTL = propIsRTL !== undefined ? propIsRTL : themeIsRTL;
+  const styles = (0, _react.useMemo)(() => createStyles(theme), [theme]);
+  const [modalRendered, setModalRendered] = (0, _react.useState)(visible);
+  const slideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(screenHeight)).current;
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setModalRendered(true);
+      _reactNative.Animated.timing(slideAnim, {
+        toValue: 0,
+        duration: 300,
+        easing: _reactNative.Easing.out(_reactNative.Easing.ease),
+        useNativeDriver: true
+      }).start();
+    } else {
+      _reactNative.Animated.timing(slideAnim, {
+        toValue: screenHeight,
+        duration: 300,
+        easing: _reactNative.Easing.in(_reactNative.Easing.ease),
+        useNativeDriver: true
+      }).start(() => {
+        setModalRendered(false);
+      });
+    }
+  }, [visible, slideAnim]);
+  const renderDefaultContent = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.contentContainer, contentContainerStyle],
+    children: [illustrationImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.illustrationContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_expoImage.Image, {
+        source: illustrationImage,
+        style: [styles.illustrationImage, illustrationStyle],
+        contentFit: "contain"
+      })
+    }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.title, {
+        color: theme.text,
+        textAlign: "center"
+      }, titleStyle],
+      children: title
+    }), subtitle && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.subtitle, {
+        color: theme.text,
+        textAlign: "center"
+      }, subtitleStyle],
+      children: subtitle
+    }), content && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.content, {
+        color: theme.text,
+        textAlign: "center"
+      }, contentStyle],
+      children: content
+    }), customContent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: customContent
+    }), (secondaryButtonText || primaryButtonText) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.buttonContainer, {
+        flexDirection: isRTL ? "row-reverse" : "row"
+      }],
+      children: [secondaryButtonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [styles.secondaryButton, {
+          borderColor: theme.primary
+        }, secondaryButtonStyle, isRTL ? {
+          marginLeft: 12,
+          marginRight: 0
+        } : {
+          marginRight: 12,
+          marginLeft: 0
+        }],
+        onPress: onSecondaryButtonPress,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.secondaryButtonText, {
+            color: theme.primary
+          }, secondaryButtonTextStyle],
+          children: secondaryButtonText
+        })
+      }), primaryButtonText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [styles.primaryButton, {
+          backgroundColor: theme.primary
+        }, primaryButtonStyle],
+        onPress: onPrimaryButtonPress,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.primaryButtonText, {
+            color: theme.onPrimary
+          }, primaryButtonTextStyle],
+          children: primaryButtonText
+        })
+      })]
+    })]
+  });
+  if (!modalRendered && !visible) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    transparent: true,
+    visible: modalRendered,
+    animationType: "none",
+    onRequestClose: onClose,
+    statusBarTranslucent: true,
+    style: modalStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.modalOverlay,
+      children: [closeOnBackdropPress && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
+        onPress: onClose,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: _reactNative.StyleSheet.absoluteFill
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [{
+          transform: [{
+            translateY: slideAnim
+          }]
+        }, styles.animatedContainer],
+        pointerEvents: "box-none",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [!children && styles.popupContainer, containerStyle],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.default, {
+            show: showCloseIcon,
+            onPress: onClose,
+            customIcon: customCloseIcon,
+            variant: closeIconVariant,
+            containerStyle: closeIconContainerStyle,
+            iconStyle: closeIconStyle,
+            color: closeIconColor,
+            size: closeIconSize,
+            isRTL: isRTL
+          }), overlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: styles.overlayContainer,
+            pointerEvents: "none",
+            children: overlay
+          }), children ? children : backgroundImage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ImageBackground, {
+            source: backgroundImage,
+            style: styles.backgroundImage,
+            imageStyle: styles.backgroundImageStyle,
+            children: renderDefaultContent()
+          }) : renderDefaultContent()]
+        })
+      })]
+    })
+  });
+};
+const {
+  width
+} = _reactNative.Dimensions.get("window");
+const popupWidth = width * 0.85;
+
+// Function to create themed styles
+const createStyles = theme => _reactNative.StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    // Keep overlay color
+    justifyContent: "center",
+    alignItems: "center",
+    paddingTop: _reactNative.Platform.OS === "android" ? _reactNative.StatusBar.currentHeight : 0
+  },
+  animatedContainer: {
+    alignItems: "center",
+    width: "100%",
+    justifyContent: "center",
+    flexGrow: 1
+  },
+  popupContainer: {
+    width: popupWidth,
+    maxHeight: "80%",
+    borderRadius: 16,
+    elevation: 5,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    position: "relative",
+    backgroundColor: theme.surface
+  },
+  closeIconContainer: {
+    position: "absolute",
+    zIndex: 10,
+    width: 32,
+    height: 32,
+    justifyContent: "center",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: 16,
+    padding: 0
+    // backgroundColor and borderColor set inline
+  },
+  closeIcon: {
+    width: 24,
+    height: 24,
+    resizeMode: "contain",
+    textAlign: "center",
+    textAlignVertical: "center",
+    lineHeight: 24
+    // color is set inline
+  },
+  backgroundImage: {
+    width: "100%",
+    height: "100%"
+  },
+  backgroundImageStyle: {
+    borderRadius: 16
+  },
+  contentContainer: {
+    padding: 24,
+    alignItems: "center",
+    justifyContent: "center",
+    // flex: 1,
+    // alignSelf:"stretch",
+    borderRadius: 16
+  },
+  illustrationContainer: {
+    marginBottom: 16,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  illustrationImage: {
+    width: 150,
+    height: 150,
+    marginBottom: 8
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "bold",
+    marginBottom: 12,
+    width: "100%"
+    // color is set inline
+  },
+  subtitle: {
+    fontSize: 20,
+    // Adjusted size for subtitle
+    fontWeight: "bold",
+    // Adjusted weight for subtitle
+    marginBottom: 12,
+    width: "100%"
+  },
+  content: {
+    fontSize: 16,
+    marginBottom: 24,
+    lineHeight: 22,
+    width: "100%"
+    // color is set inline
+  },
+  buttonContainer: {
+    justifyContent: "center",
+    marginTop: 16,
+    width: "100%"
+  },
+  primaryButton: {
+    paddingVertical: 12,
+    paddingHorizontal: 32,
+    borderRadius: 50,
+    minWidth: 120,
+    alignItems: "center"
+    // backgroundColor is set inline
+  },
+  primaryButtonText: {
+    fontWeight: "600",
+    fontSize: 16
+    // color is set inline using theme.onPrimary
+  },
+  secondaryButton: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 50,
+    borderWidth: 1,
+    minWidth: 120,
+    alignItems: "center"
+    // borderColor is set inline
+  },
+  secondaryButtonText: {
+    fontWeight: "600",
+    fontSize: 16
+    // color is set inline
+  },
+  overlayContainer: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    zIndex: 5,
+    justifyContent: "center",
+    alignItems: "center"
+  }
+});
+var _default = exports.default = Popup;
+//# sourceMappingURL=Popup.js.map

package/lib/commonjs/components/Popup/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_react","_interopRequireWildcard","_reactNative","_expoImage","_CloseIcon","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","height","screenHeight","Dimensions","Popup","visible","onClose","backgroundImage","title","content","subtitle","children","primaryButtonText","onPrimaryButtonPress","secondaryButtonText","onSecondaryButtonPress","closeOnBackdropPress","showCloseIcon","customCloseIcon","illustrationImage","illustrationStyle","containerStyle","titleStyle","contentStyle","primaryButtonStyle","primaryButtonTextStyle","secondaryButtonStyle","secondaryButtonTextStyle","contentContainerStyle","closeIconContainerStyle","closeIconStyle","closeIconVariant","subtitleStyle","isRTL","propIsRTL","closeIconColor","closeIconSize","modalStyle","overlay","customContent","theme","themeIsRTL","useTheme","undefined","styles","useMemo","createStyles","modalRendered","setModalRendered","useState","slideAnim","useRef","Animated","Value","current","useEffect","timing","toValue","duration","easing","Easing","out","ease","useNativeDriver","start","in","renderDefaultContent","jsxs","View","style","contentContainer","jsx","illustrationContainer","Image","source","contentFit","Text","color","text","textAlign","buttonContainer","flexDirection","TouchableOpacity","secondaryButton","borderColor","primary","marginLeft","marginRight","onPress","primaryButton","backgroundColor","onPrimary","Modal","transparent","animationType","onRequestClose","statusBarTranslucent","modalOverlay","TouchableWithoutFeedback","StyleSheet","absoluteFill","transform","translateY","animatedContainer","pointerEvents","popupContainer","show","customIcon","variant","iconStyle","size","overlayContainer","ImageBackground","imageStyle","backgroundImageStyle","width","popupWidth","create","flex","justifyContent","alignItems","paddingTop","Platform","OS","StatusBar","currentHeight","flexGrow","maxHeight","borderRadius","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","position","surface","closeIconContainer","zIndex","borderWidth","padding","closeIcon","resizeMode","textAlignVertical","lineHeight","marginBottom","fontSize","fontWeight","marginTop","paddingVertical","paddingHorizontal","minWidth","absoluteFillObject","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/Popup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Popup/README.md

@@ -0,0 +1,133 @@
+# Popup
+
+![Standard Popup Example](../../assets/components/Popup-1.png)
+![Popup with RTL](../../assets/components/Popup-3.png)
+![Popup with background image](../../assets/components/Popup-2.png)
+
+
+## Popup Documentation
+
+The `Popup` is a versatile modal component designed for displaying important information, confirmations, or actions to users. It provides a customizable interface with support for background images, illustrations, titles, content text, and action buttons. The component is fully RTL-compatible and offers different variants for close button positioning.
+
+### Usage
+
+```tsx
+import Popup from "@/components/Popup";
+import { useTheme } from "@/theme";
+
+const MyComponent = () => {
+  const [isVisible, setIsVisible] = useState(false);
+  const theme = useTheme();
+  
+  const handleClose = () => setIsVisible(false);
+  const handlePrimaryAction = () => {
+    // Do something
+    handleClose();
+  };
+
+  return (
+      <Popup
+        visible={isVisible}
+        onClose={handleClose}
+        showCloseIcon={true}
+        containerStyle={{ borderColor: "white", borderWidth: 1, height: 300, width:400 }}
+        title="UNLOCK"
+        closeIconVariant="nested"
+        content="Upgrade to Visa signature to get your Card Now!"
+        primaryButtonText="Upgrade"
+        subtitle={`60%\nDiscount`}
+        backgroundImage={require("@/assets/images/face.jpg")}
+        onPrimaryButtonPress={handleUpgrade}
+        contentContainerStyle={{backgroundColor:"rgba(0,0,0,0.5)", flex: 1}}
+        closeIconContainerStyle={{backgroundColor:"white"}}
+        customCloseIcon={<Ionicons name="close" size={20} color={"black"} />}
+      />
+  );
+};
+```
+
+### Illustration Example
+
+```tsx
+      <Popup
+        visible={isVisible}
+        onClose={handleClose}
+        showCloseIcon={true}
+        containerStyle={{ borderColor: "white", borderWidth: 1 }}
+        illustrationImage={require('@/assets/images/upgrade.png')} // Path to your illustration
+        title="UNLOCK"
+        closeIconVariant="nested"
+        content="Upgrade to Visa signature to get your Card Now!"
+        primaryButtonText="Upgrade"
+        primaryButtonStyle={{width: 300, backgroundColor:"#E94DAA"}}
+        onPrimaryButtonPress={handleUpgrade}
+        customCloseIcon={<Ionicons
+                      name="close"
+                      size={20}
+                      color={"#E94DAA"}/>}
+      />
+```
+
+### RTL
+
+```tsx
+<Popup
+  visible={isVisible}
+  onClose={handleClose}
+  showCloseIcon={true}
+  title="ترقية إلى النسخة المميزة"
+  subtitle="استمتع بمزايا حصرية"
+  content="احصل على جميع الميزات المتقدمة والمحتوى الحصري بدون إعلانات. اشترك الآن واستمتع بتجربة كاملة مع تحديثات مجانية لمدة عام كامل."
+  primaryButtonText="ترقية الآن"
+  secondaryButtonText="ليس الآن"
+  onPrimaryButtonPress={handleUpgrade}
+  onSecondaryButtonPress={handleDismiss}
+  isRTL={true}
+/>
+```
+
+### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `visible` | `boolean` | Required | Controls the visibility of the popup |
+| `onClose` | `() => void` | Required | Function to call when popup should be closed |
+| `backgroundImage` | `ImageSourcePropType` | `undefined` | Optional background image for the popup |
+| `title` | `string` | `undefined` | Main title text |
+| `subtitle` | `string` | `undefined` | Subtitle text displayed below title |
+| `content` | `string` | `undefined` | Main content text |
+| `children` | `ReactNode` | `undefined` | Custom content to render inside the popup |
+| `primaryButtonText` | `string` | `undefined` | Text for the primary action button |
+| `onPrimaryButtonPress` | `() => void` | `undefined` | Function to execute when primary button is pressed |
+| `secondaryButtonText` | `string` | `undefined` | Text for the secondary action button |
+| `onSecondaryButtonPress` | `() => void` | `undefined` | Function to execute when secondary button is pressed |
+| `closeOnBackdropPress` | `boolean` | `true` | Whether tapping outside the popup should close it |
+| `showCloseIcon` | `boolean` | `false` | Whether to show the close icon button |
+| `closeIconVariant` | `"floating" \| "nested"` | `"floating"` | Style variant for the close icon position |
+| `customCloseIcon` | `ReactNode` | `undefined` | Custom component to use as close icon |
+| `illustrationImage` | `ImageSourcePropType` | `undefined` | Image to display at the top of the content area |
+| `isRTL` | `boolean` | `false` | Whether to render in right-to-left mode |
+| `containerStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the container |
+| `contentContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the content container |
+| `titleStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the title text |
+| `subtitleStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the subtitle text |
+| `contentStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the content text |
+| `primaryButtonStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the primary button |
+| `primaryButtonTextStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the primary button text |
+| `secondaryButtonStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the secondary button |
+| `secondaryButtonTextStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the secondary button text |
+| `closeIconContainerStyle` | `StyleProp<ViewStyle>` | `undefined` | Additional styles for the close icon container |
+| `closeIconStyle` | `StyleProp<TextStyle>` | `undefined` | Additional styles for the close icon |
+| `illustrationStyle` | `StyleProp<ImageStyle>` | `undefined` | Additional styles for the illustration image |
+
+### Close Icon Variants
+
+- **Floating**: The close icon appears outside the popup's main border, creating a floating effect
+- **Nested**: The close icon appears inside the popup's border in the top-right (or top-left in RTL mode)
+
+### Related Components
+
+- `Modal`: The native React Native component used as the foundation
+- `ImageBackground`: Used when a background image is provided
+- `TouchableOpacity`: Used for the buttons and close icon
+- `Text`: Used for rendering text content

package/lib/commonjs/components/Popup/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Popup: true
+};
+Object.defineProperty(exports, "Popup", {
+  enumerable: true,
+  get: function () {
+    return _Popup.default;
+  }
+});
+var _Popup = _interopRequireWildcard(require("./Popup.js"));
+Object.keys(_Popup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Popup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Popup[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Popup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Popup","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Popup/index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,MAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,MAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAuB,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAL,GAAA,CAAAE,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAtB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAuB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAAnB,cAAA,CAAAC,IAAA,CAAAO,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAtB,MAAA,CAAAuB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAd,GAAA,IAAAc,CAAA,CAAAC,GAAA,IAAA1B,MAAA,CAAAS,cAAA,CAAAW,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/components/ProgressBar/ProgressBar.js

@@ -0,0 +1,125 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ThemeContext = require("../../theme/ThemeContext.js");
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ProgressBar = ({
+  progress = 0.5,
+  text = "",
+  containerStyle = {},
+  barContainerStyle = {},
+  progressStyle = {},
+  remainingStyle = {},
+  textStyle = {},
+  progressColor: progressColorProp,
+  remainingColor: remainingColorProp,
+  textColor: textColorProp,
+  height = 40,
+  width,
+  borderRadius = 5,
+  textPosition = "inside",
+  textAlign = "left",
+  showText = true,
+  isRTL = false
+}) => {
+  const {
+    theme,
+    isRTL: rtl
+  } = (0, _ThemeContext.useTheme)();
+  isRTL = rtl;
+  const progressColor = progressColorProp ?? theme.primary;
+  const remainingColor = remainingColorProp ?? theme.border;
+  const textColor = textColorProp ?? theme.onPrimary;
+  const clampedProgress = Math.min(Math.max(progress, 0), 1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, containerStyle, {
+      width
+    }],
+    children: [textPosition === "above" && showText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.textAbove, {
+        color: theme.text,
+        textAlign
+      },
+      // Use theme.text for outside text
+      textStyle],
+      children: text
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.barContainer, {
+        height,
+        borderRadius,
+        backgroundColor: remainingColor
+      }, barContainerStyle],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.progressBar, isRTL ? {
+          right: 0
+        } : {
+          left: 0
+        }, {
+          width: `${clampedProgress * 100}%`,
+          height: "100%",
+          borderRadius,
+          backgroundColor: progressColor
+        }, progressStyle]
+      }), textPosition === "inside" && showText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.textInside, {
+          color: textColor,
+          textAlign
+        },
+        // Use determined textColor for inside
+        textStyle],
+        children: text
+      })]
+    }), textPosition === "below" && showText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      numberOfLines: 1,
+      style: [styles.textBelow, {
+        color: theme.text,
+        textAlign
+      },
+      // Use theme.text for outside text
+      textStyle],
+      children: text
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: "100%",
+    justifyContent: "center"
+  },
+  barContainer: {
+    width: "100%",
+    overflow: "hidden",
+    position: "relative"
+  },
+  progressBar: {
+    position: "absolute",
+    top: 0
+  },
+  textInside: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    textAlign: "center",
+    textAlignVertical: "center",
+    paddingHorizontal: 10,
+    fontWeight: "bold"
+  },
+  textAbove: {
+    marginBottom: 5,
+    fontWeight: "bold"
+  },
+  textBelow: {
+    marginTop: 5,
+    fontWeight: "bold"
+  }
+});
+var _default = exports.default = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/lib/commonjs/components/ProgressBar/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ThemeContext","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","ProgressBar","progress","text","containerStyle","barContainerStyle","progressStyle","remainingStyle","textStyle","progressColor","progressColorProp","remainingColor","remainingColorProp","textColor","textColorProp","height","width","borderRadius","textPosition","textAlign","showText","isRTL","theme","rtl","useTheme","primary","border","onPrimary","clampedProgress","Math","min","max","jsxs","View","style","styles","container","children","jsx","Text","textAbove","color","barContainer","backgroundColor","progressBar","right","left","textInside","numberOfLines","textBelow","StyleSheet","create","justifyContent","overflow","position","top","bottom","textAlignVertical","paddingHorizontal","fontWeight","marginBottom","marginTop","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/ProgressBar/ProgressBar.tsx"],"mappings":"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","ignoreList":[]}