react-native-umui 1.3.25

package/lib/typescript/src/regions.d.ts

@@ -0,0 +1,244 @@
+export declare const codesMap: Readonly<{
+    US: "US";
+    AW: "AW";
+    AF: "AF";
+    AO: "AO";
+    AX: "AX";
+    AL: "AL";
+    AD: "AD";
+    AE: "AE";
+    AR: "AR";
+    AM: "AM";
+    AS: "AS";
+    AG: "AG";
+    AU: "AU";
+    AT: "AT";
+    AZ: "AZ";
+    BI: "BI";
+    BE: "BE";
+    BJ: "BJ";
+    BF: "BF";
+    BD: "BD";
+    BG: "BG";
+    BH: "BH";
+    BS: "BS";
+    BA: "BA";
+    BZ: "BZ";
+    BM: "BM";
+    BO: "BO";
+    BR: "BR";
+    BB: "BB";
+    BN: "BN";
+    BT: "BT";
+    BW: "BW";
+    CF: "CF";
+    CA: "CA";
+    CH: "CH";
+    CL: "CL";
+    CN: "CN";
+    CI: "CI";
+    CM: "CM";
+    CD: "CD";
+    CG: "CG";
+    CK: "CK";
+    CO: "CO";
+    KM: "KM";
+    CV: "CV";
+    CR: "CR";
+    CU: "CU";
+    KY: "KY";
+    CY: "CY";
+    CZ: "CZ";
+    DE: "DE";
+    DJ: "DJ";
+    DM: "DM";
+    DK: "DK";
+    DO: "DO";
+    DZ: "DZ";
+    EC: "EC";
+    EG: "EG";
+    ER: "ER";
+    ES: "ES";
+    EE: "EE";
+    ET: "ET";
+    FI: "FI";
+    FJ: "FJ";
+    FK: "FK";
+    FR: "FR";
+    FO: "FO";
+    FM: "FM";
+    GA: "GA";
+    GB: "GB";
+    GH: "GH";
+    GI: "GI";
+    GN: "GN";
+    GP: "GP";
+    GM: "GM";
+    GW: "GW";
+    GQ: "GQ";
+    GR: "GR";
+    GD: "GD";
+    GL: "GL";
+    GT: "GT";
+    GF: "GF";
+    GU: "GU";
+    GY: "GY";
+    HK: "HK";
+    HN: "HN";
+    HR: "HR";
+    HT: "HT";
+    HU: "HU";
+    ID: "ID";
+    IN: "IN";
+    IE: "IE";
+    IR: "IR";
+    IQ: "IQ";
+    IS: "IS";
+    IL: "IL";
+    IT: "IT";
+    JM: "JM";
+    JO: "JO";
+    JP: "JP";
+    KZ: "KZ";
+    KE: "KE";
+    KG: "KG";
+    KH: "KH";
+    KI: "KI";
+    KN: "KN";
+    KP: "KP";
+    KR: "KR";
+    KW: "KW";
+    LA: "LA";
+    LB: "LB";
+    LR: "LR";
+    LY: "LY";
+    LC: "LC";
+    LI: "LI";
+    LK: "LK";
+    LS: "LS";
+    LT: "LT";
+    LU: "LU";
+    LV: "LV";
+    MO: "MO";
+    MA: "MA";
+    MC: "MC";
+    MD: "MD";
+    MG: "MG";
+    MV: "MV";
+    MX: "MX";
+    MH: "MH";
+    MK: "MK";
+    ML: "ML";
+    MT: "MT";
+    MM: "MM";
+    ME: "ME";
+    MN: "MN";
+    MP: "MP";
+    MZ: "MZ";
+    MR: "MR";
+    MS: "MS";
+    MQ: "MQ";
+    MU: "MU";
+    MW: "MW";
+    MY: "MY";
+    YT: "YT";
+    NA: "NA";
+    NC: "NC";
+    NE: "NE";
+    NF: "NF";
+    NG: "NG";
+    NI: "NI";
+    NU: "NU";
+    NL: "NL";
+    NO: "NO";
+    NP: "NP";
+    NR: "NR";
+    NZ: "NZ";
+    OM: "OM";
+    PK: "PK";
+    PA: "PA";
+    PE: "PE";
+    PH: "PH";
+    PW: "PW";
+    PG: "PG";
+    PL: "PL";
+    PR: "PR";
+    PT: "PT";
+    PY: "PY";
+    PS: "PS";
+    PF: "PF";
+    QA: "QA";
+    RE: "RE";
+    RO: "RO";
+    RU: "RU";
+    RW: "RW";
+    SA: "SA";
+    SD: "SD";
+    SN: "SN";
+    SG: "SG";
+    SH: "SH";
+    SJ: "SJ";
+    SB: "SB";
+    SL: "SL";
+    SV: "SV";
+    SM: "SM";
+    SO: "SO";
+    SX: "SX";
+    RS: "RS";
+    ST: "ST";
+    SR: "SR";
+    SI: "SI";
+    SE: "SE";
+    SC: "SC";
+    SY: "SY";
+    TC: "TC";
+    TD: "TD";
+    TG: "TG";
+    TH: "TH";
+    TJ: "TJ";
+    TK: "TK";
+    TM: "TM";
+    TL: "TL";
+    TO: "TO";
+    TT: "TT";
+    TN: "TN";
+    TR: "TR";
+    TV: "TV";
+    TW: "TW";
+    TZ: "TZ";
+    UG: "UG";
+    UA: "UA";
+    UY: "UY";
+    UZ: "UZ";
+    VC: "VC";
+    VE: "VE";
+    VG: "VG";
+    VI: "VI";
+    VN: "VN";
+    VU: "VU";
+    WF: "WF";
+    WS: "WS";
+    YE: "YE";
+    ZA: "ZA";
+    ZM: "ZM";
+    ZW: "ZW";
+}>;
+export declare const codes: ("BB" | "RE" | "SR" | "NA" | "GN" | "VU" | "WS" | "FR" | "AD" | "AZ" | "MV" | "PF" | "LC" | "PA" | "TL" | "MK" | "DK" | "EG" | "EE" | "CZ" | "BS" | "UY" | "AX" | "KM" | "CK" | "CR" | "TG" | "ST" | "NL" | "HK" | "AU" | "MY" | "NP" | "CU" | "KP" | "GF" | "MD" | "ZM" | "DM" | "MH" | "TO" | "PE" | "CV" | "KI" | "FI" | "CI" | "MQ" | "PK" | "DJ" | "TC" | "FM" | "SI" | "KG" | "CH" | "KW" | "SC" | "GB" | "VI" | "FJ" | "YE" | "VG" | "CF" | "BE" | "AR" | "MG" | "ZA" | "LV" | "ZW" | "GA" | "RO" | "DE" | "BD" | "MS" | "JO" | "MT" | "MZ" | "IL" | "ER" | "ID" | "JP" | "ES" | "AF" | "AE" | "MW" | "TR" | "ME" | "LT" | "TM" | "ET" | "HU" | "AS" | "TD" | "GP" | "NG" | "SM" | "UA" | "HT" | "BW" | "PT" | "GY" | "IE" | "NC" | "MU" | "GI" | "KN" | "IS" | "SJ" | "CL" | "KZ" | "CN" | "MO" | "AM" | "BO" | "VN" | "WF" | "BI" | "CA" | "CO" | "LS" | "BM" | "GT" | "UZ" | "KY" | "SN" | "GM" | "LI" | "TV" | "GQ" | "BT" | "AW" | "PY" | "GD" | "PG" | "JM" | "CG" | "PL" | "RU" | "MR" | "BF" | "CD" | "BJ" | "UG" | "MN" | "LA" | "DZ" | "BN" | "KE" | "LK" | "DO" | "AT" | "LU" | "NO" | "TH" | "IN" | "MA" | "GL" | "NI" | "QA" | "TW" | "BR" | "NZ" | "SG" | "SY" | "BZ" | "FK" | "VE" | "BH" | "MP" | "CM" | "CY" | "US" | "AO" | "TN" | "MC" | "RW" | "TT" | "MX" | "YT" | "AG" | "TK" | "KR" | "NE" | "AL" | "SO" | "LR" | "MM" | "TZ" | "IQ" | "VC" | "LY" | "SL" | "SX" | "RS" | "GH" | "SE" | "GR" | "FO" | "PH" | "GW" | "SA" | "PW" | "BG" | "NR" | "KH" | "PS" | "IT" | "ML" | "IR" | "NU" | "TJ" | "SH" | "NF" | "OM" | "SV" | "LB" | "EC" | "GU" | "HR" | "SB" | "HN" | "PR" | "BA" | "SD")[];
+export declare const MCOLORS: Readonly<{
+    primary: "#3b82f6";
+    success: "#22c55e";
+    warning: "#f97316";
+    secondary: "#14b8a6";
+    danger: "#ca251a";
+    light: "white";
+    smokelight: "#f7f7f7";
+    navy: "#3e4b67";
+    orange: "#ff4e02";
+    darksky: "#004d6c";
+    cyan: "#4bb790";
+    gray: "gray";
+    lightgray: "#dadce0";
+    green: "#85d89a";
+    lightgreen: "#85d89a";
+}>;
+//# sourceMappingURL=regions.d.ts.map

package/lib/typescript/src/regions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"regions.d.ts","sourceRoot":"","sources":["../../../src/regions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgOnB,CAAC;AACH,eAAO,MAAM,KAAK,4hDAA0B,CAAC;AAC7C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;EAAsT,CAAC"}

package/lib/typescript/src/shadows.d.ts

@@ -0,0 +1,214 @@
+export declare const MSHADOWS: {
+    _1: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _2: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _3: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _4: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _5: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _6: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _7: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _8: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _9: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _10: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _11: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _12: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _13: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _14: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _15: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _16: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _17: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _18: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _19: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _20: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+    _21: {
+        shadowColor: string;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+export declare const mshadow: (index: number, color: string, shadowOpacity?: number, shadowRadius?: number) => any;
+//# sourceMappingURL=shadows.d.ts.map

package/lib/typescript/src/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../src/shadows.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBpB,CAAC;AACF,eAAO,MAAM,OAAO,UAAW,MAAM,SAAS,MAAM,kBAAkB,MAAM,iBAAiB,MAAM,QAA0M,CAAC"}

package/package.json

@@ -0,0 +1,160 @@
+{
+  "name": "react-native-umui",
+  "version": "1.3.25",
+  "description": "test",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index.tsx",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!lib/typescript/example",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/.*"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "prepack": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn example && yarn install"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ademirtemur/react-native-umui.git"
+  },
+  "author": "ademdemir <adem@cloudnesil.com> (https://github.com/ademirtemur)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ademirtemur/jsts/issues"
+  },
+  "homepage": "https://github.com/ademirtemur/react-native-umui#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.2.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.70.0",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "18.2.0",
+    "react-native": "0.72.3",
+    "react-native-builder-bob": "^0.20.4",
+    "release-it": "^15.0.0",
+    "typescript": "^4.5.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "engines": {
+    "node": ">= 16.0.0"
+  },
+  "packageManager": "^yarn@1.22.15",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintConfig": {
+    "root": true,
+    "extends": [
+      "@react-native-community",
+      "prettier"
+    ],
+    "rules": {
+      "prettier/prettier": [
+        "error",
+        {
+          "quoteProps": "consistent",
+          "singleQuote": true,
+          "tabWidth": 2,
+          "trailingComma": "es5",
+          "useTabs": false
+        }
+      ]
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      "typescript"
+    ]
+  },
+  "directories": {
+    "example": "example"
+  }
+}

package/src/Badge.tsx

@@ -0,0 +1,6 @@
+import React, { ReactNode } from "react"; import { StyleProp, TextStyle } from "react-native"; import { MText } from "./Text";
+const nmcolors = { "success": "#3b82f6", "warning": "#ffffff", "danger": "#ffffff", "info": "#ffffff", "light": "gray", "dark": "white" };
+const bgs = { "success": "#22c55e", "warning": "#f97316", "danger": "#ef4444", "info": "#14b8a6", "light": "black", "dark": "white" };
+const otls = { "success": "#22c55e", "warning": "#f97316", "danger": "#ef4444", "info": "#14b8a6", "light": "#dadce0", "dark": "white" };
+interface MBadgeProps { testID?: string; nativeID?: string; type: "success" | "warning" | "danger" | "info" | "light" | "dark"; align?: "auto" | "left" | "right" | "center" | "justify"; size?: "sm" | "md" | "nm"; outline?: boolean; style?: StyleProp<TextStyle>; label?: string; children?: ReactNode; };
+export function MBadge({ size = "md", align = "center", ...props }: MBadgeProps) { return (<MText testID={props.testID} nativeID={props.nativeID} style={[{ fontSize: size === "sm" ? 12.5 : (size === "nm" ? 19 : 16), textAlign: align, paddingHorizontal: 4, paddingVertical: 3, borderWidth: 1, borderColor: otls[props.type], backgroundColor: props.outline ? "white" : bgs[props.type], color: props.outline ? bgs[props.type] : nmcolors[props.type], }, props.style]}>{props.children || props.label}</MText>); };

package/src/Button.tsx

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";import { ActivityIndicator, StyleProp, TouchableOpacity, ViewStyle } from "react-native";import { MText } from "./Text";
+const colorsBg = {"primary": "#3b82f6","success": "#22c55e","warning": "#f97316","secondary": "#14b8a6","danger": "#ca251a","light": "white","smokelight": "#f7f7f7","navy": "#3e4b67","orange": "#ff4e02","darksky": "#004d6c"};
+const colorsBr = {"primary": "#3b82f6","success": "#22c55e","warning": "#f97316","secondary": "#14b8a6","danger": "#ca251a","light": "#dadce0", "smokelight": "white","navy": "#3e4b67","orange": "#ff4e02","darksky": "#004d6c"};
+const colorTxt = {"primary": "white","success": "white","warning": "white","secondary": "white","danger": "white","light": "black","smokelight": "black","navy": "white","orange": "white","darksky": "white"};
+const colorTxtOutline = { "primary": "#3b82f6", "success": "#22c55e", "warning": "#f97316", "secondary": "#14b8a6", "danger": "#ca251a", "light": "black", "smokelight": "black", "navy": "#3e4b67", "orange": "#ff4e02", "darksky": "#004d6c"};
+interface MButtonProps { testID?: string; size?: "xs" | "sm" | "md" | "nm"; noSizeLimit?: boolean; style?: StyleProp<ViewStyle>; label?: string; textAlign?: "center" | "left" | "right"; disabled?: boolean; outline?: boolean; noborder?: boolean; loading?: boolean; btnType: "primary" | "success" | "warning" | "secondary" | "danger" | "light" | "navy" | "smokelight" | "orange" | "darksky"; fontWeight?: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | undefined; onPress?: () => void; children?: ReactNode;};
+export function MButton({ testID, size = "md", noSizeLimit = false, style, label, textAlign = "center", fontWeight = "normal", disabled, outline, noborder, loading, btnType, onPress, children}: MButtonProps) { return ( <TouchableOpacity testID={testID} style={[ disabled || loading ? { opacity: 0.55 } : {}, { flex: 1, height: noSizeLimit ? null : size === "nm" ? 49 : size === "md" ? 45 : size === "xs" ? 27 : 33, minHeight: noSizeLimit ? null : size === "nm" ? 49 : size === "md" ? 45 : size === "xs" ? 27 : 33, maxHeight: noSizeLimit ? null : size === "nm" ? 49 : size === "md" ? 45 : size === "xs" ? 27 : 33, backgroundColor: "purple", display: "flex", flexDirection: "row", justifyContent: "center", alignItems: "center", borderRadius: 2 }, { backgroundColor: outline && btnType !== "smokelight" ? "white" : colorsBg[btnType] }, outline ? { borderWidth: 1, borderColor: colorsBr[btnType] } : {}, style, noborder ? { borderWidth: 0 } : {} ]} activeOpacity={0.85} disabled={disabled || loading}onPress={onPress}> {loading ? ( <ActivityIndicator size={21} color="purple" style={{ flex: 1, marginLeft: 9, marginRight: 9 }} /> ) : ( label ? ( <MText style={{ flex: 1, textAlign: textAlign, color: outline ? colorTxtOutline[btnType] : colorTxt[btnType], fontSize: size === "nm" ? 19 : size === "md" ? 17 : size === "xs" ? 11 : 14, paddingHorizontal: 11, fontWeight: fontWeight }}>{label} </MText> ) : ( children))} </TouchableOpacity>);}

package/src/Checkbox.tsx

@@ -0,0 +1,3 @@
+import React, { TextStyle, TouchableHighlight, TouchableHighlightProps, View } from "react-native"; import { MText } from "./Text";
+interface MCheckboxProps extends TouchableHighlightProps { name?: string; value: string | number | boolean; checked?: boolean; size?: number; color: string; label: string; labelStyle?: TextStyle; onChange?: (values: string | number | boolean, checked: boolean, name?: string) => void; };
+export function MCheckbox({ name = "", value, checked, color, label, size = 26, labelStyle, style, onChange, ...props }: MCheckboxProps) { return (<TouchableHighlight activeOpacity={0.85}{...props} onPress={() => { if (onChange) { onChange(checked ? "" : value, !checked, name); } }} underlayColor="transparent" style={[{ flex: 1, maxHeight: size }, style]}><View style={{ flexDirection: "row", alignItems: "center" }}><View style={{ padding: 4, width: size, minHeight: size, height: size, borderWidth: 1, borderColor: color, backgroundColor: "white", display: "flex", justifyContent: "center", alignItems: "center" }}><View style={{ width: size - 8, minHeight: size - 8, height: size - 8, backgroundColor: checked ? color : "white" }} /></View><MText style={[{ fontSize: 16, paddingLeft: 11 }, labelStyle]}>{label}</MText></View></TouchableHighlight>) }

package/src/Divider.tsx

@@ -0,0 +1,3 @@
+import React, { ReactNode } from "react"; import { View } from "react-native"; import { MText } from "./Text";
+interface MDividerProps { testID?: string; label: string; description?: string; children?: ReactNode; };
+export function MDivider(props: MDividerProps) { return (<View testID={props.testID} style={{ padding: 3, paddingVertical: 15, borderBottomWidth: 1, borderBottomColor: "#dadce0" }}><MText style={{ color: "grey", fontSize: 15 }}>{props.label}</MText><View style={{ marginTop: 5 }}>{props.description ? <MText style={{ width: "100%", color: "black", fontSize: 15, fontWeight: "500" }}>{props.description}</MText> : (props.children || <MText style={{ width: "100%", color: "black", fontSize: 15, fontWeight: "500" }}>-</MText>)}</View></View>) }

package/src/EasyIn.tsx

@@ -0,0 +1,4 @@
+import React, { FC, useEffect } from "react"; import { Animated, StyleProp, Text, TextStyle, ViewProps } from "react-native";
+type MEasyInProps = ViewProps & { direction?: "vr" | "hr"; from?: number; to?: number; duration?: number; children?: React.ReactNode; }; export const MEasyIn: FC<MEasyInProps> = ({ style, direction = "hr", from = 85, to = 0, duration = 500, children, ...props }) => { const popAnim = React.useRef(new Animated.Value(from)).current; useEffect(() => { Animated.timing(popAnim, { toValue: to, duration: duration, useNativeDriver: true, }).start(); }, []); return (<Animated.View {...props} style={[style, { transform: [direction === "hr" ? { translateX: popAnim } : { translateY: popAnim }] }]}>{children}</Animated.View>) }
+type MOpacityProps = ViewProps & { from?: number; to?: number; duration?: number; children?: React.ReactNode }; export function MOpacity({ style, from = 0, to = 1, duration = 500, children, ...props }: MOpacityProps) { const popAnim = React.useRef(new Animated.Value(from)).current; useEffect(() => { Animated.timing(popAnim, { toValue: to, duration: duration, useNativeDriver: true, }).start(); }, []); return (<Animated.View {...props} style={[style, { opacity: popAnim }]}>{children}</Animated.View>) }
+interface MEmptyProps { size?: number; style?: StyleProp<TextStyle>; }; export function MEmpty({ size = 35, style }: MEmptyProps) { return (<Text style={[{ fontSize: size, textAlign: "center", letterSpacing: 0.63 }, style]}>📥</Text>) }

package/src/FlatList.tsx

@@ -0,0 +1,2 @@
+import React from "react"; import { FlatList, FlatListProps } from "react-native";
+interface MFlatListProps<T> extends FlatListProps<T> { }; export function MFlatList({ contentContainerStyle, ...props }: MFlatListProps<any>) { return (<FlatList initialNumToRender={5} scrollEnabled={true}{...props} contentContainerStyle={[{ flexGrow: 1, paddingBottom: 115 }, contentContainerStyle]} />) }

package/src/FlatPanel.tsx

@@ -0,0 +1,2 @@
+import React, { ReactNode } from "react"; import { Dimensions, StyleProp, View, ViewStyle } from "react-native";
+interface IFlatPanelProps { position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "left-center" | "right-center" | "top- center" | "bottom-center"; style?: StyleProp<ViewStyle>; children?: ReactNode; }; const positionconstains = { "top-left": { top: 9, left: 9 }, "top-right": { top: 9, right: 9 }, "top-center": { top: 0, left: 9, right: 9, display: "flex", flexDirection: "row", justifyContent: "center" }, "bottom-left": { bottom: 9, left: 9 }, "bottom-right": { bottom: 9, right: 9 }, "bottom-center": { bottom: 0, left: 9, right: 9, display: "flex", flexDirection: "row", justifyContent: "center" }, "left-center": { top: Dimensions.get("window").height / 2.0, left: 9 }, "right-center": { top: Dimensions.get("window").height / 2.0, right: 9 }, }; export function MFlatPanel(props: IFlatPanelProps) { return (<View style={[{ position: "absolute", zIndex: 99, backgroundColor: "transparent", alignItems: props.position.includes("right") ? "flex-end" : "flex-start", }, positionconstains[props.position] || positionconstains["top-center"], props.style]}>{props.children}</View>) }