react-native-umui 1.3.65 → 1.3.91

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAW,MAAM,OAAO,CAAA;AACpD,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AACzD,UAAU,SAAS;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AACD,wBAAgB,IAAI,CAAC,EAAG,EAAE,SAAS,qBAAoB;AACvD,UAAU,WAAW;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC;IACnG,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;CACtE;AACgJ,wBAAgB,KAAK,CAAC,KAAK,EAAE,WAAW,qBAA2d"}
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAAC,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAAC,UAAU,SAAS;IAAG,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAAE;AAAE,wBAAgB,IAAI,CAAC,EAAG,EAAE,SAAS,qBAAiD;AAAC,UAAU,WAAW;IAAG,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC;IAAC,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;CAAE;AAAmJ,wBAAgB,KAAK,CAAC,KAAK,EAAE,WAAW,qBAA0d"}

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

@@ -1,6 +1,5 @@
 import React, { ReactNode } from "react";
-import { TextStyle, ViewStyle } from "react-native";
-import { StyleProp } from "react-native";
+import { TextStyle, ViewStyle, StyleProp } from "react-native";
 interface InputFieldProps {
     testID?: string;
     label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../src/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,UAAU,eAAe;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,qBAA4V;AAC9Y,KAAK,mBAAmB,GAAG,eAAe,GAAG;IAAE,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AACzF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAAimB"}
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../src/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAAC,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAAiC,UAAU,eAAe;IAAG,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAAE;AAAE,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,qBAAuV;AAAE,KAAK,mBAAmB,GAAG,eAAe,GAAG;IAAE,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAAC,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAA+lB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AACzD,UAAU,OAAO;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AACD,wBAAgB,KAAK,CAAC,EAAE,SAAe,EAAE,MAAU,EAAE,KAAK,EAAE,EAAE,OAAO,qBAAwN"}
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/Line.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AAEzD,UAAU,OAAO;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAA;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC/B;AAED,wBAAgB,KAAK,CAAC,EAAE,SAAe,EAAE,MAAU,EAAE,KAAK,EAAE,EAAE,OAAO,qBAMpE"}

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

@@ -1 +1 @@
-{"version":3,"file":"Load.d.ts","sourceRoot":"","sources":["../../../src/Load.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA4C,MAAM,OAAO,CAAA;AAEvF,UAAU,UAAW,SAAQ,cAAc,CAAC,GAAG,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AACwL,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,IAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAAw2B"}
+{"version":3,"file":"Load.d.ts","sourceRoot":"","sources":["../../../src/Load.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAA4C,MAAM,OAAO,CAAC;AAWxF,UAAU,UAAW,SAAQ,cAAc,CAAC,GAAG,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,IAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBA+CjG"}

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

@@ -1 +1 @@
-{"version":3,"file":"Numeral.d.ts","sourceRoot":"","sources":["../../../src/Numeral.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AACD;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,WAAW;IACxB;;;MAGE;IACF,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC;;;MAGE;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,KAAK,MAAM,CAAA;IAC3I;;;MAGE;IACF,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9G;;;MAGE;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5E;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;IAC/D;;;OAGG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CACjE;AACD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AACD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAmDD,eAAO,MAAM,OAAO,EAAE,WAkClB,CAAC;AAAC,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,qBAAyG;AAAC,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAAuG"}
+{"version":3,"file":"Numeral.d.ts","sourceRoot":"","sources":["../../../src/Numeral.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AACD;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,WAAW;IACxB;;;MAGE;IACF,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;;MAGE;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC;IAE5I;;;MAGE;IACF,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAE/G;;;MAGE;IACF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAE7E;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAEhE;;;OAGG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAClE;AACD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AACD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAyGD,eAAO,MAAM,OAAO,EAAE,WAqDlB,CAAC;AACL,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,qBAErD;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAElD"}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { ViewProps } from "react-native";
-interface MPanelRkProps extends ViewProps {
+import { TouchableOpacityProps } from "react-native";
+interface MPanelRkProps extends TouchableOpacityProps {
     children?: React.ReactNode;
 }
 export declare function MPanelRK({ style, children, ...props }: MPanelRkProps): React.JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"PanelRK.d.ts","sourceRoot":"","sources":["../../../src/PanelRK.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,UAAU,aAAc,SAAQ,SAAS;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AACD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAA+Q"}
+{"version":3,"file":"PanelRK.d.ts","sourceRoot":"","sources":["../../../src/PanelRK.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAAC,OAAO,EAAoB,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAAC,UAAU,aAAc,SAAQ,qBAAqB;IAAG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAAE;AAAE,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAA0S"}

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

@@ -42,12 +42,13 @@ interface MPhoneInputProps {
     noPlusPrefix?: boolean;
     regions?: Array<keyof typeof codesMap>;
     phoneType?: PhoneType;
+    keyboardType?: 'default' | 'number-pad' | 'decimal-pad' | 'numeric' | 'email-address' | 'phone-pad' | 'url';
     code: string;
     value: any;
     onChangeCountry: (regions: string[], active?: string) => void;
     onChange: (value: string) => void;
     onBlur: () => void;
 }
-export declare function MPhoneInput(props: MPhoneInputProps): React.JSX.Element;
+export declare function MPhoneInput({ keyboardType, ...props }: MPhoneInputProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Phone.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../src/Phone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAA4B,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,oBAAY,SAAS;IACjB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CAChB;AACD,MAAM,WAAW,QAAQ;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB;AACD,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,MAAM,MAAM,EAAE,CAAA;IACxB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IAC9B;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAA;IAC5C;;;;OAIG;IACH,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAA;IACvE;;;;OAIG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,KAAK,MAAM,CAAA;CAC3D;AA+ID,eAAO,MAAM,SAAS,EAAE,SAuCpB,CAAC;AACL,UAAU,gBAAgB;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAA;IACtC,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,GAAG,CAAA;IACV,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,MAAM,EAAE,MAAM,IAAI,CAAA;CACrB;AACD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAsBlD"}
+{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../src/Phone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAA4B,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,oBAAY,SAAS;IACjB,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;CAChB;AAED,MAAM,WAAW,QAAQ;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,MAAM,MAAM,EAAE,CAAC;IACzB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC;IAE7C;;;;OAIG;IACH,qBAAqB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC;IAExE;;;;OAIG;IACH,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,SAAS,KAAK,MAAM,CAAC;CAC5D;AAwLD,eAAO,MAAM,SAAS,EAAE,SAuCpB,CAAC;AAEL,UAAU,gBAAgB;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,eAAe,GAAG,WAAW,GAAG,KAAK,CAAC;IAC5G,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,YAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAAgiG"}

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

@@ -1 +1 @@
-{"version":3,"file":"Press.d.ts","sourceRoot":"","sources":["../../../src/Press.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AACzD,UAAU,WAAY,SAAQ,cAAc;IACxC,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAAyD"}
+{"version":3,"file":"Press.d.ts","sourceRoot":"","sources":["../../../src/Press.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAAC,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAAC,UAAU,WAAY,SAAQ,cAAc;IAAG,QAAQ,EAAE,SAAS,CAAC;CAAE;AAAE,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAA4D"}

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,SAAS,EAAsB,uBAAuB,EAAQ,MAAM,cAAc,CAAC;AAE5F,UAAU,WAAY,SAAQ,uBAAuB;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,wBAAgB,MAAM,CAAC,EAAE,IAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAS,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAAkxB"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAAC,OAAO,EAAE,SAAS,EAAsB,uBAAuB,EAAQ,MAAM,cAAc,CAAC;AAAiC,UAAU,WAAY,SAAQ,uBAAuB;IAAG,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAAE;AAAE,wBAAgB,MAAM,CAAC,EAAE,IAAS,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAS,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAAixB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../../src/Scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAkB,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACjG,eAAO,MAAM,qBAAqB,KAE1B,CAAC;AACT,UAAU,YAAa,SAAQ,eAAe;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AACD,eAAO,MAAM,OAAO,iFAA6d,CAAA"}
+{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../../src/Scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAAC,OAAO,EAAkB,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAAC,eAAO,MAAM,qBAAqB,KAAsC,CAAC;AAAC,UAAU,YAAa,SAAQ,eAAe;IAAG,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAAE;AAAE,eAAO,MAAM,OAAO,iFAA6b,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/Tab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/Tab.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/C,UAAU,UAAW,SAAQ,SAAS;CAErC;AAED,eAAO,MAAM,KAAK,yEAAoL,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAAC,OAAO,EAAC,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAAC,UAAU,UAAW,SAAQ,SAAS;CAAI;AAAE,eAAO,MAAM,KAAK,yEAAmL,CAAA"}

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

@@ -1,9 +1,16 @@
 /// <reference types="react" />
-import { TextInputProps } from "react-native";
+import { StyleProp, TextInputProps, ViewStyle } from "react-native";
 interface ITextInputProps extends TextInputProps {
     disabled?: boolean;
 }
 export declare function MTextInput({ disabled, editable, style, ...props }: ITextInputProps): JSX.Element;
 export declare function MTextareaInput({ disabled, editable, style, ...props }: ITextInputProps): JSX.Element;
+interface IMPinInputMatProps extends TextInputProps {
+    size: number;
+    styleContainer?: StyleProp<ViewStyle>;
+    styleBadge?: StyleProp<ViewStyle>;
+    onFilledFully?: (value?: string) => void;
+}
+export declare function MPinInput({ size, styleContainer, onFilledFully, ...props }: IMPinInputMatProps): JSX.Element;
 export {};
 //# sourceMappingURL=TextInput.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAyB,cAAc,EAAE,MAAM,cAAc,CAAC;AAoB5E,UAAU,eAAgB,SAAQ,cAAc;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AACD,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,eAAgR;AAAE,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,eAAkV"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/TextInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAyB,cAAc,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAAiY,UAAU,eAAgB,SAAQ,cAAc;IAAG,QAAQ,CAAC,EAAE,OAAO,CAAC;CAAE;AAAE,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,eAAiR;AAAC,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,eAAmV;AAAC,UAAU,kBAAmB,SAAQ,cAAc;IAAG,IAAI,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAI,IAAI,CAAC;CAAE;AAAE,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,eAAo8B"}

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

@@ -230,6 +230,7 @@ export declare const MCOLORS: Readonly<{
     warning: "#f97316";
     secondary: "#14b8a6";
     danger: "#ca251a";
+    dangerlight: "#ff1818";
     light: "white";
     smokelight: "#f7f7f7";
     light9: "#f9f9f9";
@@ -241,11 +242,16 @@ export declare const MCOLORS: Readonly<{
     cyan: "#4bb790";
     gray: "gray";
     lightgray: "#dadce0";
+    metalicgray: "#43484b";
+    metalicgraylight: "#4d555a";
     green: "#85d89a";
-    lightgreen: "#85d89a";
+    greenb1: "#21c161";
+    lightgreen: "#51ff0d";
     black: "black";
     metalicblack1: "#292929";
     metalicblack2: "#343434";
     metalicblack3: "#343434";
+    blueafc: "#0088cc";
+    metalicblue: "#121b22";
 }>;
 //# sourceMappingURL=regions.d.ts.map

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;EAuBlB,CAAC"}
+{"version":3,"file":"regions.d.ts","sourceRoot":"","sources":["../../../src/regions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgOnB,CAAA;AAEF,eAAO,MAAM,KAAK,4hDAA0B,CAAA;AAE5C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BlB,CAAA"}

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

@@ -1,4 +1,4 @@
-export declare const MSHADOWS: Readonly<{
+export declare const MSHADOWS: {
     _1: {
         shadowColor: string;
         shadowOffset: {
@@ -209,6 +209,6 @@ export declare const MSHADOWS: Readonly<{
         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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-umui",
-  "version": "1.3.65",
+  "version": "1.3.91",
   "description": "test",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/Accordion.tsx

@@ -0,0 +1 @@
+import React,{ FC, ReactNode, useState } from "react"; import { Pressable, StyleProp, View, ViewStyle } from "react-native"; import { MText } from "./Text";import { MSHADOWS } from "./shadows"; interface MAccordionProps { styleContainer?: StyleProp<ViewStyle>; styleAccordion?: StyleProp<ViewStyle>; label?: string | ReactNode; disabled?: boolean; render: () => ReactNode; } export const MAccordion: FC<MAccordionProps> = (props) => { const [isExpand, setIsExpand] = useState<boolean>(false); return (<View style={[{ marginBottom: isExpand ? 5 : 3 }, props.styleContainer]}> <Pressable style={[ props.disabled ? { opacity: 0.55 } : {}, { display: "flex", flexDirection: "row", alignItems: "center", backgroundColor: "#fcfcfc", padding: 5, paddingVertical: 9, marginBottom: isExpand ? 1 : 0 }, MSHADOWS._1, props.styleAccordion ]} onPress={() => { if (!props.disabled) { setIsExpand(val => (!val)) } }}> {typeof props.label === "string"?<MText style={{ flex: 1, color: "black", fontSize: 17, fontWeight: "500" }}>{props.label}</MText>:props.label}</Pressable>{isExpand && props.render()}</View> ) }

package/src/Badge.tsx

@@ -1 +1 @@
-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>); }
+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

@@ -1,6 +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",
@@ -11,8 +12,10 @@ const colorsBg = {
     "smokelight": "#f7f7f7",
     "navy": "#3e4b67",
     "orange": "#ff4e02",
-    "darksky": "#004d6c"
+    "darksky": "#004d6c",
+    "metalic": "#43484b"
 };
+
 const colorsBr = {
     "primary": "#3b82f6",
     "success": "#22c55e",
@@ -23,8 +26,10 @@ const colorsBr = {
     "smokelight": "white",
     "navy": "#3e4b67",
     "orange": "#ff4e02",
-    "darksky": "#004d6c"
+    "darksky": "#004d6c",
+    "metalic": "#43484b"
 };
+
 const colorTxt = {
     "primary": "white",
     "success": "white",
@@ -35,8 +40,10 @@ const colorTxt = {
     "smokelight": "black",
     "navy": "white",
     "orange": "white",
-    "darksky": "white"
+    "darksky": "white",
+    "metalic": "white"
 };
+
 const colorTxtOutline = {
     "primary": "#3b82f6",
     "success": "#22c55e",
@@ -47,8 +54,11 @@ const colorTxtOutline = {
     "smokelight": "black",
     "navy": "#3e4b67",
     "orange": "#ff4e02",
-    "darksky": "#004d6c"
+    "darksky": "#004d6c",
+    "metalic": "#43484b"
 };
+
+
 interface MButtonProps {
     testID?: string;
     size?: "xs" | "sm" | "md" | "nm";
@@ -60,9 +70,73 @@ interface MButtonProps {
     outline?: boolean;
     noborder?: boolean;
     loading?: boolean;
-    btnType: "primary" | "success" | "warning" | "secondary" | "danger" | "light" | "navy" | "smokelight" | "orange" | "darksky";
+    btnType: "primary" | "success" | "warning" | "secondary" | "danger" | "light" | "navy" | "smokelight" | "orange" | "darksky" | "metalic";
     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 = "500", 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 }} /> : <React.Fragment>{label ? <MText style={{ flex: 1, textAlign: textAlign, color: outline ? colorTxtOutline[btnType] : colorTxt[btnType], fontSize: size === "nm" ? 18 : size === "md" ? 16 : size === "xs" ? 11 : 14, paddingHorizontal: 11, fontWeight: fontWeight }}>{label}</MText> : children}</React.Fragment>}</TouchableOpacity>) }
+}
+
+export function MButton({
+    testID,
+    size = "md",
+    noSizeLimit = false,
+    style,
+    label,
+    textAlign = "center",
+    fontWeight = "500",
+    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" ? 18 : size === "md" ? 16 : size === "xs" ? 11 : 14,
+                            paddingHorizontal: 11,
+                            fontWeight: fontWeight
+                        }}>
+                        {label}
+                    </MText>
+                ) : (
+                    children
+                )
+            )}
+        </TouchableOpacity>
+    )
+}

package/src/Checkbox.tsx

@@ -1,13 +1 @@
-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>); }
+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

@@ -1,11 +1 @@
-import React, { ReactNode } from "react";
-import { StyleProp, TextStyle, View } from "react-native";
-import { MText } from "./Text";
-interface MDividerProps {
-    testID?: string
-    label: string
-    description?: string
-    labelStyle?: StyleProp<TextStyle>
-    descStyle?: StyleProp<TextStyle>
-    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.labelStyle]}>{props.label}</MText><View style={{ marginTop: 5 }}>{props.description ? <MText style={[{ width: "100%", color: "black", fontSize: 15, fontWeight: "500" }, props.descStyle]}>{props.description}</MText> : (props.children || <MText style={[{ width: "100%", color: "black", fontSize: 15, fontWeight: "500" }, props.descStyle]}>-</MText>)}</View></View>) }
+import React, { ReactNode } from "react"; import { StyleProp, TextStyle, View } from "react-native"; import { MText } from "./Text"; interface MDividerProps { testID?: string; label: string; description?: string; labelStyle?: StyleProp<TextStyle>; descStyle?: StyleProp<TextStyle>; 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.labelStyle]}>{props.label}</MText><View style={{ marginTop: 5 }}>{props.description?<MText style={[{ width: "100%", color: "black", fontSize: 15, fontWeight: "500" }, props.descStyle]}>{props.description}</MText>:(props.children || <MText style={[{ width: "100%", color: "black", fontSize: 15, fontWeight: "500" }, props.descStyle]}>-</MText>)}</View></View> ) }

package/src/EasyIn.tsx

@@ -1,22 +1 @@
-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>) }
+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>); } export function MIPlay({ size = 19, style }: MEmptyProps) { return (<Text style={[{ fontSize: size, textAlign: "center", letterSpacing: 0.63 }, style]}>►</Text>); } export function MIPause({ size = 19, style }: MEmptyProps) { return (<Text style={[{ fontSize: size, textAlign: "center", letterSpacing: 0.63 }, style]}>📥</Text>); } export function MIStop({ size = 19, style }: MEmptyProps) { return (<Text style={[{ fontSize: size, textAlign: "center", letterSpacing: 0.63 }, style]}>📥</Text>); }

package/src/FlatList.tsx

@@ -1,6 +1 @@
-import React, { forwardRef } from "react";
-import { FlatList, FlatListProps } from "react-native";
-interface MFlatListProps<T> extends FlatListProps<T> {
-    initialNumToRender?: number;
-};
-export const MFlatList = forwardRef<FlatList, MFlatListProps<any>>(({ contentContainerStyle, ...props }, ref) => { return (<FlatList ref={ref} scrollEnabled={true}            {...props} contentContainerStyle={[{ flexGrow: 1, paddingBottom: 125 }, contentContainerStyle]} />) })
+import React, { forwardRef } from "react"; import { FlatList, FlatListProps } from "react-native"; interface MFlatListProps<T> extends FlatListProps<T> { initialNumToRender?: number; }; export const MFlatList = forwardRef<FlatList, MFlatListProps<any>>(({ contentContainerStyle, ...props }, ref) => { return (<FlatList ref={ref} scrollEnabled={true} initialNumToRender={15} {...props} contentContainerStyle={[{ flexGrow: 1, paddingBottom: 125 }, contentContainerStyle]} />); })

package/src/FlatPanel.tsx

@@ -1,9 +1 @@
-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>);}
+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>) }

package/src/Grid.tsx

@@ -1,18 +1 @@
-import React, { ReactElement, useMemo } from "react"
-import { StyleProp, View, ViewStyle } from "react-native"
-interface IColProps {
-    colSpan: number;
-    style?: StyleProp<ViewStyle>;
-    children?: React.ReactNode;
-};
-export function MCol({ }: IColProps) { return (<></>) };
-interface IMGridProps {
-    testID?: string;
-    cols?: number;
-    content?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
-    items?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
-    style?: StyleProp<ViewStyle>;
-    gap?: number;
-    children: ReactElement<IColProps> | Array<ReactElement<IColProps>>;
-}
-function calc(cols: number = 12) { let _cols = Number(cols) || 12; _cols = _cols <= 0 ? 12 : cols; return Number((100.0 / _cols).toFixed(5)); }; export function MGrid(props: IMGridProps) { const span = useMemo(() => { return calc(props.cols); }, [props.cols]); return (<View testID={props.testID} style={[{ display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: props.content, alignItems: props.items, columnGap: props.gap }, props.style,]}>{(Array.isArray(props.children) ? props.children : [props.children])?.map(k => { return (<View style={[k.props.style, { flex: (span * k.props.colSpan) || 0 }]}>{k.props.children}</View>) })}</View>); }
+import React, { ReactElement, useMemo } from "react"; import { StyleProp, View, ViewStyle } from "react-native"; interface IColProps { colSpan: number; style?: StyleProp<ViewStyle>; children?: React.ReactNode; }; export function MCol({ }: IColProps) { return (<React.Fragment></React.Fragment>); } interface IMGridProps { testID?: string; cols?: number; content?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly"; items?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline"; style?: StyleProp<ViewStyle>; gap?: number; children: ReactElement<IColProps> | Array<ReactElement<IColProps>>; }; function calc(cols: number = 12) { let _cols = Number(cols) || 12; _cols = _cols <= 0 ? 12 : cols; return Number((100.0 / _cols).toFixed(5)); }; export function MGrid(props: IMGridProps) { const span = useMemo(() => { return calc(props.cols); }, [props.cols]); return (<View testID={props.testID} style={[ { display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: props.content, alignItems: props.items, columnGap: props.gap }, props.style, ]}>{(Array.isArray(props.children) ? props.children : [props.children])?.map(k => {return(<View style={[k.props.style, { flex: (span * k.props.colSpan) || 0 }]}>{k.props.children}</View>);})}</View>) }

package/src/InputField.tsx

@@ -1,14 +1 @@
-import React, { ReactNode } from "react"
-import { TextStyle, View, ViewStyle } from "react-native"
-import { MText } from "./Text"
-import { StyleProp } from "react-native"
-interface InputFieldProps {
-    testID?: string
-    label?: string
-    containerStyle?: StyleProp<ViewStyle>
-    labelStyle?: StyleProp<TextStyle>
-    children?: ReactNode
-}
-export function MInputField(props: InputFieldProps) { return (<View testID={props.testID} style={[{ width: "100%", marginVertical: 5 }, props.containerStyle]}>{props.label ? <MText style={[{ color: "black", marginBottom: 3, fontSize: 15, paddingHorizontal: 3, fontWeight: "500" }, props.labelStyle]}>{props.label}</MText> : <React.Fragment></React.Fragment>}<View>{props.children}</View></View>); }
-type MInputSetFieldProps = InputFieldProps & { noBackground?: boolean, border?: boolean }
-export function MInputSetField(props: MInputSetFieldProps) { return (<View testID={props.testID} style={[{ width: "100%", marginVertical: 5 }, props.border ? { borderWidth: 1, borderColor: "#dadce0" } : {}, props.containerStyle]}>{props.label ? <MText style={[{ color: "black", fontWeight: "500", marginBottom: 3, paddingHorizontal: 7, paddingVertical: 1, fontSize: 15, top: -11.5, left: 7, zIndex: 105, position: "absolute", borderLeftWidth: 1, borderRightWidth: 1, borderColor: "#dadce0" }, props.noBackground ? {} : { backgroundColor: "white" }, props.labelStyle]}>{props.label}</MText> : <React.Fragment></React.Fragment>}<View>{props.children}</View></View>); }
+import React, { ReactNode } from "react"; import { TextStyle, View, ViewStyle, StyleProp } from "react-native"; import { MText } from "./Text"; interface InputFieldProps { testID?: string; label?: string; containerStyle?: StyleProp<ViewStyle>; labelStyle?: StyleProp<TextStyle>; children?: ReactNode; }; export function MInputField(props: InputFieldProps) {return (<View testID={props.testID} style={[{ width: "100%", marginVertical: 5 }, props.containerStyle]}>{props.label?<MText style={[{ color: "black", marginBottom: 3, fontSize: 15, paddingHorizontal: 3, fontWeight: "500" }, props.labelStyle]}>{props.label}</MText>:<React.Fragment></React.Fragment>}<View>{props.children}</View></View>); }; type MInputSetFieldProps = InputFieldProps & { noBackground?: boolean, border?: boolean }; export function MInputSetField(props: MInputSetFieldProps) { return (<View testID={props.testID} style={[{ width: "100%", marginVertical: 5 }, props.border ? { borderWidth: 1, borderColor: "#dadce0" } : {}, props.containerStyle]}>{props.label?<MText style={[ { color: "black", fontWeight: "500", marginBottom: 3, paddingHorizontal: 7, paddingVertical: 1, fontSize: 15, top: -11.5, left: 7, zIndex: 105, position: "absolute", borderLeftWidth: 1, borderRightWidth: 1, borderColor: "#dadce0" }, props.noBackground ? {} : { backgroundColor: "white" }, props.labelStyle ]}>{props.label}</MText>:<React.Fragment></React.Fragment>}<View>{props.children}</View></View>); }

package/src/Line.tsx

@@ -1,8 +1,16 @@
 import React from "react"
 import { StyleProp, View, ViewStyle } from "react-native"
+
 interface HrProps {
-    margin?: number;
-    direction?: "w" | "h";
-    style?: StyleProp<ViewStyle>;
-};
-export function MLine({ direction = "w", margin = 5, style }: HrProps) { return (<View style={[direction === "w" ? { flex: 1, height: 1, maxHeight: 1, marginVertical: margin } : { flex: 1, width: 1, maxWidth: 1, marginHorizontal: margin }, { backgroundColor: "#dadce0" }, style]} />) }
+    margin?: number
+    direction?: "w" | "h"
+    style?: StyleProp<ViewStyle>
+}
+
+export function MLine({ direction = "w", margin = 5, style }: HrProps) {
+    return (<View style={[
+        direction === "w" ? { flex: 1, height: 1, maxHeight: 1, marginVertical: margin } : { flex: 1, width: 1, maxWidth: 1, marginHorizontal: margin },
+        { backgroundColor: "#dadce0" },
+        style
+    ]} />)
+}

package/src/Load.tsx

@@ -1,5 +1,14 @@
-import React, { ComponentProps, useCallback, useEffect, useRef, useState } from "react"
+import React, { ComponentProps, useCallback, useEffect, useRef, useState } from "react";
 import { ActivityIndicator, View } from "react-native";
+
+function LoadActivity() {
+    return (
+        <View style={{ flex: 1, display: "flex", justifyContent: "center", alignItems: "center" }}>
+            <ActivityIndicator size={45} color="#016db6" />
+        </View>
+    );
+};
+
 interface MLoadProps extends ComponentProps<any> {
     loadId: string;
     showLoading?: boolean;
@@ -8,4 +17,52 @@ interface MLoadProps extends ComponentProps<any> {
     load: () => Promise<{}>;
     onLoaded?: () => void;
 };
-function LoadActivity() { return (<View style={{ flex: 1, display: "flex", justifyContent: "center", alignItems: "center" }}><ActivityIndicator size={45} color="#016db6" /></View>); }; export function MLoad({ loadId, showLoading, name = "default", delay, load, ...props }: MLoadProps) { const [loaded, setLoaded] = useState<boolean>(false); const loadIfRef = useRef<string>(); const timeRef = useRef<any>(); const ref = useRef<any>(); const loadCmp = useCallback(async () => { try { if (!timeRef.current) { setLoaded(false); timeRef.current = setTimeout(async () => { try { ref.current = await load(); if (props.onLoaded) { props.onLoaded(); }; clearTimeout(timeRef.current); timeRef.current = undefined; loadIfRef.current = loadId; setLoaded(true); } catch (error) { } }, delay || 25); } } catch (error) { } }, [timeRef, loadId, props.load, props.name]); useEffect(() => { loadCmp(); return () => { clearTimeout(timeRef.current); }; }, [loadCmp]); if (showLoading && !loaded) { return (<LoadActivity />); } const Component = ref.current && ref.current[name] ? ref.current[name] : LoadActivity; return (<Component key={loadIfRef.current} {...props} />); }
+
+export function MLoad({ loadId, showLoading, name = "default", delay, load, ...props }: MLoadProps) {
+    const [loaded, setLoaded] = useState<boolean>(false);
+    const loadIfRef = useRef<string>();
+    const timeRef = useRef<any>();
+    const ref = useRef<any>();
+
+    const loadCmp = useCallback(async () => {
+        try {
+            if (!timeRef.current) {
+                setLoaded(false);
+
+                timeRef.current = setTimeout(async () => {
+                    try {
+                        ref.current = await load();
+                        if (props.onLoaded) {
+                            props.onLoaded();
+                        }
+
+                        clearTimeout(timeRef.current);
+                        timeRef.current = undefined;
+                        loadIfRef.current = loadId;
+                        setLoaded(true);
+                    } catch (error) {
+
+                    }
+                }, delay || 25);
+            }
+        } catch (error) {
+
+        }
+    }, [timeRef, loadId, props.load, props.name]);
+
+    useEffect(() => {
+        loadCmp();
+        return () => {
+            clearTimeout(timeRef.current)
+        };
+    }, [loadCmp]);
+
+    if (showLoading && !loaded) {
+        return (<LoadActivity />);
+    }
+
+    const Component = ref.current && ref.current[name] ? ref.current[name] : LoadActivity;
+
+    return (
+        <Component key={loadIfRef.current} {...props} />);
+}