react-native-boxes 1.0.9 → 1.0.10

package/dist/I18n.d.ts

@@ -0,0 +1,4 @@
+export type I18n = {
+    t: (id?: string) => string | undefined;
+};
+export declare const _i18n: I18n;

package/dist/I18n.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._i18n = void 0;
+exports._i18n = {
+    t: (id) => id
+};
+//# sourceMappingURL=I18n.js.map

package/dist/I18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18n.js","sourceRoot":"","sources":["../src/I18n.ts"],"names":[],"mappings":";;;AAIa,QAAA,KAAK,GAAS;IACvB,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;CAChB,CAAA"}

package/dist/Text.js

@@ -6,11 +6,19 @@ const react_native_1 = require("react-native");
 const ThemeContext_1 = require("./ThemeContext");
 function TextView(props) {
     const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    let children = props.children;
+    if (theme.i18n) {
+        if (children && typeof children == 'string') {
+            children = theme.i18n.t(children);
+        }
+    }
     return (<react_native_1.Text {...props} style={[{
                 flexWrap: 'wrap',
                 color: theme.colors.text,
                 padding: theme.dimens.space.sm
-            }, theme.styles.text, props.style]}/>);
+            }, theme.styles.text, props.style]}>
+            {children}
+        </react_native_1.Text>);
 }
 exports.TextView = TextView;
 function Subtitle(props) {

package/dist/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,+CAA+C;AAC/C,iDAA8C;AAE9C,SAAgB,QAAQ,CAAC,KAAgB;IACrC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,mBAAI,CAAC,IAAI,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC,CAAC;gBACJ,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBACxB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;aACjC,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAG,CAC7C,CAAA;AACL,CAAC;AAVD,4BAUC;AAGD,SAAgB,QAAQ,CAAC,KAAgB;IACrC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aAC3B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,4BAWC;AAGD,SAAgB,KAAK,CAAC,KAAgB;IAClC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,sBAWC;AAED,SAAgB,OAAO,CAAC,KAAgB;IACpC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,0BAWC"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,+CAA+C;AAC/C,iDAA8C;AAE9C,SAAgB,QAAQ,CAAC,KAAgB;IACrC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC7B,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACb,IAAI,QAAQ,IAAI,OAAO,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAC1C,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAA;QACrC,CAAC;IACL,CAAC;IACD,OAAO,CACH,CAAC,mBAAI,CAAC,IAAI,KAAK,CAAC,CACZ,KAAK,CAAC,CAAC,CAAC;gBACJ,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;gBACxB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;aACjC,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACnC;YAAA,CAAC,QAAQ,CACb;QAAA,EAAE,mBAAI,CAAC,CACV,CAAA;AACL,CAAC;AAlBD,4BAkBC;AAGD,SAAgB,QAAQ,CAAC,KAAgB;IACrC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;aAC3B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,4BAWC;AAGD,SAAgB,KAAK,CAAC,KAAgB;IAClC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,sBAWC;AAED,SAAgB,OAAO,CAAC,KAAgB;IACpC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;YACxB;gBACI,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aAC9B;YACD,KAAK,CAAC,KAAK;SACd,CAAC,EAAG,CACR,CAAA;AACL,CAAC;AAXD,0BAWC"}

package/dist/ThemeContext.d.ts

@@ -1,5 +1,6 @@
 import { Colors, Dimens, Fonts } from "./Styles";
 import { randomColor } from "./utils";
+import { I18n } from "./I18n";
 declare const DEFAULT_STYLE: {
     container: {
         marginTop: number;
@@ -24,6 +25,7 @@ export declare class Theme {
     dimens: typeof Dimens;
     colors: typeof Colors;
     fonts: typeof Fonts;
+    i18n: I18n;
     randomColor: typeof randomColor;
     constructor(appname?: string, colors?: {
         accent: string;
@@ -87,7 +89,7 @@ export declare class Theme {
             fontFamily: string;
             fontSize: number;
         };
-    });
+    }, i18n?: I18n);
 }
 export declare const ThemeContext: import("react").Context<Theme>;
 export {};

package/dist/ThemeContext.js

@@ -4,6 +4,7 @@ exports.ThemeContext = exports.Theme = void 0;
 const react_1 = require("react");
 const Styles_1 = require("./Styles");
 const utils_1 = require("./utils");
+const I18n_1 = require("./I18n");
 const DEFAULT_STYLE = (0, Styles_1.createStyle)(Styles_1.Dimens, Styles_1.Colors, Styles_1.Fonts);
 class Theme {
     appname = '';
@@ -11,14 +12,16 @@ class Theme {
     dimens;
     colors;
     fonts;
+    i18n;
     randomColor = utils_1.randomColor;
-    constructor(appname = '', colors = Styles_1.Colors, dimens = Styles_1.Dimens, fonts = Styles_1.Fonts, styles = DEFAULT_STYLE) {
+    constructor(appname = '', colors = Styles_1.Colors, dimens = Styles_1.Dimens, fonts = Styles_1.Fonts, styles = DEFAULT_STYLE, i18n = I18n_1._i18n) {
         this.appname = appname;
         this.fonts = fonts ?? Styles_1.Fonts;
         this.colors = colors ?? Styles_1.Colors;
         this.dimens = dimens ?? Styles_1.Dimens;
         this.fonts = fonts ?? Styles_1.Fonts;
         this.styles = styles ?? (0, Styles_1.createStyle)(this.dimens, this.colors, this.fonts);
+        this.i18n = i18n;
     }
 }
 exports.Theme = Theme;

package/dist/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../src/ThemeContext.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AACrC,qCAAsF;AACtF,mCAAqC;AACrC,MAAM,aAAa,GAAG,IAAA,oBAAW,EAAC,eAAM,EAAE,eAAM,EAAE,cAAK,CAAC,CAAA;AACxD,MAAa,KAAK;IACd,OAAO,GAAW,EAAE,CAAA;IACpB,MAAM,CAAsB;IAC5B,MAAM,CAAe;IACrB,MAAM,CAAe;IACrB,KAAK,CAAc;IACnB,WAAW,GAAG,mBAAW,CAAA;IACzB,YAAY,OAAO,GAAG,EAAE,EACpB,MAAM,GAAG,eAAM,EACf,MAAM,GAAG,eAAM,EACf,KAAK,GAAG,cAAK,EACb,MAAM,GAAG,aAAa;QACtB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,cAAK,CAAA;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,eAAM,CAAA;QAC9B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,eAAM,CAAA;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,cAAK,CAAA;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAA,oBAAW,EAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;IAC7E,CAAC;CACJ;AAnBD,sBAmBC;AACY,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,IAAI,KAAK,EAAE,CAAC,CAAA"}
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../src/ThemeContext.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AACrC,qCAAsF;AACtF,mCAAqC;AACrC,iCAAoC;AACpC,MAAM,aAAa,GAAG,IAAA,oBAAW,EAAC,eAAM,EAAE,eAAM,EAAE,cAAK,CAAC,CAAA;AACxD,MAAa,KAAK;IACd,OAAO,GAAW,EAAE,CAAA;IACpB,MAAM,CAAsB;IAC5B,MAAM,CAAe;IACrB,MAAM,CAAe;IACrB,KAAK,CAAc;IACnB,IAAI,CAAM;IACV,WAAW,GAAG,mBAAW,CAAA;IACzB,YAAY,OAAO,GAAG,EAAE,EACpB,MAAM,GAAG,eAAM,EACf,MAAM,GAAG,eAAM,EACf,KAAK,GAAG,cAAK,EACb,MAAM,GAAG,aAAa,EACtB,IAAI,GAAG,YAAK;QACZ,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACtB,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,cAAK,CAAA;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,eAAM,CAAA;QAC9B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,eAAM,CAAA;QAC9B,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,cAAK,CAAA;QAC3B,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,IAAA,oBAAW,EAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QACzE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IACpB,CAAC;CACJ;AAtBD,sBAsBC;AACY,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,IAAI,KAAK,EAAE,CAAC,CAAA"}

package/dist/index.d.ts

@@ -9,3 +9,4 @@ export * from './utils';
 export * from './Styles';
 export * from './demo';
 export * from './ThemeContext';
+export * from './I18n';

package/dist/index.js

@@ -25,4 +25,5 @@ __exportStar(require("./utils"), exports);
 __exportStar(require("./Styles"), exports);
 __exportStar(require("./demo"), exports);
 __exportStar(require("./ThemeContext"), exports);
+__exportStar(require("./I18n"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,0CAAwB;AACxB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,yCAAuB;AACvB,iDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,wCAAsB;AACtB,2CAAyB;AACzB,0CAAwB;AACxB,0CAAwB;AACxB,0CAAwB;AACxB,wCAAsB;AACtB,0CAAwB;AACxB,2CAAyB;AACzB,yCAAuB;AACvB,iDAA+B;AAC/B,yCAAsB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "dist/index.js",
   "scripts": {

package/src/I18n.ts

@@ -0,0 +1,7 @@
+export type I18n = {
+    t: (id?: string) => string | undefined
+}
+
+export const _i18n: I18n = {
+    t: (id) => id
+}

package/src/Text.tsx

@@ -4,13 +4,21 @@ import { ThemeContext } from "./ThemeContext";
 
 export function TextView(props: TextProps) {
     const theme = useContext(ThemeContext)
+    let children = props.children
+    if (theme.i18n) {
+        if (children && typeof children == 'string') {
+            children = theme.i18n.t(children)
+        }
+    }
     return (
         <Text {...props}
             style={[{
                 flexWrap: 'wrap',
                 color: theme.colors.text,
                 padding: theme.dimens.space.sm
-            }, theme.styles.text, props.style]} />
+            }, theme.styles.text, props.style]} >
+            {children}
+        </Text>
     )
 }
 

package/src/ThemeContext.ts

@@ -1,6 +1,7 @@
 import { createContext } from "react"
 import { Colors, Dimens, createStyle, DarkColors, LightColors, Fonts } from "./Styles"
 import { randomColor } from "./utils"
+import { I18n, _i18n } from "./I18n"
 const DEFAULT_STYLE = createStyle(Dimens, Colors, Fonts)
 export class Theme {
     appname: string = ''
@@ -8,18 +9,21 @@ export class Theme {
     dimens: typeof Dimens
     colors: typeof Colors
     fonts: typeof Fonts
+    i18n: I18n
     randomColor = randomColor
     constructor(appname = '',
         colors = Colors,
         dimens = Dimens,
         fonts = Fonts,
-        styles = DEFAULT_STYLE) {
+        styles = DEFAULT_STYLE,
+        i18n = _i18n) {
         this.appname = appname
         this.fonts = fonts ?? Fonts
         this.colors = colors ?? Colors
         this.dimens = dimens ?? Dimens
         this.fonts = fonts ?? Fonts
         this.styles = styles ?? createStyle(this.dimens, this.colors, this.fonts)
+        this.i18n = i18n
     }
 }
 export const ThemeContext = createContext(new Theme())

package/src/index.tsx

@@ -9,3 +9,4 @@ export * from './utils';
 export * from './Styles';
 export * from './demo';
 export * from './ThemeContext';
+export * from './I18n'