react-native-boxes 1.4.43 → 1.4.45

package/package.json

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

package/src/Analytics.ts

@@ -1,4 +1,4 @@
-export const ViewType = {
+export const TrackingViewType = {
     BUTTON: 'button',
     TEXT: 'text',
     DIALOG: 'dialog',
@@ -21,7 +21,7 @@ export const TrackerUtils = {
         return "undefined"
     }
 }
-export const UAType = {
+export const TrackingActionType = {
     CLICK: 'click',
     VIEW: 'view',
     NAVIGATE: 'navigate'

package/src/Bar.tsx

@@ -8,7 +8,7 @@ import { Icon, getIcon } from "./Image";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { PressableView } from "./Button";
 import { isDesktop, isWeb } from "./utils";
-import { UAType, ViewType } from "./Analytics";
+import { TrackingActionType, TrackingViewType } from "./Analytics";
 
 export interface Option {
     id: string,
@@ -89,7 +89,7 @@ export function SimpleToolbar(props: SimpleToolbarProps) {
                     margin: 0,
                 }}>
                     <PressableView onPress={() => {
-                        theme.onTrack(UAType.CLICK, ViewType.TOOLBAR, 'back')
+                        theme.onTrack(TrackingActionType.CLICK, TrackingViewType.TOOLBAR, 'back')
                         props.onHomePress && props.onHomePress()
                     }}>
                         {HomeIcon && <HomeIcon color={props.forgroundColor || theme.colors.invert.text} />}
@@ -111,7 +111,7 @@ export function SimpleToolbar(props: SimpleToolbarProps) {
                                     key={opt.id}
                                     accessibilityHint={title}
                                     onPress={() => {
-                                        theme.onTrack(UAType.CLICK, ViewType.TOOLBAR, 'option-' + opt.id)
+                                        theme.onTrack(TrackingActionType.CLICK, TrackingViewType.TOOLBAR, 'option-' + opt.id)
                                         opt.onClick && opt.onClick(opt.id)
                                     }}>
                                     <ActionIcon
@@ -178,7 +178,7 @@ export function BottomNavBar(props: ViewProps &
                 key={op.id}
                 onPress={() => {
                     op.onClick && op.onClick(op.id)
-                    theme.onTrack(UAType.CLICK, ViewType.BOTTOMBAR, 'option-' + op.id)
+                    theme.onTrack(TrackingActionType.CLICK, TrackingViewType.BOTTOMBAR, 'option-' + op.id)
                     props.onSelect(op.id)
                 }}>
                 <Center >

package/src/Button.tsx

@@ -4,7 +4,7 @@ import { ThemeContext } from "./ThemeContext";
 import { Center, HBox } from "./Box";
 import { TextView, TextViewProps } from "./Text";
 import { getIcon } from "./Image";
-import { TrackerUtils, UAType, ViewType } from "./Analytics";
+import { TrackerUtils, TrackingActionType, TrackingViewType } from "./Analytics";
 
 export type ButtonViewProps = TextProps & TouchableHighlightProps & { icon?: any, text?: string, textStyle?: TextStyle, children?: any }
 
@@ -43,7 +43,7 @@ export function TransparentButton(props: TextProps & TouchableHighlightProps
             {...props}
             onPress={(e) => {
                 props.onPress && props.onPress(e)
-                theme.onTrack(UAType.CLICK, ViewType.BUTTON, (props.text || TrackerUtils.textOf(props.children)))
+                theme.onTrack(TrackingActionType.CLICK, TrackingViewType.BUTTON, (props.text || TrackerUtils.textOf(props.children)))
             }}
             onPressIn={onPressIn}
             onPressOut={onPressOut}
@@ -115,7 +115,7 @@ export function ButtonView(props: ButtonViewProps) {
             {...props}
             onPress={(e) => {
                 props.onPress && props.onPress(e)
-                theme.onTrack(UAType.CLICK, ViewType.BUTTON, (props['aria-label'] ? props['aria-label'] + '-' : '') + (props.text || TrackerUtils.textOf(props.children)))
+                theme.onTrack(TrackingActionType.CLICK, TrackingViewType.BUTTON, (props['aria-label'] ? props['aria-label'] + '-' : '') + (props.text || TrackerUtils.textOf(props.children)))
             }}
             onPressIn={onPressIn}
             onPressOut={onPressOut}
@@ -193,7 +193,7 @@ export function RightIconButton(props: ButtonViewProps) {
             {...props}
             onPress={(e) => {
                 props.onPress && props.onPress(e)
-                theme.onTrack(UAType.CLICK, ViewType.BUTTON, (props.text || TrackerUtils.textOf(props.children)))
+                theme.onTrack(TrackingActionType.CLICK, TrackingViewType.BUTTON, (props.text || TrackerUtils.textOf(props.children)))
             }}
             onPressIn={onPressIn}
             onPressOut={onPressOut}
@@ -318,7 +318,7 @@ export function PressableView(props: PressableProps) {
     return (<Pressable {...props} style={({ pressed }) => [{ opacity: pressed ? 0.7 : 1.0 }, props.style]} />)
 }
 
-export function SwitchView(props: SwitchProps & { text: string, orientation: 'row' | 'column' }) {
+export function SwitchView(props: SwitchProps & { text?: string, orientation?: 'row' | 'column' }) {
     const theme = useContext(ThemeContext)
     return (
         <HBox style={[{
@@ -335,7 +335,7 @@ export function SwitchView(props: SwitchProps & { text: string, orientation: 'ro
                 ios_backgroundColor={theme.colors.caption}
                 onValueChange={(value) => {
                     props.onValueChange && props.onValueChange(value)
-                    theme.onTrack(UAType.CLICK, ViewType.SWITCH, (props.text) + '-' + value, { value })
+                    theme.onTrack(TrackingActionType.CLICK, TrackingViewType.SWITCH, (props.text) + '-' + value, { value })
                 }}
                 {...props}
             />

package/src/Modal.tsx

@@ -11,7 +11,7 @@ import { CompositeTextInputView, CompositeTextInputViewProps } from './Input';
 import * as WebBrowser from 'expo-web-browser';
 import { TransparentCenterToolbar } from './Bar';
 import { GestureDetector, Gesture, Directions } from 'react-native-gesture-handler';
-import { TrackerUtils, UAType, ViewType } from './Analytics';
+import { TrackerUtils, TrackingActionType, TrackingViewType } from './Analytics';
 
 
 export type BottomSheetProps = {
@@ -39,7 +39,7 @@ export const BottomSheet = (props: BottomSheetProps) => {
     useEffect(() => {
         setModalVisible(props.visible)
         if (props.visible)
-            theme.onTrack(UAType.VIEW, ViewType.DIALOG, (TrackerUtils.textOf(props.title)))
+            theme.onTrack(TrackingActionType.VIEW, TrackingViewType.DIALOG, (TrackerUtils.textOf(props.title)))
     }, [props.visible])
 
     function cancel() {
@@ -267,7 +267,7 @@ export function Expand(props: ViewProps & {
     const toggleExpand = () => {
         let newValue = !expanded
         setExpanded(newValue);
-        theme.onTrack(UAType.CLICK, ViewType.DIALOG, (newValue ? 'expand' : 'collaps') + '-' + props.title)
+        theme.onTrack(TrackingActionType.CLICK, TrackingViewType.DIALOG, (newValue ? 'expand' : 'collaps') + '-' + props.title)
     };
     var onLayoutContent = (event: LayoutChangeEvent) => {
         if (!contentHeight) {
@@ -406,7 +406,7 @@ export const DropDownView = (props: DropDownViewProps) => {
     };
     const onSelect = (selectedId: string, opt: DropDownViewOption) => {
         props.onSelect(selectedId, opt)
-        theme.onTrack(UAType.CLICK, ViewType.DROPDOWN, 'select-' + props.title, {
+        theme.onTrack(TrackingActionType.CLICK, TrackingViewType.DROPDOWN, 'select-' + props.title, {
             value: selectedId,
             title: opt.title,
             displayType: displayType
@@ -713,7 +713,7 @@ export function WebBrowserView(props: {
     };
 
     useEffect(() => {
-        theme.onTrack(UAType.VIEW, ViewType.WEBVIEW, 'webview-' + props.title, {
+        theme.onTrack(TrackingActionType.VIEW, TrackingViewType.WEBVIEW, 'webview-' + props.title, {
             url: props.url,
             message: props.openMessage
         })

package/src/index.js

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

package/src/index.tsx

@@ -11,4 +11,5 @@ export * from './Styles';
 export * from './demo';
 export * from './ThemeContext';
 export * from './I18n'
-export * from './List'
+export * from './List'
+export * from './Analytics'