ota-components-module 1.3.1 → 1.3.2

package/lib/models/PropertyImage.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertyImage = void 0;
+var PropertyImage = /** @class */ (function () {
+    function PropertyImage(data) {
+        this.propertyId = 0;
+        this.propertyImagesId = null;
+        this.imageBlobUrl = "";
+        this.imageType = "";
+        this.imageName = "";
+        this.isDefault = false;
+        this.propertyId = (data === null || data === void 0 ? void 0 : data.propertyId) || 0;
+        this.propertyImagesId = (data === null || data === void 0 ? void 0 : data.propertyImagesId) || null;
+        this.imageBlobUrl = (data === null || data === void 0 ? void 0 : data.imageBlobUrl) || "";
+        this.imageType = (data === null || data === void 0 ? void 0 : data.imageType) || "";
+        this.imageName = (data === null || data === void 0 ? void 0 : data.imageName) || "";
+        this.isDefault = (data === null || data === void 0 ? void 0 : data.isDefault) || false;
+        this.id = (data === null || data === void 0 ? void 0 : data.id) || "";
+    }
+    return PropertyImage;
+}());
+exports.PropertyImage = PropertyImage;

package/lib/typography/Label.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TextStyle, StyleProp } from 'react-native';
+export type FontWeight = 'thin' | 'light' | 'normal' | 'bold' | 'extra-bold' | 'semi-light' | 'semi-regular' | 'semi-bold';
+export type FontStyle = 'normal' | 'italic';
+export type TextAlign = 'auto' | 'left' | 'right' | 'center' | 'justify';
+type TextColorType = 'primary' | 'secondary';
+export type LabelType = 'link' | 'label';
+export type FontSize = 'tiny' | 'small' | 'normal' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge' | 'xxxxxxlarge' | 'header';
+export type LabelVariant = 'heading1' | 'heading2' | 'heading3' | 'title' | 'subtitle' | 'body' | 'bodyBold' | 'caption' | 'captionBold' | 'label' | 'value' | 'email' | 'address';
+interface LabelProps {
+    testID?: string;
+    labelType?: LabelType;
+    text: string;
+    variant?: LabelVariant;
+    size?: FontSize;
+    weight?: FontWeight;
+    style?: FontStyle;
+    color?: string;
+    align?: TextAlign;
+    numberOfLines?: number;
+    customStyle?: StyleProp<TextStyle>;
+    onPress?: () => void;
+    textColorType?: TextColorType;
+}
+declare const Label: React.FC<LabelProps>;
+export default Label;

package/lib/typography/Label.js

@@ -0,0 +1,147 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var BaseStyle_1 = require("../utils/BaseStyle");
+var Utils_1 = require("../utils/Utils");
+var Label = function (_a) {
+    var testID = _a.testID, _b = _a.labelType, labelType = _b === void 0 ? 'label' : _b, text = _a.text, _c = _a.variant, variant = _c === void 0 ? 'body' : _c, size = _a.size, weight = _a.weight, fontStyle = _a.style, color = _a.color, align = _a.align, numberOfLines = _a.numberOfLines, customStyle = _a.customStyle, onPress = _a.onPress, _d = _a.textColorType, textColorType = _d === void 0 ? 'primary' : _d;
+    // Get base style from variant
+    var variantStyle = styles[variant] || styles.body;
+    var width = (0, react_native_1.useWindowDimensions)().width;
+    var isBigScreen = width >= Utils_1.MAX_RESOLUTION_MOBILE;
+    // Override with specific props if provided
+    var textStyle = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, variantStyle), (size && { fontSize: getFontSize(size, isBigScreen) })), (weight && { fontFamily: getFontFamily(weight) })), (weight && { fontWeight: getFontWeight(weight) })), (fontStyle && { fontStyle: fontStyle })), (textColorType === 'primary' ? { color: BaseStyle_1.Colors.primaryTextColor } : { color: BaseStyle_1.Colors.secondaryTextColor })), (color && { color: color })), (align && { textAlign: align }));
+    return (<react_native_1.Text testID={testID} style={[textStyle, customStyle, labelType === 'link' && styles.link]} numberOfLines={numberOfLines} onPress={onPress}>
+      {text}
+    </react_native_1.Text>);
+};
+// Helper function to get font size from size prop
+var getFontSize = function (size, isBigScreen) {
+    var fontSizes = {
+        tiny: isBigScreen ? 14 : 12,
+        small: isBigScreen ? 16 : 14,
+        normal: isBigScreen ? 18 : 16,
+        large: isBigScreen ? 20 : 18,
+        xlarge: isBigScreen ? 22 : 20,
+        xxlarge: isBigScreen ? 24 : 22,
+        xxxlarge: isBigScreen ? 26 : 24,
+        xxxxlarge: isBigScreen ? 28 : 26,
+        xxxxxlarge: isBigScreen ? 30 : 28,
+        xxxxxxlarge: isBigScreen ? 32 : 30,
+        header: isBigScreen ? 34 : 32
+    };
+    return fontSizes[size];
+};
+// Helper function to map weight to fontWeight value
+var getFontWeight = function (weight) {
+    var weightMap = {
+        'thin': '200',
+        'light': '300',
+        'semi-light': '400',
+        'semi-regular': '500',
+        'normal': 'normal',
+        'semi-bold': '600',
+        'bold': 'bold',
+        'extra-bold': '800',
+    };
+    return weightMap[weight];
+};
+// Helper function to map weight to fontWeight value
+var getFontFamily = function (weight) {
+    var weightMap = {
+        'thin': 'OpenSans-Light',
+        'light': 'OpenSans-Light',
+        'semi-light': 'OpenSans-Light',
+        'semi-regular': 'OpenSans-Regular',
+        'normal': 'OpenSans-Regular',
+        'semi-bold': 'OpenSans-SemiBold',
+        'bold': 'OpenSans-Bold',
+        'extra-bold': 'OpenSans-Bold',
+    };
+    return weightMap[weight];
+};
+// Define styles for each variant
+var styles = react_native_1.StyleSheet.create({
+    heading1: {
+        fontSize: 20, // xlarge
+        fontWeight: getFontWeight('extra-bold'),
+        color: '#1A1A1A',
+    },
+    heading2: {
+        fontSize: 18, // large
+        fontWeight: getFontWeight('bold'),
+        color: '#1A1A1A',
+    },
+    heading3: {
+        fontSize: 16, // normal
+        fontWeight: getFontWeight('bold'),
+        color: '#1A1A1A',
+    },
+    title: {
+        fontSize: 18, // large
+        fontWeight: getFontWeight('bold'),
+        color: '#1A1A1A',
+    },
+    subtitle: {
+        fontSize: 16, // normal
+        fontWeight: getFontWeight('bold'),
+        color: '#1A1A1A',
+    },
+    body: {
+        fontSize: 16, // normal
+        fontWeight: getFontWeight('normal'),
+        color: '#333333',
+    },
+    bodyBold: {
+        fontSize: 16, // normal
+        fontWeight: getFontWeight('bold'),
+        color: '#333333',
+    },
+    caption: {
+        fontSize: 14, // small
+        fontWeight: getFontWeight('normal'),
+        color: '#666666',
+    },
+    captionBold: {
+        fontSize: 14, // small
+        fontWeight: getFontWeight('bold'),
+        color: '#666666',
+    },
+    label: {
+        fontSize: 16, // normal
+        fontWeight: getFontWeight('light'),
+        color: '#666666',
+    },
+    value: {
+        fontSize: 18, // large
+        fontWeight: getFontWeight('bold'),
+        color: '#1A1A1A',
+    },
+    email: {
+        fontSize: 14, // small
+        fontWeight: getFontWeight('normal'),
+        color: '#666666',
+    },
+    address: {
+        fontSize: 14, // small
+        fontWeight: getFontWeight('normal'),
+        color: '#666666',
+    },
+    link: {
+        color: '#1e90ff',
+        textDecorationLine: 'underline',
+    },
+});
+exports.default = Label;

package/lib/utils/BaseStyle.d.ts

@@ -0,0 +1,31 @@
+export declare const Colors: {
+    primaryColor: string;
+    lightThemePrimaryColor: string;
+    darkThemePrimaryColor: string;
+    primaryTextColor: string;
+    secondaryTextColor: string;
+    textBlack: string;
+    textWhite: string;
+    backgroundColor: string;
+    lightGrayColor: string;
+    mediumGrayColor: string;
+    darkGrayColor: string;
+    successColor: string;
+    warningColor: string;
+    errorColor: string;
+    infoColor: string;
+    borderColor: string;
+    shadowColor: string;
+    disabledColor: string;
+    bottomDeviderColor: string;
+    buttonPrimaryColor: string;
+    buttonSecondaryColor: string;
+    inputBorderColor: string;
+    inputFocusBorderColor: string;
+    transparentBlack: string;
+    transparentWhite: string;
+    whiteColor: string;
+    blackColor: string;
+    placeholderColor: string;
+    textMidnightColor: string;
+};

package/lib/utils/BaseStyle.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Colors = void 0;
+exports.Colors = {
+    // Primary colors
+    primaryColor: '#007AC6',
+    lightThemePrimaryColor: '#007AC6',
+    darkThemePrimaryColor: '#007AC6',
+    // Text colors
+    primaryTextColor: '#162029',
+    secondaryTextColor: '#607184',
+    textBlack: '#000000',
+    textWhite: '#FFFFFF',
+    // Background colors
+    backgroundColor: '#FFFFFF',
+    lightGrayColor: '#F5F5F5',
+    mediumGrayColor: '#E0E0E0',
+    darkGrayColor: '#9E9E9E',
+    // Status colors
+    successColor: '#4CAF50',
+    warningColor: '#FFC107',
+    errorColor: '#F44336',
+    infoColor: '#2196F3',
+    // Other UI colors
+    borderColor: '#E0E0E0',
+    shadowColor: '#000000',
+    disabledColor: '#BDBDBD',
+    bottomDeviderColor: '#ddd',
+    // Specific UI elements
+    buttonPrimaryColor: '#007AC6',
+    buttonSecondaryColor: '#FFFFFF',
+    inputBorderColor: '#E0E0E0',
+    inputFocusBorderColor: '#007AC6',
+    // Transparency colors
+    transparentBlack: 'rgba(0, 0, 0, 0.5)',
+    transparentWhite: 'rgba(255, 255, 255, 0.5)',
+    // Standard colors
+    whiteColor: '#FFFFFF',
+    blackColor: '#000000',
+    placeholderColor: '#607184',
+    textMidnightColor: '#162029',
+};

package/lib/utils/Strings.d.ts

@@ -0,0 +1 @@
+export declare const delete_image_confirmation_msg = "Are you sure you wish to delete this image?";

package/lib/utils/Strings.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.delete_image_confirmation_msg = void 0;
+exports.delete_image_confirmation_msg = "Are you sure you wish to delete this image?";

package/lib/utils/TextConstants.d.ts

@@ -0,0 +1,23 @@
+export declare enum TextSize {
+    TINY = "tiny",// 12
+    SMALL = "small",// 14
+    NORMAL = "normal",// 16
+    LARGE = "large",// 18
+    XLARGE = "xlarge",// 20
+    XXLARGE = "xxlarge",// 22
+    XXXLARGE = "xxxlarge",// 24
+    XXXXLARGE = "xxxxlarge",// 26
+    XXXXXLARGE = "xxxxxlarge",// 28
+    XXXXXXLARGE = "xxxxxxlarge",// 30
+    HEADER = "header"
+}
+export declare enum TextWeight {
+    THIN = "thin",
+    LIGHT = "light",
+    NORMAL = "normal",
+    SEMI_LIGHT = "semi-light",
+    SEMI_REGULAR = "semi-regular",
+    SEMI_BOLD = "semi-bold",
+    BOLD = "bold",
+    EXTRA_BOLD = "extra-bold"
+}

package/lib/utils/TextConstants.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextWeight = exports.TextSize = void 0;
+var TextSize;
+(function (TextSize) {
+    TextSize["TINY"] = "tiny";
+    TextSize["SMALL"] = "small";
+    TextSize["NORMAL"] = "normal";
+    TextSize["LARGE"] = "large";
+    TextSize["XLARGE"] = "xlarge";
+    TextSize["XXLARGE"] = "xxlarge";
+    TextSize["XXXLARGE"] = "xxxlarge";
+    TextSize["XXXXLARGE"] = "xxxxlarge";
+    TextSize["XXXXXLARGE"] = "xxxxxlarge";
+    TextSize["XXXXXXLARGE"] = "xxxxxxlarge";
+    TextSize["HEADER"] = "header";
+})(TextSize || (exports.TextSize = TextSize = {}));
+var TextWeight;
+(function (TextWeight) {
+    TextWeight["THIN"] = "thin";
+    TextWeight["LIGHT"] = "light";
+    TextWeight["NORMAL"] = "normal";
+    TextWeight["SEMI_LIGHT"] = "semi-light";
+    TextWeight["SEMI_REGULAR"] = "semi-regular";
+    TextWeight["SEMI_BOLD"] = "semi-bold";
+    TextWeight["BOLD"] = "bold";
+    TextWeight["EXTRA_BOLD"] = "extra-bold";
+})(TextWeight || (exports.TextWeight = TextWeight = {}));

package/lib/utils/Utils.d.ts

@@ -0,0 +1,5 @@
+export declare const isIOS: boolean;
+export declare const isAndroid15AndAbove: boolean;
+export declare const MAX_RESOLUTION_WEB = 1100;
+export declare const MAX_RESOLUTION_MOBILE = 768;
+export declare const isWebDevice: (width: number) => boolean;

package/lib/utils/Utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isWebDevice = exports.MAX_RESOLUTION_MOBILE = exports.MAX_RESOLUTION_WEB = exports.isAndroid15AndAbove = exports.isIOS = void 0;
+var react_native_1 = require("react-native");
+exports.isIOS = react_native_1.Platform.OS === 'ios';
+exports.isAndroid15AndAbove = react_native_1.Platform.OS === 'android' && parseInt(react_native_1.Platform.Version.toString(), 10) >= 35;
+exports.MAX_RESOLUTION_WEB = 1100;
+exports.MAX_RESOLUTION_MOBILE = 768;
+var isWebDevice = function (width) {
+    return width >= exports.MAX_RESOLUTION_WEB ? true : false;
+};
+exports.isWebDevice = isWebDevice;

package/lib/webbaseview/WebBaseView.d.ts

@@ -0,0 +1,8 @@
+import { ViewStyle } from 'react-native';
+import React from 'react';
+interface WebBaseViewProps {
+    children?: React.ReactNode;
+    viewStyle?: ViewStyle;
+}
+declare const WebBaseView: ({ children, viewStyle }: WebBaseViewProps) => any;
+export default WebBaseView;

package/lib/webbaseview/WebBaseView.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_native_1 = require("react-native");
+var react_1 = require("react");
+var Utils_1 = require("../utils/Utils");
+var WebBaseView = function (_a) {
+    var children = _a.children, viewStyle = _a.viewStyle;
+    var width = (0, react_native_1.useWindowDimensions)().width;
+    var style = styles(width);
+    return (<react_native_1.View style={[style.container, viewStyle]}>
+      {children}
+    </react_native_1.View>);
+};
+var styles = function (width) { return react_native_1.StyleSheet.create({
+    container: __assign({}, ((0, Utils_1.isWebDevice)(width) ? { width: width * 0.8, marginHorizontal: 'auto' } : { width: width }))
+}); };
+exports.default = WebBaseView;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ota-components-module",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Reusable UI components for OTA applications",
   "main": "src/index.ts",
   "scripts": {
@@ -10,19 +10,19 @@
   "license": "ISC",
   "peerDependencies": {
     "@expo/vector-icons": "*",
-    "@types/react": "*",
-    "expo-checkbox": "*",
-    "expo-image": "*",
-    "react": "*",
-    "react-native": "*"
+    "@types/react": "*"
   },
   "dependencies": {
+    "expo-checkbox": "^5.0.7",
+    "expo-image": "^3.0.10",
     "react-native-element-dropdown": "^2.12.4",
     "react-native-safe-area-context": "^5.6.2"
   },
   "devDependencies": {
     "@types/node": "^24.0.8",
     "mri-cli-app-dev": "^1.0.5",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.2",
+    "react": ">=16.8.0",
+    "react-native": ">=0.60.0"
   }
 }