@wavemaker/app-rn-runtime 11.6.1-rc.5513 → 11.6.1-rc.5518

app-rn-runtime/components/page/tabbar/tabbar.styles.js

@@ -71,9 +71,17 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       marginTop: -32,
       paddingBottom: 14
     },
-    activeTabLabel: {}
+    activeTabLabel: {},
+    centerHubItem: {},
+    centerHubIcon: {},
+    centerHubLabel: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('tabbar-spacer', '', {
+    root: {
+      height: 96
+    }
+  });
   addStyle(DEFAULT_CLASS + '-1', '', {
     root: {
       height: undefined
@@ -96,5 +104,50 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       marginTop: 0
     }
   });
+  addStyle('clipped-tabbar', '', {
+    root: {
+      backgroundColor: themeVariables.transparent,
+      marginTop: -88
+    },
+    menu: {
+      backgroundColor: themeVariables.transparent
+    },
+    centerHubItem: {
+      width: 70,
+      height: 70,
+      shadowColor: 'grey',
+      shadowOpacity: 0.1,
+      opacity: 1,
+      shadowOffset: {
+        width: 2,
+        height: 0
+      },
+      shadowRadius: 2,
+      borderRadius: 35,
+      position: 'absolute',
+      bottom: 53,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: themeVariables.centerHubItemColor,
+      left: themeVariables.maxWidth / 2 - 35
+    },
+    centerHubIcon: {
+      root: {
+        alignSelf: 'center',
+        paddingBottom: 0,
+        borderBottomColor: themeVariables.transparent,
+        borderBottomWidth: 0
+      },
+      icon: {
+        fontSize: 24,
+        color: themeVariables.centerHubIconColor
+      }
+    },
+    centerHubLabel: {
+      color: themeVariables.centerHubLabelColor,
+      marginTop: 0,
+      paddingBottom: 4
+    }
+  });
 });
 //# sourceMappingURL=tabbar.styles.js.map

app-rn-runtime/components/page/tabbar/tabbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","text","menu","flexDirection","backgroundColor","tabbarBackgroundColor","justifyContent","alignItems","modalContent","moreMenu","width","getStyle","shadowOffset","shadowOpacity","shadowRadius","moreMenuRow","paddingTop","paddingBottom","tabItem","minWidth","opacity","activeTabItem","tabIcon","alignSelf","borderBottomColor","transparent","borderBottomWidth","icon","fontSize","color","tabbarIconColor","activeTabIcon","tabLabel","fontWeight","textAlign","fontFamily","baseFont","marginTop","activeTabLabel","undefined","borderTopWidth","borderTopColor"],"sources":["tabbar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmTabbarStyles = BaseStyles & {\n    menu: AllStyle,\n    modalContent: AllStyle,\n    moreMenu: AllStyle,\n    moreMenuRow: AllStyle,\n    tabItem: AllStyle,\n    activeTabItem: AllStyle,\n    tabIcon: WmIconStyles,\n    activeTabIcon: WmIconStyles,\n    tabLabel: AllStyle,\n    activeTabLabel: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-tabbar';\n    BASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmTabbarStyles = defineStyles<WmTabbarStyles>({\n        root: {\n            height: 88\n        },\n        text: {},\n        menu: {\n            height: '100%',\n            flexDirection: 'row',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            justifyContent: 'space-around',\n            alignItems: 'flex-end',\n        },\n        modalContent: {},\n        moreMenu: {\n            width: '100%',\n            flexDirection: 'column-reverse',\n            justifyContent: 'flex-end',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowOffset: {\n                width: 0,\n                height: -6\n            },\n            shadowOpacity: 0.3,\n            shadowRadius: 6\n        },\n        moreMenuRow: {\n            flexDirection: 'row-reverse',\n            justifyContent: 'space-around',\n            width: '100%',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        tabItem: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            minWidth: 60,\n            opacity: 0.4\n        },\n        activeTabItem: {\n            opacity: 1\n        },\n        tabIcon: {\n            root: {\n                alignSelf: 'center',\n                paddingBottom: 32,\n                borderBottomColor: themeVariables.transparent,\n                borderBottomWidth: 4\n            },\n            icon: {\n                fontSize: 36,\n                color:  themeVariables.tabbarIconColor\n            }\n        } as WmIconStyles,\n        activeTabIcon: {\n            root: {\n                borderBottomColor: themeVariables.tabbarIconColor,\n            }\n        } as WmIconStyles,\n        tabLabel: {\n            fontSize: 14,\n            fontWeight: '500',\n            color:  themeVariables.tabbarIconColor,\n            textAlign: 'center',\n            fontFamily: themeVariables.baseFont,\n            marginTop: -32,\n            paddingBottom: 14\n        },\n        activeTabLabel: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS+ '-1', '', {\n        root: {\n            height: undefined\n        },\n        tabItem: {\n            justifyContent: 'space-between' \n        },\n        activeTabItem: {\n            borderTopWidth: 4,\n            borderTopColor: themeVariables.tabbarIconColor\n        },\n        tabIcon: {\n            root: {\n                paddingTop: 8,\n                paddingBottom: 8,\n                borderBottomWidth: 0\n            }\n        },\n        tabLabel: {\n            marginTop: 0\n        }\n    } as WmTabbarStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAgBxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACrCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACvD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACFC,MAAM,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACFF,MAAM,EAAE,MAAM;MACdG,aAAa,EAAE,KAAK;MACpBC,eAAe,EAAER,cAAc,CAACS,qBAAqB;MACrDC,cAAc,EAAE,cAAc;MAC9BC,UAAU,EAAE;IAChB,CAAC;IACDC,YAAY,EAAE,CAAC,CAAC;IAChBC,QAAQ,EAAE;MACNC,KAAK,EAAE,MAAM;MACbP,aAAa,EAAE,gBAAgB;MAC/BG,cAAc,EAAE,UAAU;MAC1BF,eAAe,EAAER,cAAc,CAACS,qBAAqB;MACrD,GAAGb,UAAU,CAACmB,QAAQ,CAAC,UAAU,CAAC,CAACZ,IAAI;MACvCa,YAAY,EAAE;QACVF,KAAK,EAAE,CAAC;QACRV,MAAM,EAAE,CAAC;MACb,CAAC;MACDa,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACTZ,aAAa,EAAE,aAAa;MAC5BG,cAAc,EAAE,cAAc;MAC9BI,KAAK,EAAE,MAAM;MACbM,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACLf,aAAa,EAAE,QAAQ;MACvBG,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBY,QAAQ,EAAE,EAAE;MACZC,OAAO,EAAE;IACb,CAAC;IACDC,aAAa,EAAE;MACXD,OAAO,EAAE;IACb,CAAC;IACDE,OAAO,EAAE;MACLvB,IAAI,EAAE;QACFwB,SAAS,EAAE,QAAQ;QACnBN,aAAa,EAAE,EAAE;QACjBO,iBAAiB,EAAE5B,cAAc,CAAC6B,WAAW;QAC7CC,iBAAiB,EAAE;MACvB,CAAC;MACDC,IAAI,EAAE;QACFC,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAGjC,cAAc,CAACkC;MAC3B;IACJ,CAAiB;IACjBC,aAAa,EAAE;MACXhC,IAAI,EAAE;QACFyB,iBAAiB,EAAE5B,cAAc,CAACkC;MACtC;IACJ,CAAiB;IACjBE,QAAQ,EAAE;MACNJ,QAAQ,EAAE,EAAE;MACZK,UAAU,EAAE,KAAK;MACjBJ,KAAK,EAAGjC,cAAc,CAACkC,eAAe;MACtCI,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAEvC,cAAc,CAACwC,QAAQ;MACnCC,SAAS,EAAE,CAAC,EAAE;MACdpB,aAAa,EAAE;IACnB,CAAC;IACDqB,cAAc,EAAE,CAAC;EACrB,CAAC,CAAC;EAEFzC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAE,IAAI,EAAE,EAAE,EAAE;IAC9BK,IAAI,EAAE;MACFC,MAAM,EAAEuC;IACZ,CAAC;IACDrB,OAAO,EAAE;MACLZ,cAAc,EAAE;IACpB,CAAC;IACDe,aAAa,EAAE;MACXmB,cAAc,EAAE,CAAC;MACjBC,cAAc,EAAE7C,cAAc,CAACkC;IACnC,CAAC;IACDR,OAAO,EAAE;MACLvB,IAAI,EAAE;QACFiB,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE,CAAC;QAChBS,iBAAiB,EAAE;MACvB;IACJ,CAAC;IACDM,QAAQ,EAAE;MACNK,SAAS,EAAE;IACf;EACJ,CAAmB,CAAC;AACxB,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","text","menu","flexDirection","backgroundColor","tabbarBackgroundColor","justifyContent","alignItems","modalContent","moreMenu","width","getStyle","shadowOffset","shadowOpacity","shadowRadius","moreMenuRow","paddingTop","paddingBottom","tabItem","minWidth","opacity","activeTabItem","tabIcon","alignSelf","borderBottomColor","transparent","borderBottomWidth","icon","fontSize","color","tabbarIconColor","activeTabIcon","tabLabel","fontWeight","textAlign","fontFamily","baseFont","marginTop","activeTabLabel","centerHubItem","centerHubIcon","centerHubLabel","undefined","borderTopWidth","borderTopColor","shadowColor","borderRadius","position","bottom","centerHubItemColor","left","maxWidth","centerHubIconColor","centerHubLabelColor"],"sources":["tabbar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmTabbarStyles = BaseStyles & {\n    menu: AllStyle,\n    modalContent: AllStyle,\n    moreMenu: AllStyle,\n    moreMenuRow: AllStyle,\n    tabItem: AllStyle,\n    activeTabItem: AllStyle,\n    tabIcon: WmIconStyles,\n    activeTabIcon: WmIconStyles,\n    tabLabel: AllStyle,\n    activeTabLabel: AllStyle,\n    centerHubItem: AllStyle,\n    centerHubIcon: WmIconStyles,\n    centerHubLabel: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-tabbar';\n    BASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmTabbarStyles = defineStyles<WmTabbarStyles>({\n        root: {\n            height: 88\n        },\n        text: {},\n        menu: {\n            height: '100%',\n            flexDirection: 'row',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            justifyContent: 'space-around',\n            alignItems: 'flex-end',\n        },\n        modalContent: {},\n        moreMenu: {\n            width: '100%',\n            flexDirection: 'column-reverse',\n            justifyContent: 'flex-end',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowOffset: {\n                width: 0,\n                height: -6\n            },\n            shadowOpacity: 0.3,\n            shadowRadius: 6\n        },\n        moreMenuRow: {\n            flexDirection: 'row-reverse',\n            justifyContent: 'space-around',\n            width: '100%',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        tabItem: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            minWidth: 60,\n            opacity: 0.4\n        },\n        activeTabItem: {\n            opacity: 1\n        },\n        tabIcon: {\n            root: {\n                alignSelf: 'center',\n                paddingBottom: 32,\n                borderBottomColor: themeVariables.transparent,\n                borderBottomWidth: 4\n            },\n            icon: {\n                fontSize: 36,\n                color:  themeVariables.tabbarIconColor\n            }\n        } as WmIconStyles,\n        activeTabIcon: {\n            root: {\n                borderBottomColor: themeVariables.tabbarIconColor,\n            }\n        } as WmIconStyles,\n        tabLabel: {\n            fontSize: 14,\n            fontWeight: '500',\n            color:  themeVariables.tabbarIconColor,\n            textAlign: 'center',\n            fontFamily: themeVariables.baseFont,\n            marginTop: -32,\n            paddingBottom: 14\n        },\n        activeTabLabel: {},\n        centerHubItem: {},\n        centerHubIcon: {} as WmIconStyles, \n        centerHubLabel:{}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('tabbar-spacer', '', {\n        root: {\n            height: 96\n        }\n    });\n    addStyle(DEFAULT_CLASS+ '-1', '', {\n        root: {\n            height: undefined\n        },\n        tabItem: {\n            justifyContent: 'space-between' \n        },\n        activeTabItem: {\n            borderTopWidth: 4,\n            borderTopColor: themeVariables.tabbarIconColor\n        },\n        tabIcon: {\n            root: {\n                paddingTop: 8,\n                paddingBottom: 8,\n                borderBottomWidth: 0\n            }\n        },\n        tabLabel: {\n            marginTop: 0\n        }\n    } as WmTabbarStyles);\n    addStyle('clipped-tabbar', '', {\n        root:{\n            backgroundColor: themeVariables.transparent,\n            marginTop: -88\n        },\n        menu: {\n            backgroundColor: themeVariables.transparent\n        },\n        centerHubItem: {\n            width: 70,\n            height: 70,\n            shadowColor: 'grey',\n            shadowOpacity: 0.1,\n            opacity: 1,\n            shadowOffset: { width: 2, height: 0 },\n            shadowRadius: 2,\n            borderRadius: 35,\n            position: 'absolute',\n            bottom: 53,\n            alignItems: 'center',\n            justifyContent: 'center',\n            backgroundColor: themeVariables.centerHubItemColor,\n            left: (themeVariables.maxWidth/2) - 35\n        },\n        centerHubIcon: {\n            root: {\n                alignSelf: 'center',\n                paddingBottom: 0,\n                borderBottomColor: themeVariables.transparent,\n                borderBottomWidth: 0 \n            },\n            icon: {\n                fontSize: 24,\n                color:  themeVariables.centerHubIconColor\n            }\n        } as WmIconStyles, \n        centerHubLabel:{\n            color:  themeVariables.centerHubLabelColor,\n            marginTop: 0,\n            paddingBottom: 4\n        }\n    })\n});"],"mappings":"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"}

app-rn-runtime/core/base.component.js

@@ -51,6 +51,7 @@ export class BaseProps extends StyleProps {
     _defineProperty(this, "listener", null);
     _defineProperty(this, "showindevice", null);
     _defineProperty(this, "showskeleton", false);
+    _defineProperty(this, "deferload", false);
   }
 }
 export class BaseComponent extends React.Component {
@@ -76,6 +77,7 @@ export class BaseComponent extends React.Component {
     _defineProperty(this, "loadAsset", null);
     _defineProperty(this, "i18nService", injector.I18nService.get());
     _defineProperty(this, "testIdPrefix", '');
+    _defineProperty(this, "_showView", true);
     this.state = defaultState || {};
     this.notifier.name = this.props.name || '';
     this.propertyProvider = new PropsProvider(assign({
@@ -93,12 +95,14 @@ export class BaseComponent extends React.Component {
         }
       }
       if (name === 'showskeleton' && this.initialized) {
-        this.cleanRefresh();
+        setTimeout(() => this.cleanRefresh(), 100);
       }
       this.onPropertyChange(name, $new, $old);
     });
     //@ts-ignore
     this.state.props = this.propertyProvider.get();
+    //@ts-ignore
+    this._showView = !this.props.deferload;
     this.propertyProvider.check();
     //@ts-ignore
     this.proxy = new Proxy(this, {
@@ -258,6 +262,9 @@ export class BaseComponent extends React.Component {
       }
     }
   }
+  showView() {
+    return this.isVisible();
+  }
   isVisible() {
     const show = this.state.props.show;
     return show !== false && show !== 'false' && show !== '0' && !isNil(show);
@@ -363,6 +370,9 @@ export class BaseComponent extends React.Component {
       testID: id
     };
   }
+  getStyleClassName() {
+    return this.state.props.classname;
+  }
   getTestPropsForInput(suffix) {
     return this.getTestProps(suffix || 'i');
   }
@@ -393,18 +403,20 @@ export class BaseComponent extends React.Component {
   }
   render() {
     const props = this.state.props;
-    if (this.state.hide || !this.isVisible() && this.hideMode === HideMode.DONOT_ADD_TO_DOM) {
-      return null;
-    }
     this.isFixed = false;
     const selectedLocale = this.i18nService.getSelectedLocale();
     return this.getDependenciesFromContext(() => {
       WIDGET_LOGGER.info(() => `${this.props.name || this.constructor.name} is rendering.`);
+      this._showView = this._showView || this.showView();
+      if (this.state.hide || !this.isVisible() && this.hideMode === HideMode.DONOT_ADD_TO_DOM || !this._showView) {
+        return null;
+      }
+      const classname = this.getStyleClassName();
       this.styles = this.theme.mergeStyle(this.getDefaultStyles(), {
         text: this.theme.getStyle('app-' + selectedLocale)
       }, {
         text: this.theme.getStyle(this.defaultClass + '-' + selectedLocale)
-      }, props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null, this.isRTL ? this.theme.getStyle(this.defaultClass + '-rtl') : null, props.classname && this.theme.getStyle(props.classname), props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')), this.props.styles, {
+      }, props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null, this.isRTL ? this.theme.getStyle(this.defaultClass + '-rtl') : null, classname && this.theme.getStyle(classname), props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')), this.props.styles, {
         root: this.styleOverrides,
         text: this.styleOverrides
       });

app-rn-runtime/core/base.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["assign","isUndefined","isNil","React","Platform","Animatable","ThemeVariables","StyleProps","getStyleName","BackgroundComponent","injector","ROOT_LOGGER","deepCopy","BASE_THEME","ThemeConsumer","ThemeEvent","EventNotifier","PropsProvider","assignIn","HideMode","AssetConsumer","FixedView","TextIdPrefixConsumer","WIDGET_LOGGER","extend","ParentContext","createContext","BaseComponentState","constructor","_defineProperty","undefined","defineStyles","styles","text","fontFamily","INSTANCE","baseFont","userSelect","BaseProps","arguments","BaseComponent","Component","markupProps","defaultClass","defaultProps","defaultState","ADD_TO_DOM","createElement","Fragment","I18nService","get","state","notifier","name","props","propertyProvider","show","$new","$old","debug","initialized","styleName","styleOverrides","cleanRefresh","onPropertyChange","check","proxy","Proxy","target","prop","receiver","propName","toString","has","Reflect","set","value","updateState","cleanup","push","updateStateTimeouts","forEach","v","clearTimeout","theme","subscribe","CHANGE","forceUpdate","destroyParentListeners","event","fn","notify","args","isRTL","i18nService","isRTLLocale","animate","setState","animationId","Date","now","animatableProps","setProp","setPropDefault","setDefault","getDefaultStyles","getStyle","reset","newPartialState","callback","destroyed","stateFn","oldState","oldProps","newState","Object","keys","k","onUpdateState","_this$props$listener","_this$props$listener2","listener","onComponentChange","timeoutId","setTimeout","splice","indexOf","shouldComponentUpdate","nextProps","nextState","nextContext","key","componentDidMount","onComponentInit","componentWillAttach","isFixed","hide","componentWillDetach","componentWillUnmount","onComponentDestroy","f","destroy","componentDidUpdate","prevProps","prevState","snapshot","invokeEventCallback","eventName","callBack","map","a","apply","e","console","error","isVisible","refresh","renderSkeleton","parentListenerDestroyers","setParent","parent","copyStyles","property","from","to","renderFixedContainer","style","rootStyle","left","top","bottom","right","width","height","root","mergeStyle","addAnimation","renderWidget","n","View","_extends","setBackground","bgStyle","_background","image","backgroundImage","position","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","borderRadius","getTestId","suffix","id","testIdPrefix","getTestProps","OS","accessibilityLabel","testID","accessible","getTestPropsForInput","getTestPropsForAction","getTestPropsForLabel","getDependenciesFromContext","loadAsset","Consumer","_this$parent","_showSkeleton","showskeleton","Provider","render","hideMode","DONOT_ADD_TO_DOM","selectedLocale","getSelectedLocale","info","disabled","classname","showindevice","d","join","hasOwnProperty","backgroundColor","eleToRender"],"sources":["base.component.tsx"],"sourcesContent":["import { assign, isUndefined, isNil } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { I18nManager, Platform, TextStyle, ViewStyle } from 'react-native';\nimport * as Application from 'expo-application';\nimport { AnimatableProperties } from 'react-native-animatable';\nimport * as Animatable from 'react-native-animatable';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { StyleProps, getStyleName } from '@wavemaker/app-rn-runtime/styles/style-props';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport { ROOT_LOGGER } from '@wavemaker/app-rn-runtime/core/logger';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport BASE_THEME, { NamedStyles, AllStyle, ThemeConsumer, ThemeEvent, Theme } from '../styles/theme';\nimport EventNotifier from './event-notifier';\nimport { PropsProvider } from './props.provider';\nimport { assignIn } from 'lodash-es';\nimport { HideMode } from './if.component';\nimport { AssetConsumer } from './asset.provider';\nimport { FixedView } from './fixed-view.component';\nimport { TextIdPrefixConsumer } from './testid.provider';\n\nexport const WIDGET_LOGGER = ROOT_LOGGER.extend('widget');\n\nexport const ParentContext = React.createContext(null as any);\n\nexport class BaseComponentState<T extends BaseProps> {\n    public animationId?: number = 0;\n    public animatableProps?: AnimatableProperties<ViewStyle> = undefined;\n    public props = {} as T;\n    public hide? = false;\n}\n\nexport type BaseStyles = NamedStyles<any> & {\n    root: AllStyle,\n    text: TextStyle & {userSelect?: 'none'| 'text'}\n}\n\nexport function defineStyles<T>(styles: T): T {\n    return deepCopy({\n        text: {\n            fontFamily: ThemeVariables.INSTANCE.baseFont,\n            userSelect: 'text'\n        }\n    }, styles);\n}\n\nexport interface LifecycleListener {\n    onComponentChange?: (c: BaseComponent<any, any, any>) => void;\n    onComponentInit?: (c: BaseComponent<any, any, any>) => void;\n    onComponentDestroy?: (c: BaseComponent<any, any, any>) => void;\n}\n\nexport class BaseProps extends StyleProps {\n    id?: string = null as any;\n    name?: string = null as any;\n    key?: any = null as any;\n    disabled? = false;\n    show? = true as Boolean | String | Number;\n    styles?: any = null;\n    classname?: string = null as any;\n    listener?: LifecycleListener = null as any;\n    showindevice?: ('xs'|'sm'|'md'|'lg'|'xl'|'xxl')[] = null as any;\n    showskeleton?: boolean = false;\n}\n\nexport abstract class BaseComponent<T extends BaseProps, S extends BaseComponentState<T>, L extends BaseStyles> extends React.Component<T, S> {\n    public styles: L = null as any;\n    public hideMode = HideMode.ADD_TO_DOM;\n    private propertyProvider: PropsProvider<T>;\n    public proxy: BaseComponent<T, S, L>;\n    public initialized = false;\n    public cleanup = [] as Function[];\n    public theme = BASE_THEME;\n    public updateStateTimeouts= [] as NodeJS.Timeout[];\n    public parent: BaseComponent<any, any, any> = null as any;\n    public destroyed = false;\n    public _showSkeleton = false;\n    public isFixed = false;\n    private notifier = new EventNotifier();\n    private parentListenerDestroyers = [] as Function[];\n    public _background = <></>;\n    private styleOverrides = {} as any;\n    public loadAsset: (path: string) => number | string = null as any;\n    private i18nService = injector.I18nService.get();\n    public testIdPrefix = '';\n\n    constructor(markupProps: T, public defaultClass: string, defaultProps?: T, defaultState?: S) {\n        super(markupProps);\n        this.state = (defaultState || {} as S);\n        this.notifier.name = this.props.name || '';\n        this.propertyProvider = new PropsProvider<T>(\n            assign({show: true}, defaultProps),\n            assign({}, markupProps),\n            (name: string, $new: any, $old: any) => {\n                WIDGET_LOGGER.debug(() => `${this.props.name || this.constructor.name}: ${name} changed from ${$old} to ${$new}`);\n                if (this.initialized) {\n                    const styleName = getStyleName(name);\n                    if (styleName) {\n                        if ($new === undefined) {\n                            delete this.styleOverrides[styleName];\n                        } else {\n                            this.styleOverrides[styleName] = $new;\n                        }\n                    }\n                }\n                if (name === 'showskeleton' && this.initialized) {\n                    this.cleanRefresh();\n                }\n                this.onPropertyChange(name, $new, $old);\n            });\n        //@ts-ignore\n        this.state.props =this.propertyProvider.get();\n        this.propertyProvider.check();\n        //@ts-ignore\n        this.proxy = (new Proxy(this, {\n            get: (target, prop, receiver): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    //@ts-ignore\n                    return this.state.props[propName];\n                }\n                return Reflect.get(target, prop, receiver);\n            },\n            set: (target: any, prop, value: any): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    // @ts-ignore\n                    const props = {} as any;\n                    props[propName] = value;\n                    this.updateState({\n                        props: props\n                    } as S);\n                    return true;\n                } else {\n                    return Reflect.set(target, prop, value);\n                }\n            }\n        }));\n        this.cleanup.push(() => {\n            this.updateStateTimeouts.forEach(v => clearTimeout(v));\n        });\n        this.cleanup.push(this.theme.subscribe(ThemeEvent.CHANGE, () => {\n            this.forceUpdate();\n        }));\n        this.cleanup.push(() => {\n            this.destroyParentListeners();\n        });\n    }\n\n    public subscribe(event: string, fn: Function) {\n        return this.notifier.subscribe(event, fn);\n    }\n\n    public notify(event: string, args: any[]) {\n        return this.notifier.notify(event, args);\n    }\n\n    public get isRTL(){\n        return this.i18nService.isRTLLocale();\n    }\n\n    public animate(props: AnimatableProperties<ViewStyle>) {\n        this.setState({\n            animationId: Date.now(),\n            animatableProps: props\n        });\n    }\n\n    setProp(propName: string, value: any) {\n        this.propertyProvider.set(propName, value);\n        this.updateState({props:{}} as S);\n    }\n\n    setPropDefault(propName: string, value: any) {\n        this.propertyProvider.setDefault(propName, value);\n    }\n    \n    onPropertyChange(name: string, $new: any, $old: any) {        \n    }\n     \n    getDefaultStyles() {\n        return this.theme.getStyle(this.defaultClass);\n    }\n\n    reset() {\n\n    }\n\n    updateState(newPartialState: S, callback?: ()=>void) {\n        if (this.destroyed) {\n            return;\n        }\n        const stateFn = (oldState: S) => {\n            const oldProps = oldState.props;\n            const newState = this.initialized ? assignIn({}, oldState, newPartialState) : assignIn(oldState, newPartialState);\n            if (newPartialState.props) {\n                Object.keys(newPartialState.props).forEach((k) => {\n                    //@ts-ignore\n                    oldProps[k] = newState.props[k];\n                });\n                newState.props = oldProps;\n            }\n            return newState;\n        };\n        const onUpdateState = () => {\n            callback && callback();\n            this.props.listener?.onComponentChange\n                && this.props.listener?.onComponentChange(this);\n        }\n        if (!this.initialized) {\n            this.state = stateFn(this.state);\n            onUpdateState();\n        } else {\n            const timeoutId = setTimeout(() => {\n                this.setState(stateFn, onUpdateState);\n                this.updateStateTimeouts.splice(this.updateStateTimeouts.indexOf(timeoutId), 1);\n            });\n            this.updateStateTimeouts.push(timeoutId);\n        }\n    }\n\n    shouldComponentUpdate(nextProps: T, nextState: S, nextContext: any) {\n        if (this.propertyProvider.check(nextProps)) {\n            return true;\n        }\n        for(let key in nextState) {\n            if(key !== 'props' && (!(key in this.state) || nextState[key] !== this.state[key])) {\n                return true;\n            }\n        }\n\n        for(let key in this.state) {\n            if(key !== 'props' && (!(key in nextState) || this.state[key] !== nextState[key])) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    componentDidMount() {\n        if (this.props.listener && this.props.listener.onComponentInit) {\n            this.props.listener.onComponentInit(this.proxy);\n        }\n        this.initialized = true;\n    }\n\n    componentWillAttach() {\n        if (this.isFixed) {\n            this.setState({hide: false});\n        }\n    }\n\n    componentWillDetach() {\n        if (this.isFixed) {\n            this.setState({hide: true});\n        }\n    }\n\n    componentWillUnmount() {\n        this.destroyed = true;\n        if (this.props.listener && this.props.listener.onComponentDestroy) {\n            this.props.listener.onComponentDestroy(this.proxy);\n        }\n        this.cleanup.forEach(f => f && f());\n        this.notifier.destroy();\n        this.notifier.notify('destroy', []);\n    }\n    \n    componentDidUpdate(prevProps: Readonly<T>, prevState: Readonly<S>, snapshot?: any): void {\n        if (this.propertyProvider.check(this.props)) {\n            this.forceUpdate();\n        }\n    }\n\n    invokeEventCallback(eventName: string, args: any[]) {\n        //@ts-ignore\n        const callBack: Function = this.props[eventName];\n        args = args && args.map(a => (a === this) ? this.proxy : a)\n        if (callBack) {\n            try {\n              return callBack.apply(this.proxy, args);\n            } catch(e) {\n                console.error(e);\n            }\n        }\n    }\n\n    isVisible() {\n        const show = this.state.props.show;\n        return show !== false && show !== 'false' && show !== '0' && !isNil(show);\n    }\n\n    protected abstract renderWidget(props: T): ReactNode;\n\n    public refresh() {\n        this.forceUpdate();\n    }\n\n    public cleanRefresh() {\n        this.forceUpdate(() => this.notifier.notify('forceUpdate', []));\n    }\n    \n    public renderSkeleton (props: T): ReactNode {\n        return null;\n    }\n\n    public destroyParentListeners() {\n        this.parentListenerDestroyers.map(fn => fn());\n    }\n\n    private setParent(parent: BaseComponent<any, any, any>) {\n        if (parent && this.parent !== parent)  {\n            this.parent = parent;\n            this.notifier.setParent(parent.notifier);\n            this.parentListenerDestroyers = [\n                this.parent.subscribe('forceUpdate', () => {\n                    this.cleanRefresh();\n                }),\n                this.parent.subscribe('destroy', () => {\n                    this.destroyParentListeners();\n                })\n            ];\n        }\n    }\n\n    copyStyles(property: string, from: any, to: any) {\n        if (!isUndefined(from[property])) {\n        to[property] = from[property];\n        }\n    }\n\n    renderFixedContainer(props: T) {\n        const style = {} as ViewStyle;\n        const rootStyle = {\n            left: 0,\n            top: 0,\n            bottom: 0,\n            right: 0,\n            width: \"100%\",\n            height: \"100%\"\n        } as ViewStyle;\n        this.copyStyles('left', this.styles.root, style);\n        this.copyStyles('top', this.styles.root, style);\n        this.copyStyles('right', this.styles.root, style);\n        this.copyStyles('bottom', this.styles.root, style);\n        this.copyStyles('width', this.styles.root, style);\n        this.copyStyles('height', this.styles.root, style);\n        this.styles = this.theme.mergeStyle(this.styles, {root: rootStyle});\n        return (<FixedView style={style} theme={this.theme}>{this.addAnimation(this.renderWidget(props))}</FixedView>);\n    }\n\n    private addAnimation(n: ReactNode) {\n        if (!this.state.animatableProps) {\n            return n;\n        }\n        return (<Animatable.View key={this.state.animationId} {...this.state.animatableProps}>{n}</Animatable.View>);\n    }\n    \n    private setBackground() {\n        const bgStyle = this.styles.root as any;\n        this._background = (\n            <BackgroundComponent \n                image={bgStyle.backgroundImage}\n                position={bgStyle.backgroundPosition}\n                size={bgStyle.backgroundSize}\n                repeat={bgStyle.backgroundRepeat}\n                resizeMode={bgStyle.backgroundResizeMode}\n                style={{borderRadius: this.styles.root.borderRadius}}>\n            </BackgroundComponent>\n        );\n        delete (this.styles.root as any)['backgroundImage'];\n        delete (this.styles.root as any)['backgroundPosition'];\n        delete (this.styles.root as any)['backgroundResizeMode'];\n        delete (this.styles.root as any)['backgroundSize'];\n        delete (this.styles.root as any)['backgroundRepeat'];\n    }\n\n    public getTestId(suffix?: string) {\n        let id = this.props.id || this.props.name;\n        if (this.testIdPrefix) {\n            id = this.testIdPrefix + '_' + id;\n        }\n        if (suffix) {\n            id = id + '_' + suffix;\n        }\n        return id;\n    }\n\n    public getTestProps(suffix?: string) {\n        let id = this.getTestId(suffix);\n        if (Platform.OS === 'android' || Platform.OS === 'web') {\n            return {\n                accessibilityLabel: id,\n                testID: id\n            };\n        }\n        return {\n            accessible: false,\n            testID: id\n        };\n    }\n\n    public getTestPropsForInput(suffix?: string) {\n        return this.getTestProps(suffix || 'i');\n    }\n\n    public getTestPropsForAction(suffix?: string) {\n        return this.getTestProps(suffix || 'a');\n    }\n\n    public getTestPropsForLabel(suffix?: string) {\n        return this.getTestProps(suffix || 'l');\n    }\n\n    private getDependenciesFromContext(fn: () => ReactNode) {\n        return (\n        <TextIdPrefixConsumer>\n            {(testIdPrefix) => {\n                this.testIdPrefix = testIdPrefix || '';\n                return (<AssetConsumer>\n                    {(loadAsset) => {\n                    this.loadAsset = loadAsset;\n                    return (<ParentContext.Consumer>\n                        {(parent) => {\n                            this.setParent(parent);\n                            this._showSkeleton = this.parent?._showSkeleton \n                                || !!this.state.props.showskeleton;\n                            return (\n                                <ParentContext.Provider value={this}>\n                                    <ThemeConsumer>\n                                        {(theme) => {                                \n                                            this.theme = theme || BASE_THEME;\n                                            return fn();\n                                        }}\n                                    </ThemeConsumer>\n                                </ParentContext.Provider>);\n                        }}    \n                        </ParentContext.Consumer>);\n                    }}\n                </AssetConsumer>);\n            }}\n        </TextIdPrefixConsumer>); \n    }\n      \n    public render(): ReactNode {\n        const props = this.state.props;\n        if (this.state.hide || (!this.isVisible() && this.hideMode === HideMode.DONOT_ADD_TO_DOM)) {\n            return null;\n        }\n        this.isFixed = false;\n        const selectedLocale = this.i18nService.getSelectedLocale();\n        return this.getDependenciesFromContext(() => {\n            WIDGET_LOGGER.info(() => `${this.props.name || this.constructor.name} is rendering.`);\n            this.styles =  this.theme.mergeStyle(\n                this.getDefaultStyles(),\n                {text: this.theme.getStyle('app-' + selectedLocale)},\n                {text: this.theme.getStyle(this.defaultClass + '-' + selectedLocale)},\n                props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null,\n                this.isRTL ? this.theme.getStyle(this.defaultClass + '-rtl') : null,\n                props.classname && this.theme.getStyle(props.classname),\n                props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')),\n                this.props.styles,\n                {\n                    root: this.styleOverrides,\n                    text: this.styleOverrides\n                });\n            if (this.styles.root.hasOwnProperty('_background')) {\n                delete this.styles.root.backgroundColor;\n            }\n            if (!this.isVisible()) {\n                assign(this.styles, this.theme.getStyle('hidden'))\n            }\n            let eleToRender = (this._showSkeleton && this.renderSkeleton(props));\n            if (eleToRender) {\n                return eleToRender;\n            }\n            this.setBackground();\n            this.isFixed = (this.styles.root.position as any) === 'fixed';\n            if (this.isFixed) {\n                this.styles.root.position  = undefined;\n                return this.renderFixedContainer(props);\n            }\n            return this.addAnimation(this.renderWidget(this.state.props));        \n        });\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["assign","isUndefined","isNil","React","Platform","Animatable","ThemeVariables","StyleProps","getStyleName","BackgroundComponent","injector","ROOT_LOGGER","deepCopy","BASE_THEME","ThemeConsumer","ThemeEvent","EventNotifier","PropsProvider","assignIn","HideMode","AssetConsumer","FixedView","TextIdPrefixConsumer","WIDGET_LOGGER","extend","ParentContext","createContext","BaseComponentState","constructor","_defineProperty","undefined","defineStyles","styles","text","fontFamily","INSTANCE","baseFont","userSelect","BaseProps","arguments","BaseComponent","Component","markupProps","defaultClass","defaultProps","defaultState","ADD_TO_DOM","createElement","Fragment","I18nService","get","state","notifier","name","props","propertyProvider","show","$new","$old","debug","initialized","styleName","styleOverrides","setTimeout","cleanRefresh","onPropertyChange","_showView","deferload","check","proxy","Proxy","target","prop","receiver","propName","toString","has","Reflect","set","value","updateState","cleanup","push","updateStateTimeouts","forEach","v","clearTimeout","theme","subscribe","CHANGE","forceUpdate","destroyParentListeners","event","fn","notify","args","isRTL","i18nService","isRTLLocale","animate","setState","animationId","Date","now","animatableProps","setProp","setPropDefault","setDefault","getDefaultStyles","getStyle","reset","newPartialState","callback","destroyed","stateFn","oldState","oldProps","newState","Object","keys","k","onUpdateState","_this$props$listener","_this$props$listener2","listener","onComponentChange","timeoutId","splice","indexOf","shouldComponentUpdate","nextProps","nextState","nextContext","key","componentDidMount","onComponentInit","componentWillAttach","isFixed","hide","componentWillDetach","componentWillUnmount","onComponentDestroy","f","destroy","componentDidUpdate","prevProps","prevState","snapshot","invokeEventCallback","eventName","callBack","map","a","apply","e","console","error","showView","isVisible","refresh","renderSkeleton","parentListenerDestroyers","setParent","parent","copyStyles","property","from","to","renderFixedContainer","style","rootStyle","left","top","bottom","right","width","height","root","mergeStyle","addAnimation","renderWidget","n","View","_extends","setBackground","bgStyle","_background","image","backgroundImage","position","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","borderRadius","getTestId","suffix","id","testIdPrefix","getTestProps","OS","accessibilityLabel","testID","accessible","getStyleClassName","classname","getTestPropsForInput","getTestPropsForAction","getTestPropsForLabel","getDependenciesFromContext","loadAsset","Consumer","_this$parent","_showSkeleton","showskeleton","Provider","render","selectedLocale","getSelectedLocale","info","hideMode","DONOT_ADD_TO_DOM","disabled","showindevice","d","join","hasOwnProperty","backgroundColor","eleToRender"],"sources":["base.component.tsx"],"sourcesContent":["import { assign, isUndefined, isNil } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { I18nManager, Platform, TextStyle, ViewStyle } from 'react-native';\nimport * as Application from 'expo-application';\nimport { AnimatableProperties } from 'react-native-animatable';\nimport * as Animatable from 'react-native-animatable';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { StyleProps, getStyleName } from '@wavemaker/app-rn-runtime/styles/style-props';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport { ROOT_LOGGER } from '@wavemaker/app-rn-runtime/core/logger';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport BASE_THEME, { NamedStyles, AllStyle, ThemeConsumer, ThemeEvent, Theme } from '../styles/theme';\nimport EventNotifier from './event-notifier';\nimport { PropsProvider } from './props.provider';\nimport { assignIn } from 'lodash-es';\nimport { HideMode } from './if.component';\nimport { AssetConsumer } from './asset.provider';\nimport { FixedView } from './fixed-view.component';\nimport { TextIdPrefixConsumer } from './testid.provider';\n\nexport const WIDGET_LOGGER = ROOT_LOGGER.extend('widget');\n\nexport const ParentContext = React.createContext(null as any);\n\nexport class BaseComponentState<T extends BaseProps> {\n    public animationId?: number = 0;\n    public animatableProps?: AnimatableProperties<ViewStyle> = undefined;\n    public props = {} as T;\n    public hide? = false;\n}\n\nexport type BaseStyles = NamedStyles<any> & {\n    root: AllStyle,\n    text: TextStyle & {userSelect?: 'none'| 'text'}\n}\n\nexport function defineStyles<T>(styles: T): T {\n    return deepCopy({\n        text: {\n            fontFamily: ThemeVariables.INSTANCE.baseFont,\n            userSelect: 'text'\n        }\n    }, styles);\n}\n\nexport interface LifecycleListener {\n    onComponentChange?: (c: BaseComponent<any, any, any>) => void;\n    onComponentInit?: (c: BaseComponent<any, any, any>) => void;\n    onComponentDestroy?: (c: BaseComponent<any, any, any>) => void;\n}\n\nexport class BaseProps extends StyleProps {\n    id?: string = null as any;\n    name?: string = null as any;\n    key?: any = null as any;\n    disabled? = false;\n    show? = true as Boolean | String | Number;\n    styles?: any = null;\n    classname?: string = null as any;\n    listener?: LifecycleListener = null as any;\n    showindevice?: ('xs'|'sm'|'md'|'lg'|'xl'|'xxl')[] = null as any;\n    showskeleton?: boolean = false;\n    deferload?: boolean = false;\n}\n\nexport abstract class BaseComponent<T extends BaseProps, S extends BaseComponentState<T>, L extends BaseStyles> extends React.Component<T, S> {\n    public styles: L = null as any;\n    public hideMode = HideMode.ADD_TO_DOM;\n    private propertyProvider: PropsProvider<T>;\n    public proxy: BaseComponent<T, S, L>;\n    public initialized = false;\n    public cleanup = [] as Function[];\n    public theme = BASE_THEME;\n    public updateStateTimeouts= [] as NodeJS.Timeout[];\n    public parent: BaseComponent<any, any, any> = null as any;\n    public destroyed = false;\n    public _showSkeleton = false;\n    public isFixed = false;\n    private notifier = new EventNotifier();\n    private parentListenerDestroyers = [] as Function[];\n    public _background = <></>;\n    private styleOverrides = {} as any;\n    public loadAsset: (path: string) => number | string = null as any;\n    private i18nService = injector.I18nService.get();\n    public testIdPrefix = '';\n    private _showView = true;\n\n    constructor(markupProps: T, public defaultClass: string, defaultProps?: T, defaultState?: S) {\n        super(markupProps);\n        this.state = (defaultState || {} as S);\n        this.notifier.name = this.props.name || '';\n        this.propertyProvider = new PropsProvider<T>(\n            assign({show: true}, defaultProps),\n            assign({}, markupProps),\n            (name: string, $new: any, $old: any) => {\n                WIDGET_LOGGER.debug(() => `${this.props.name || this.constructor.name}: ${name} changed from ${$old} to ${$new}`);\n                if (this.initialized) {\n                    const styleName = getStyleName(name);\n                    if (styleName) {\n                        if ($new === undefined) {\n                            delete this.styleOverrides[styleName];\n                        } else {\n                            this.styleOverrides[styleName] = $new;\n                        }\n                    }\n                }\n                if (name === 'showskeleton' && this.initialized) {\n                    setTimeout(() => this.cleanRefresh(), 100);\n                }\n                this.onPropertyChange(name, $new, $old);\n            });\n        //@ts-ignore\n        this.state.props =this.propertyProvider.get();\n        //@ts-ignore\n        this._showView = !this.props.deferload;\n        this.propertyProvider.check();\n        //@ts-ignore\n        this.proxy = (new Proxy(this, {\n            get: (target, prop, receiver): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    //@ts-ignore\n                    return this.state.props[propName];\n                }\n                return Reflect.get(target, prop, receiver);\n            },\n            set: (target: any, prop, value: any): any => {\n                const propName = prop.toString();\n                if (this.propertyProvider.has(propName)) {\n                    // @ts-ignore\n                    const props = {} as any;\n                    props[propName] = value;\n                    this.updateState({\n                        props: props\n                    } as S);\n                    return true;\n                } else {\n                    return Reflect.set(target, prop, value);\n                }\n            }\n        }));\n        this.cleanup.push(() => {\n            this.updateStateTimeouts.forEach(v => clearTimeout(v));\n        });\n        this.cleanup.push(this.theme.subscribe(ThemeEvent.CHANGE, () => {\n            this.forceUpdate();\n        }));\n        this.cleanup.push(() => {\n            this.destroyParentListeners();\n        });\n    }\n\n    public subscribe(event: string, fn: Function) {\n        return this.notifier.subscribe(event, fn);\n    }\n\n    public notify(event: string, args: any[]) {\n        return this.notifier.notify(event, args);\n    }\n\n    public get isRTL(){\n        return this.i18nService.isRTLLocale();\n    }\n\n    public animate(props: AnimatableProperties<ViewStyle>) {\n        this.setState({\n            animationId: Date.now(),\n            animatableProps: props\n        });\n    }\n\n    setProp(propName: string, value: any) {\n        this.propertyProvider.set(propName, value);\n        this.updateState({props:{}} as S);\n    }\n\n    setPropDefault(propName: string, value: any) {\n        this.propertyProvider.setDefault(propName, value);\n    }\n    \n    onPropertyChange(name: string, $new: any, $old: any) {        \n    }\n     \n    getDefaultStyles() {\n        return this.theme.getStyle(this.defaultClass);\n    }\n\n    reset() {\n\n    }\n\n    updateState(newPartialState: S, callback?: ()=>void) {\n        if (this.destroyed) {\n            return;\n        }\n        const stateFn = (oldState: S) => {\n            const oldProps = oldState.props;\n            const newState = this.initialized ? assignIn({}, oldState, newPartialState) : assignIn(oldState, newPartialState);\n            if (newPartialState.props) {\n                Object.keys(newPartialState.props).forEach((k) => {\n                    //@ts-ignore\n                    oldProps[k] = newState.props[k];\n                });\n                newState.props = oldProps;\n            }\n            return newState;\n        };\n        const onUpdateState = () => {\n            callback && callback();\n            this.props.listener?.onComponentChange\n                && this.props.listener?.onComponentChange(this);\n        }\n        if (!this.initialized) {\n            this.state = stateFn(this.state);\n            onUpdateState();\n        } else {\n            const timeoutId = setTimeout(() => {\n                this.setState(stateFn, onUpdateState);\n                this.updateStateTimeouts.splice(this.updateStateTimeouts.indexOf(timeoutId), 1);\n            });\n            this.updateStateTimeouts.push(timeoutId);\n        }\n    }\n\n    shouldComponentUpdate(nextProps: T, nextState: S, nextContext: any) {\n        if (this.propertyProvider.check(nextProps)) {\n            return true;\n        }\n        for(let key in nextState) {\n            if(key !== 'props' && (!(key in this.state) || nextState[key] !== this.state[key])) {\n                return true;\n            }\n        }\n\n        for(let key in this.state) {\n            if(key !== 'props' && (!(key in nextState) || this.state[key] !== nextState[key])) {\n                return true;\n            }\n        }\n        return false;\n    }\n\n    componentDidMount() {\n        if (this.props.listener && this.props.listener.onComponentInit) {\n            this.props.listener.onComponentInit(this.proxy);\n        }\n        this.initialized = true;\n    }\n\n    componentWillAttach() {\n        if (this.isFixed) {\n            this.setState({hide: false});\n        }\n    }\n\n    componentWillDetach() {\n        if (this.isFixed) {\n            this.setState({hide: true});\n        }\n    }\n\n    componentWillUnmount() {\n        this.destroyed = true;\n        if (this.props.listener && this.props.listener.onComponentDestroy) {\n            this.props.listener.onComponentDestroy(this.proxy);\n        }\n        this.cleanup.forEach(f => f && f());\n        this.notifier.destroy();\n        this.notifier.notify('destroy', []);\n    }\n    \n    componentDidUpdate(prevProps: Readonly<T>, prevState: Readonly<S>, snapshot?: any): void {\n        if (this.propertyProvider.check(this.props)) {\n            this.forceUpdate();\n        }\n    }\n\n    invokeEventCallback(eventName: string, args: any[]) {\n        //@ts-ignore\n        const callBack: Function = this.props[eventName];\n        args = args && args.map(a => (a === this) ? this.proxy : a)\n        if (callBack) {\n            try {\n              return callBack.apply(this.proxy, args);\n            } catch(e) {\n                console.error(e);\n            }\n        }\n    }\n\n    showView() {\n        return this.isVisible();\n    }\n\n    isVisible() {\n        const show = this.state.props.show;\n        return show !== false && show !== 'false' && show !== '0' && !isNil(show);\n    }\n\n    protected abstract renderWidget(props: T): ReactNode;\n\n    public refresh() {\n        this.forceUpdate();\n    }\n\n    public cleanRefresh() {\n        this.forceUpdate(() => this.notifier.notify('forceUpdate', []));\n    }\n    \n    public renderSkeleton (props: T): ReactNode {\n        return null;\n    }\n\n    public destroyParentListeners() {\n        this.parentListenerDestroyers.map(fn => fn());\n    }\n\n    private setParent(parent: BaseComponent<any, any, any>) {\n        if (parent && this.parent !== parent)  {\n            this.parent = parent;\n            this.notifier.setParent(parent.notifier);\n            this.parentListenerDestroyers = [\n                this.parent.subscribe('forceUpdate', () => {\n                    this.cleanRefresh();\n                }),\n                this.parent.subscribe('destroy', () => {\n                    this.destroyParentListeners();\n                })\n            ];\n        }\n    }\n\n    copyStyles(property: string, from: any, to: any) {\n        if (!isUndefined(from[property])) {\n        to[property] = from[property];\n        }\n    }\n\n    renderFixedContainer(props: T) {\n        const style = {} as ViewStyle;\n        const rootStyle = {\n            left: 0,\n            top: 0,\n            bottom: 0,\n            right: 0,\n            width: \"100%\",\n            height: \"100%\"\n        } as ViewStyle;\n        this.copyStyles('left', this.styles.root, style);\n        this.copyStyles('top', this.styles.root, style);\n        this.copyStyles('right', this.styles.root, style);\n        this.copyStyles('bottom', this.styles.root, style);\n        this.copyStyles('width', this.styles.root, style);\n        this.copyStyles('height', this.styles.root, style);\n        this.styles = this.theme.mergeStyle(this.styles, {root: rootStyle});\n        return (<FixedView style={style} theme={this.theme}>{this.addAnimation(this.renderWidget(props))}</FixedView>);\n    }\n\n    private addAnimation(n: ReactNode) {\n        if (!this.state.animatableProps) {\n            return n;\n        }\n        return (<Animatable.View key={this.state.animationId} {...this.state.animatableProps}>{n}</Animatable.View>);\n    }\n    \n    private setBackground() {\n        const bgStyle = this.styles.root as any;\n        this._background = (\n            <BackgroundComponent \n                image={bgStyle.backgroundImage}\n                position={bgStyle.backgroundPosition}\n                size={bgStyle.backgroundSize}\n                repeat={bgStyle.backgroundRepeat}\n                resizeMode={bgStyle.backgroundResizeMode}\n                style={{borderRadius: this.styles.root.borderRadius}}>\n            </BackgroundComponent>\n        );\n        delete (this.styles.root as any)['backgroundImage'];\n        delete (this.styles.root as any)['backgroundPosition'];\n        delete (this.styles.root as any)['backgroundResizeMode'];\n        delete (this.styles.root as any)['backgroundSize'];\n        delete (this.styles.root as any)['backgroundRepeat'];\n    }\n\n    public getTestId(suffix?: string) {\n        let id = this.props.id || this.props.name;\n        if (this.testIdPrefix) {\n            id = this.testIdPrefix + '_' + id;\n        }\n        if (suffix) {\n            id = id + '_' + suffix;\n        }\n        return id;\n    }\n\n    public getTestProps(suffix?: string) {\n        let id = this.getTestId(suffix);\n        if (Platform.OS === 'android' || Platform.OS === 'web') {\n            return {\n                accessibilityLabel: id,\n                testID: id\n            };\n        }\n        return {\n            accessible: false,\n            testID: id\n        };\n    }\n\n    public getStyleClassName() {\n        return this.state.props.classname;\n    }\n\n    public getTestPropsForInput(suffix?: string) {\n        return this.getTestProps(suffix || 'i');\n    }\n\n    public getTestPropsForAction(suffix?: string) {\n        return this.getTestProps(suffix || 'a');\n    }\n\n    public getTestPropsForLabel(suffix?: string) {\n        return this.getTestProps(suffix || 'l');\n    }\n\n    private getDependenciesFromContext(fn: () => ReactNode) {\n        return (\n        <TextIdPrefixConsumer>\n            {(testIdPrefix) => {\n                this.testIdPrefix = testIdPrefix || '';\n                return (<AssetConsumer>\n                    {(loadAsset) => {\n                    this.loadAsset = loadAsset;\n                    return (<ParentContext.Consumer>\n                        {(parent) => {\n                            this.setParent(parent);\n                            this._showSkeleton = this.parent?._showSkeleton \n                                || !!this.state.props.showskeleton;\n                            return (\n                                <ParentContext.Provider value={this}>\n                                    <ThemeConsumer>\n                                        {(theme) => {                                \n                                            this.theme = theme || BASE_THEME;\n                                            return fn();\n                                        }}\n                                    </ThemeConsumer>\n                                </ParentContext.Provider>);\n                        }}    \n                        </ParentContext.Consumer>);\n                    }}\n                </AssetConsumer>);\n            }}\n        </TextIdPrefixConsumer>); \n    }\n      \n    public render(): ReactNode {\n        const props = this.state.props;\n        this.isFixed = false;\n        const selectedLocale = this.i18nService.getSelectedLocale();\n        return this.getDependenciesFromContext(() => {\n            WIDGET_LOGGER.info(() => `${this.props.name || this.constructor.name} is rendering.`);\n            this._showView = this._showView || this.showView();\n            if (this.state.hide \n                || (!this.isVisible() && this.hideMode === HideMode.DONOT_ADD_TO_DOM)\n                || !this._showView) {\n                return null;\n            }\n            const classname = this.getStyleClassName();\n            this.styles =  this.theme.mergeStyle(\n                this.getDefaultStyles(),\n                {text: this.theme.getStyle('app-' + selectedLocale)},\n                {text: this.theme.getStyle(this.defaultClass + '-' + selectedLocale)},\n                props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null,\n                this.isRTL ? this.theme.getStyle(this.defaultClass + '-rtl') : null,\n                classname && this.theme.getStyle(classname),\n                props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')),\n                this.props.styles,\n                {\n                    root: this.styleOverrides,\n                    text: this.styleOverrides\n                });\n            if (this.styles.root.hasOwnProperty('_background')) {\n                delete this.styles.root.backgroundColor;\n            }\n            if (!this.isVisible()) {\n                assign(this.styles, this.theme.getStyle('hidden'))\n            }\n            let eleToRender = (this._showSkeleton && this.renderSkeleton(props));\n            if (eleToRender) {\n                return eleToRender;\n            }\n            this.setBackground();\n            this.isFixed = (this.styles.root.position as any) === 'fixed';\n            if (this.isFixed) {\n                this.styles.root.position  = undefined;\n                return this.renderFixedContainer(props);\n            }\n            return this.addAnimation(this.renderWidget(this.state.props));        \n        });\n    }\n}\n"],"mappings":"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"}

app-rn-runtime/core/components/floatinglabel.component.js

@@ -0,0 +1,45 @@
+import React, { useEffect, useState } from 'react';
+import { Animated, Text } from 'react-native';
+import { Theme } from '@wavemaker/app-rn-runtime/styles/theme';
+export const FloatingLabel = props => {
+  var _props$style, _props$style2;
+  const width = ((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.width) || 160;
+  const [labelPositionX] = useState(new Animated.Value(0));
+  const [labelPositionY] = useState(new Animated.Value(0));
+  const [labelScale] = useState(new Animated.Value(1));
+  const fontSize = ((_props$style2 = props.style) === null || _props$style2 === void 0 ? void 0 : _props$style2.fontSize) || 16;
+  useEffect(() => {
+    Animated.parallel([Animated.timing(labelPositionX, {
+      toValue: props.moveUp ? -1 * 0.1 * width : 0,
+      duration: 200,
+      useNativeDriver: true
+    }), Animated.timing(labelPositionY, {
+      toValue: props.moveUp ? -1 * fontSize : 0,
+      duration: 200,
+      useNativeDriver: true
+    }), Animated.timing(labelScale, {
+      toValue: props.moveUp ? 0.8 : 1,
+      duration: 200,
+      useNativeDriver: true
+    })]).start();
+  }, [props.moveUp]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      position: 'absolute',
+      zIndex: 1,
+      width: width,
+      transform: [{
+        translateY: labelPositionY
+      }, {
+        translateX: labelPositionX
+      }, {
+        scale: labelScale
+      }]
+    }, props.style],
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: Theme.BASE.getTextStyle(props.style),
+    ellipsizeMode: "tail"
+  }, props.label));
+};
+//# sourceMappingURL=floatinglabel.component.js.map

app-rn-runtime/core/components/floatinglabel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Animated","Text","Theme","FloatingLabel","props","_props$style","_props$style2","width","style","labelPositionX","Value","labelPositionY","labelScale","fontSize","parallel","timing","toValue","moveUp","duration","useNativeDriver","start","createElement","View","position","zIndex","transform","translateY","translateX","scale","pointerEvents","BASE","getTextStyle","ellipsizeMode","label"],"sources":["floatinglabel.component.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Animated, TextStyle, Text} from 'react-native';\n\nimport { Theme } from '@wavemaker/app-rn-runtime/styles/theme';\n\nexport const FloatingLabel = (props: {\n    label?: string,\n    style?: TextStyle\n    moveUp: boolean,\n  }) => {\n    const width = (props.style?.width as number) || 160;\n    const [labelPositionX] = useState(new Animated.Value(0));\n    const [labelPositionY] = useState(new Animated.Value(0));\n    const [labelScale] = useState(new Animated.Value(1));\n    const fontSize = (props.style?.fontSize || 16);\n    useEffect(() => {\n      Animated.parallel([\n        Animated.timing(labelPositionX, {\n          toValue: props.moveUp ? -1 * 0.1 * width : 0,\n          duration: 200,\n          useNativeDriver: true,\n        }),\n        Animated.timing(labelPositionY, {\n          toValue: props.moveUp ? -1 * fontSize : 0,\n          duration: 200,\n          useNativeDriver: true,\n        }),\n        Animated.timing(labelScale, {\n          toValue: props.moveUp ? 0.8 : 1,\n          duration: 200,\n          useNativeDriver: true,\n        })\n      ]).start();\n    }, [props.moveUp]);\n    return (\n        <Animated.View style={[{\n            position: 'absolute',\n            zIndex: 1,\n            width: width,\n            transform: [\n                {translateY: labelPositionY},\n                {translateX: labelPositionX},\n                {scale: labelScale}\n            ]},\n            props.style\n        ]}\n        pointerEvents=\"none\">\n          <Text\n            style={Theme.BASE.getTextStyle(props.style)}\n            ellipsizeMode=\"tail\">\n            {props.label}\n          </Text>\n        </Animated.View>\n    );\n  };\n  "],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,QAAQ,EAAaC,IAAI,QAAO,cAAc;AAEvD,SAASC,KAAK,QAAQ,wCAAwC;AAE9D,OAAO,MAAMC,aAAa,GAAIC,KAI3B,IAAK;EAAA,IAAAC,YAAA,EAAAC,aAAA;EACJ,MAAMC,KAAK,GAAG,EAAAF,YAAA,GAACD,KAAK,CAACI,KAAK,cAAAH,YAAA,uBAAXA,YAAA,CAAaE,KAAK,KAAe,GAAG;EACnD,MAAM,CAACE,cAAc,CAAC,GAAGV,QAAQ,CAAC,IAAIC,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC;EACxD,MAAM,CAACC,cAAc,CAAC,GAAGZ,QAAQ,CAAC,IAAIC,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC;EACxD,MAAM,CAACE,UAAU,CAAC,GAAGb,QAAQ,CAAC,IAAIC,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC;EACpD,MAAMG,QAAQ,GAAI,EAAAP,aAAA,GAAAF,KAAK,CAACI,KAAK,cAAAF,aAAA,uBAAXA,aAAA,CAAaO,QAAQ,KAAI,EAAG;EAC9Cf,SAAS,CAAC,MAAM;IACdE,QAAQ,CAACc,QAAQ,CAAC,CAChBd,QAAQ,CAACe,MAAM,CAACN,cAAc,EAAE;MAC9BO,OAAO,EAAEZ,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,GAAG,GAAG,GAAGV,KAAK,GAAG,CAAC;MAC5CW,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFnB,QAAQ,CAACe,MAAM,CAACJ,cAAc,EAAE;MAC9BK,OAAO,EAAEZ,KAAK,CAACa,MAAM,GAAG,CAAC,CAAC,GAAGJ,QAAQ,GAAG,CAAC;MACzCK,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFnB,QAAQ,CAACe,MAAM,CAACH,UAAU,EAAE;MAC1BI,OAAO,EAAEZ,KAAK,CAACa,MAAM,GAAG,GAAG,GAAG,CAAC;MAC/BC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAAChB,KAAK,CAACa,MAAM,CAAC,CAAC;EAClB,oBACIpB,KAAA,CAAAwB,aAAA,CAACrB,QAAQ,CAACsB,IAAI;IAACd,KAAK,EAAE,CAAC;MACnBe,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTjB,KAAK,EAAEA,KAAK;MACZkB,SAAS,EAAE,CACP;QAACC,UAAU,EAAEf;MAAc,CAAC,EAC5B;QAACgB,UAAU,EAAElB;MAAc,CAAC,EAC5B;QAACmB,KAAK,EAAEhB;MAAU,CAAC;IACtB,CAAC,EACFR,KAAK,CAACI,KAAK,CACb;IACFqB,aAAa,EAAC;EAAM,gBAClBhC,KAAA,CAAAwB,aAAA,CAACpB,IAAI;IACHO,KAAK,EAAEN,KAAK,CAAC4B,IAAI,CAACC,YAAY,CAAC3B,KAAK,CAACI,KAAK,CAAE;IAC5CwB,aAAa,EAAC;EAAM,GACnB5B,KAAK,CAAC6B,KACH,CACO,CAAC;AAEtB,CAAC"}

app-rn-runtime/core/components/textinput.component.js

@@ -3,6 +3,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { Animated, Platform, Text, TextInput, View } from 'react-native';
 import { isArray } from 'lodash';
 import IMask from 'imask';
+import { FloatingLabel } from './floatinglabel.component';
 const WmCursor = /*#__PURE__*/React.memo(props => {
   const opacityAnimation = useRef(new Animated.Value(0.5)).current;
   const runAnimation = useCallback(() => {
@@ -124,7 +125,14 @@ export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   opts[valueExpr] = value.current;
   const textStyle = Object.assign({}, ...(isArray(props.style) ? props.style : [props.style]));
   const hideInput = props.displayformat || props.maskchar;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextInput, _extends({}, props, hideInput ? opts : {}, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.floatingLabel ? /*#__PURE__*/React.createElement(FloatingLabel, {
+    moveUp: !!(value.current || isInputFocused || displayValue),
+    label: props.floatingLabel ?? props.placeholder,
+    style: {
+      ...(props.floatingLabelStyle || []),
+      ...(isInputFocused ? props.activeFloatingLabelStyle || {} : {})
+    }
+  }) : null, /*#__PURE__*/React.createElement(TextInput, _extends({}, props, hideInput ? opts : {}, {
     placeholder: props.floatingLabel || displayValue ? '' : props.placeholder,
     style: [props.style, hideInput ? {
       color: 'transparent',

app-rn-runtime/core/components/textinput.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Animated","Platform","Text","TextInput","View","isArray","IMask","WmCursor","memo","props","opacityAnimation","Value","current","runAnimation","timing","toValue","duration","useNativeDriver","start","createElement","style","backgroundColor","color","width","marginHorizontal","height","opacity","WMTextInput","forwardRef","ref","selectRange","setSelectRange","isInputFocused","setIsInputFocused","iMask","setIMask","displayCursor","setDisplayCursor","value","x","forceUpdate","displayValue","setDisplayValue","element","displayformat","MaskedPattern","mask","skipInvalid","lazy","definitions","typedValue","defaultValue","onChangeText","setTimeout","OS","maskchar","_element$current","setSelectionRange","length","onSelectionChange","e","_e$nativeEvent","selection","nativeEvent","allowContentSelection","end","text","_value","substring","slice","formattedValue","replace","valueExpr","opts","textStyle","Object","assign","hideInput","Fragment","_extends","placeholder","floatingLabel","borderColor","zIndex","onFocus","_props$onFocus","call","target","onBlur","_props$onBlur","caretHidden","selectionColor","cursorColor","onChange","contextMenuHidden","display","flexDirection","alignItems","marginTop","minHeight","undefined","padding","fontFamily","fontSize","fontWeight"],"sources":["textinput.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { Animated, Platform, Text, TextInput, TextInputProps, TextStyle, View } from 'react-native';\nimport { isArray } from 'lodash';\nimport IMask from 'imask';\n\ninterface SelectRange {\n    start: number,\n    end: number\n}\n\nconst WmCursor = React.memo((props: {\n  color: string,\n  height: number\n}) => {\n  const opacityAnimation = useRef(new Animated.Value(0.5)).current;\n  const runAnimation = useCallback(() => {\n    Animated.timing(opacityAnimation, {\n      toValue: 0.2,\n      duration: 500,\n      useNativeDriver: true\n    }).start(() => {\n      Animated.timing(opacityAnimation, {\n        toValue: 0.6,\n        duration: 500,\n        useNativeDriver: true\n      }).start(runAnimation);\n    });\n  }, []);\n  useEffect(() => {\n    runAnimation();\n  }, []);\n  return (\n    <Animated.View style={{\n      backgroundColor: props.color,\n      width: 2,\n      marginHorizontal: 1,\n      height: props.height,\n      opacity: opacityAnimation\n    }}></Animated.View>\n  );\n});\n\nexport const WMTextInput = React.forwardRef((props: (TextInputProps & \n  {allowContentSelection: boolean,\n    displayformat: string,\n    maskchar: string,\n    floatingLabel: string\n    floatingLabelStyle:  TextStyle,\n    activeFloatingLabelStyle: TextStyle\n  }), \n    ref: ForwardedRef<TextInput>) => {\n    const [selectRange, setSelectRange] = useState<SelectRange>(null as any);\n    const [isInputFocused, setIsInputFocused] = useState(false);\n    const [iMask, setIMask] = useState(null as any);\n    const [displayCursor, setDisplayCursor] = useState(false);\n    const value = useRef(props.value || '');\n    const [x, forceUpdate] = useState(1);\n    const [displayValue, setDisplayValue] = useState('');\n    const element = useRef(null as any);\n    // iMask initialization\n    useEffect(() => {\n      const iMask: any = props.displayformat ? new IMask.MaskedPattern({\n        mask: props.displayformat,\n        skipInvalid: true,\n        lazy: false,\n        definitions: {\n            '9': /\\d/,\n            'A': /[a-zA-Z]/,\n            'a': /[a-z]/,\n            '*': /\\w/\n        }\n      }) : null;\n      if (iMask) {\n        iMask.typedValue = value;\n        setDisplayValue(iMask.displayValue)\n        setIMask(iMask);\n      }\n    },[props.displayformat]);\n    // set default value\n    useEffect(() => {\n      const defaultValue = props.defaultValue || props.value || '';\n      if (!value.current) {\n        value.current = defaultValue;\n        onChangeText(defaultValue);\n      }\n    },[props.defaultValue, props.value]);\n    // set cursor position in windows\n    useEffect(() => {\n      setTimeout(() => {\n        if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {\n          element?.current?.setSelectionRange(value.current.length, value.current.length);\n        }\n      }, 100);\n    }, [value.current, props]);\n    const onSelectionChange = useCallback((e: any) => {\n        if (Platform.OS !== 'android') {\n            return;\n        }\n        const selection = e?.nativeEvent?.selection;\n        if (!props.allowContentSelection\n            && selection\n            && selection.end - selection.start > 0) {\n            setSelectRange({\n                start: value.current.length + 2,\n                end: value.current.length + 2\n            });\n        } else if (selectRange && selectRange.end > 0){\n            setSelectRange(null as any);\n        }\n    }, [props.allowContentSelection, value]);\n    // when text changes\n    const onChangeText = useCallback((text: string) => {\n      if (!(iMask || props.maskchar)) {\n        value.current = text;\n        props.onChangeText && props.onChangeText(text);\n        return;\n      }\n      let _value = value.current || '';\n      if (value.current.length - text.length > 0) {\n        _value = _value.substring(0, _value.length - (value.current.length - text.length));\n      } else if (text.length - value.current.length > 0) {\n        _value += text.slice(-1 * (text.length - value.current.length));\n      }\n      let formattedValue = _value;\n      if(props.maskchar) {\n        formattedValue = (_value.replace(/./g, props.maskchar));\n      }\n      if (iMask) {\n        iMask.typedValue = _value;\n        formattedValue = iMask.displayValue;\n      }\n      if (formattedValue !== displayValue) {\n        value.current = _value;\n        props.onChangeText && props.onChangeText(_value);\n      }\n      forceUpdate(x+ 1);\n      setDisplayValue(formattedValue);\n    }, [iMask, value, displayValue, props.onChangeText]);\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const opts = {} as any;\n    opts[valueExpr] = value.current;\n    const textStyle = Object.assign({}, ...isArray(props.style) ? props.style: [props.style]);\n    const hideInput = props.displayformat || props.maskchar;\n    return (\n      <>\n        {/*props.floatingLabel ? (\n          <FloatingLabel\n            moveUp={!!(value.current || isInputFocused || displayValue)}\n            label={props.floatingLabel ?? props.placeholder} \n            style={{\n              ...(props.floatingLabelStyle || []),\n              ...(isInputFocused ? (props.activeFloatingLabelStyle || {}) : {})\n            }}/>\n          ) : null*/}\n        <TextInput\n          {...props}\n          {...hideInput ? opts: {}}\n          placeholder={props.floatingLabel || displayValue ? '' : props.placeholder }\n          style={[props.style, hideInput ? {\n            color: 'transparent', \n            backgroundColor: 'transparent',\n            borderColor: 'transparent',\n            zIndex: 1\n          } : {}]}\n          onFocus={(e) => {\n            props.onFocus?.(e);\n            setIsInputFocused(true);\n            setDisplayCursor(true);\n            element.current = e.target;\n          }}\n          onBlur={(e) => {\n            props?.onBlur?.(e);\n            setIsInputFocused(false);\n            setDisplayCursor(false);\n          }}\n          ref={ref}\n          selection={selectRange}\n          onSelectionChange={onSelectionChange}\n          caretHidden={!!selectRange?.end}\n          onChangeText={(text) => {\n            onChangeText(text);\n          }}\n          {...hideInput ? {\n            selectionColor: 'transparent',\n            cursorColor: 'transparent',\n            onChange : () => {}\n          }: {}}\n          contextMenuHidden={!props.allowContentSelection}\n        ></TextInput>\n        {\n          hideInput ? (\n            <View style={[props.style, {\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              marginTop: -1 * (textStyle.height || textStyle.minHeight || 0)\n                + (textStyle.marginTop || 0)}]}>\n              <Text style={{ \n                width: undefined,\n                backgroundColor: 'transparent', \n                borderColor: 'transparent',\n                padding: 0,\n                display: 'flex',\n                color: textStyle.color,\n                fontFamily: textStyle.fontFamily,\n                fontSize: textStyle.fontSize,\n                fontWeight: textStyle.fontWeight\n                }}>\n                {displayValue}\n              </Text>\n              {\n                (displayCursor && !props.displayformat) ? React.createElement(WmCursor, {\n                  color: textStyle.color || '#000000',\n                  height: textStyle.fontSize || 14\n                }) : null\n              }\n            </View>\n          ) : null\n        }\n      </>\n    );\n});"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACrF,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAA6BC,IAAI,QAAQ,cAAc;AACnG,SAASC,OAAO,QAAQ,QAAQ;AAChC,OAAOC,KAAK,MAAM,OAAO;AAOzB,MAAMC,QAAQ,gBAAGZ,KAAK,CAACa,IAAI,CAAEC,KAG5B,IAAK;EACJ,MAAMC,gBAAgB,GAAGZ,MAAM,CAAC,IAAIE,QAAQ,CAACW,KAAK,CAAC,GAAG,CAAC,CAAC,CAACC,OAAO;EAChE,MAAMC,YAAY,GAAGjB,WAAW,CAAC,MAAM;IACrCI,QAAQ,CAACc,MAAM,CAACJ,gBAAgB,EAAE;MAChCK,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;MACblB,QAAQ,CAACc,MAAM,CAACJ,gBAAgB,EAAE;QAChCK,OAAO,EAAE,GAAG;QACZC,QAAQ,EAAE,GAAG;QACbC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAACL,YAAY,CAAC;IACxB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EACNhB,SAAS,CAAC,MAAM;IACdgB,YAAY,CAAC,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EACN,oBACElB,KAAA,CAAAwB,aAAA,CAACnB,QAAQ,CAACI,IAAI;IAACgB,KAAK,EAAE;MACpBC,eAAe,EAAEZ,KAAK,CAACa,KAAK;MAC5BC,KAAK,EAAE,CAAC;MACRC,gBAAgB,EAAE,CAAC;MACnBC,MAAM,EAAEhB,KAAK,CAACgB,MAAM;MACpBC,OAAO,EAAEhB;IACX;EAAE,CAAgB,CAAC;AAEvB,CAAC,CAAC;AAEF,OAAO,MAAMiB,WAAW,gBAAGhC,KAAK,CAACiC,UAAU,CAAC,CAACnB,KAOzC,EACAoB,GAA4B,KAAK;EACjC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGhC,QAAQ,CAAc,IAAW,CAAC;EACxE,MAAM,CAACiC,cAAc,EAAEC,iBAAiB,CAAC,GAAGlC,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACmC,KAAK,EAAEC,QAAQ,CAAC,GAAGpC,QAAQ,CAAC,IAAW,CAAC;EAC/C,MAAM,CAACqC,aAAa,EAAEC,gBAAgB,CAAC,GAAGtC,QAAQ,CAAC,KAAK,CAAC;EACzD,MAAMuC,KAAK,GAAGxC,MAAM,CAACW,KAAK,CAAC6B,KAAK,IAAI,EAAE,CAAC;EACvC,MAAM,CAACC,CAAC,EAAEC,WAAW,CAAC,GAAGzC,QAAQ,CAAC,CAAC,CAAC;EACpC,MAAM,CAAC0C,YAAY,EAAEC,eAAe,CAAC,GAAG3C,QAAQ,CAAC,EAAE,CAAC;EACpD,MAAM4C,OAAO,GAAG7C,MAAM,CAAC,IAAW,CAAC;EACnC;EACAD,SAAS,CAAC,MAAM;IACd,MAAMqC,KAAU,GAAGzB,KAAK,CAACmC,aAAa,GAAG,IAAItC,KAAK,CAACuC,aAAa,CAAC;MAC/DC,IAAI,EAAErC,KAAK,CAACmC,aAAa;MACzBG,WAAW,EAAE,IAAI;MACjBC,IAAI,EAAE,KAAK;MACXC,WAAW,EAAE;QACT,GAAG,EAAE,IAAI;QACT,GAAG,EAAE,UAAU;QACf,GAAG,EAAE,OAAO;QACZ,GAAG,EAAE;MACT;IACF,CAAC,CAAC,GAAG,IAAI;IACT,IAAIf,KAAK,EAAE;MACTA,KAAK,CAACgB,UAAU,GAAGZ,KAAK;MACxBI,eAAe,CAACR,KAAK,CAACO,YAAY,CAAC;MACnCN,QAAQ,CAACD,KAAK,CAAC;IACjB;EACF,CAAC,EAAC,CAACzB,KAAK,CAACmC,aAAa,CAAC,CAAC;EACxB;EACA/C,SAAS,CAAC,MAAM;IACd,MAAMsD,YAAY,GAAG1C,KAAK,CAAC0C,YAAY,IAAI1C,KAAK,CAAC6B,KAAK,IAAI,EAAE;IAC5D,IAAI,CAACA,KAAK,CAAC1B,OAAO,EAAE;MAClB0B,KAAK,CAAC1B,OAAO,GAAGuC,YAAY;MAC5BC,YAAY,CAACD,YAAY,CAAC;IAC5B;EACF,CAAC,EAAC,CAAC1C,KAAK,CAAC0C,YAAY,EAAE1C,KAAK,CAAC6B,KAAK,CAAC,CAAC;EACpC;EACAzC,SAAS,CAAC,MAAM;IACdwD,UAAU,CAAC,MAAM;MACf,IAAIpD,QAAQ,CAACqD,EAAE,KAAK,KAAK,KAAK7C,KAAK,CAACmC,aAAa,IAAInC,KAAK,CAAC8C,QAAQ,CAAC,EAAE;QAAA,IAAAC,gBAAA;QACpEb,OAAO,aAAPA,OAAO,gBAAAa,gBAAA,GAAPb,OAAO,CAAE/B,OAAO,cAAA4C,gBAAA,uBAAhBA,gBAAA,CAAkBC,iBAAiB,CAACnB,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,EAAEpB,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,CAAC;MACjF;IACF,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,CAACpB,KAAK,CAAC1B,OAAO,EAAEH,KAAK,CAAC,CAAC;EAC1B,MAAMkD,iBAAiB,GAAG/D,WAAW,CAAEgE,CAAM,IAAK;IAAA,IAAAC,cAAA;IAC9C,IAAI5D,QAAQ,CAACqD,EAAE,KAAK,SAAS,EAAE;MAC3B;IACJ;IACA,MAAMQ,SAAS,GAAGF,CAAC,aAADA,CAAC,gBAAAC,cAAA,GAADD,CAAC,CAAEG,WAAW,cAAAF,cAAA,uBAAdA,cAAA,CAAgBC,SAAS;IAC3C,IAAI,CAACrD,KAAK,CAACuD,qBAAqB,IACzBF,SAAS,IACTA,SAAS,CAACG,GAAG,GAAGH,SAAS,CAAC5C,KAAK,GAAG,CAAC,EAAE;MACxCa,cAAc,CAAC;QACXb,KAAK,EAAEoB,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,GAAG,CAAC;QAC/BO,GAAG,EAAE3B,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,GAAG;MAChC,CAAC,CAAC;IACN,CAAC,MAAM,IAAI5B,WAAW,IAAIA,WAAW,CAACmC,GAAG,GAAG,CAAC,EAAC;MAC1ClC,cAAc,CAAC,IAAW,CAAC;IAC/B;EACJ,CAAC,EAAE,CAACtB,KAAK,CAACuD,qBAAqB,EAAE1B,KAAK,CAAC,CAAC;EACxC;EACA,MAAMc,YAAY,GAAGxD,WAAW,CAAEsE,IAAY,IAAK;IACjD,IAAI,EAAEhC,KAAK,IAAIzB,KAAK,CAAC8C,QAAQ,CAAC,EAAE;MAC9BjB,KAAK,CAAC1B,OAAO,GAAGsD,IAAI;MACpBzD,KAAK,CAAC2C,YAAY,IAAI3C,KAAK,CAAC2C,YAAY,CAACc,IAAI,CAAC;MAC9C;IACF;IACA,IAAIC,MAAM,GAAG7B,KAAK,CAAC1B,OAAO,IAAI,EAAE;IAChC,IAAI0B,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,GAAGQ,IAAI,CAACR,MAAM,GAAG,CAAC,EAAE;MAC1CS,MAAM,GAAGA,MAAM,CAACC,SAAS,CAAC,CAAC,EAAED,MAAM,CAACT,MAAM,IAAIpB,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,GAAGQ,IAAI,CAACR,MAAM,CAAC,CAAC;IACpF,CAAC,MAAM,IAAIQ,IAAI,CAACR,MAAM,GAAGpB,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,GAAG,CAAC,EAAE;MACjDS,MAAM,IAAID,IAAI,CAACG,KAAK,CAAC,CAAC,CAAC,IAAIH,IAAI,CAACR,MAAM,GAAGpB,KAAK,CAAC1B,OAAO,CAAC8C,MAAM,CAAC,CAAC;IACjE;IACA,IAAIY,cAAc,GAAGH,MAAM;IAC3B,IAAG1D,KAAK,CAAC8C,QAAQ,EAAE;MACjBe,cAAc,GAAIH,MAAM,CAACI,OAAO,CAAC,IAAI,EAAE9D,KAAK,CAAC8C,QAAQ,CAAE;IACzD;IACA,IAAIrB,KAAK,EAAE;MACTA,KAAK,CAACgB,UAAU,GAAGiB,MAAM;MACzBG,cAAc,GAAGpC,KAAK,CAACO,YAAY;IACrC;IACA,IAAI6B,cAAc,KAAK7B,YAAY,EAAE;MACnCH,KAAK,CAAC1B,OAAO,GAAGuD,MAAM;MACtB1D,KAAK,CAAC2C,YAAY,IAAI3C,KAAK,CAAC2C,YAAY,CAACe,MAAM,CAAC;IAClD;IACA3B,WAAW,CAACD,CAAC,GAAE,CAAC,CAAC;IACjBG,eAAe,CAAC4B,cAAc,CAAC;EACjC,CAAC,EAAE,CAACpC,KAAK,EAAEI,KAAK,EAAEG,YAAY,EAAEhC,KAAK,CAAC2C,YAAY,CAAC,CAAC;EACpD,MAAMoB,SAAS,GAAGvE,QAAQ,CAACqD,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;EAClE,MAAMmB,IAAI,GAAG,CAAC,CAAQ;EACtBA,IAAI,CAACD,SAAS,CAAC,GAAGlC,KAAK,CAAC1B,OAAO;EAC/B,MAAM8D,SAAS,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAGvE,OAAO,CAACI,KAAK,CAACW,KAAK,CAAC,GAAGX,KAAK,CAACW,KAAK,GAAE,CAACX,KAAK,CAACW,KAAK,CAAC,EAAC;EACzF,MAAMyD,SAAS,GAAGpE,KAAK,CAACmC,aAAa,IAAInC,KAAK,CAAC8C,QAAQ;EACvD,oBACE5D,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAmF,QAAA,qBAUEnF,KAAA,CAAAwB,aAAA,CAAChB,SAAS,EAAA4E,QAAA,KACJtE,KAAK,EACLoE,SAAS,GAAGJ,IAAI,GAAE,CAAC,CAAC;IACxBO,WAAW,EAAEvE,KAAK,CAACwE,aAAa,IAAIxC,YAAY,GAAG,EAAE,GAAGhC,KAAK,CAACuE,WAAa;IAC3E5D,KAAK,EAAE,CAACX,KAAK,CAACW,KAAK,EAAEyD,SAAS,GAAG;MAC/BvD,KAAK,EAAE,aAAa;MACpBD,eAAe,EAAE,aAAa;MAC9B6D,WAAW,EAAE,aAAa;MAC1BC,MAAM,EAAE;IACV,CAAC,GAAG,CAAC,CAAC,CAAE;IACRC,OAAO,EAAGxB,CAAC,IAAK;MAAA,IAAAyB,cAAA;MACd,CAAAA,cAAA,GAAA5E,KAAK,CAAC2E,OAAO,cAAAC,cAAA,uBAAbA,cAAA,CAAAC,IAAA,CAAA7E,KAAK,EAAWmD,CAAC,CAAC;MAClB3B,iBAAiB,CAAC,IAAI,CAAC;MACvBI,gBAAgB,CAAC,IAAI,CAAC;MACtBM,OAAO,CAAC/B,OAAO,GAAGgD,CAAC,CAAC2B,MAAM;IAC5B,CAAE;IACFC,MAAM,EAAG5B,CAAC,IAAK;MAAA,IAAA6B,aAAA;MACbhF,KAAK,aAALA,KAAK,gBAAAgF,aAAA,GAALhF,KAAK,CAAE+E,MAAM,cAAAC,aAAA,uBAAbA,aAAA,CAAAH,IAAA,CAAA7E,KAAK,EAAWmD,CAAC,CAAC;MAClB3B,iBAAiB,CAAC,KAAK,CAAC;MACxBI,gBAAgB,CAAC,KAAK,CAAC;IACzB,CAAE;IACFR,GAAG,EAAEA,GAAI;IACTiC,SAAS,EAAEhC,WAAY;IACvB6B,iBAAiB,EAAEA,iBAAkB;IACrC+B,WAAW,EAAE,CAAC,EAAC5D,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEmC,GAAG,CAAC;IAChCb,YAAY,EAAGc,IAAI,IAAK;MACtBd,YAAY,CAACc,IAAI,CAAC;IACpB;EAAE,GACEW,SAAS,GAAG;IACdc,cAAc,EAAE,aAAa;IAC7BC,WAAW,EAAE,aAAa;IAC1BC,QAAQ,EAAGA,CAAA,KAAM,CAAC;EACpB,CAAC,GAAE,CAAC,CAAC;IACLC,iBAAiB,EAAE,CAACrF,KAAK,CAACuD;EAAsB,EACtC,CAAC,EAEXa,SAAS,gBACPlF,KAAA,CAAAwB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACX,KAAK,CAACW,KAAK,EAAE;MACzB2E,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,CAAC,CAAC,IAAIxB,SAAS,CAACjD,MAAM,IAAIiD,SAAS,CAACyB,SAAS,IAAI,CAAC,CAAC,IACzDzB,SAAS,CAACwB,SAAS,IAAI,CAAC;IAAC,CAAC;EAAE,gBACjCvG,KAAA,CAAAwB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAE;MACXG,KAAK,EAAE6E,SAAS;MAChB/E,eAAe,EAAE,aAAa;MAC9B6D,WAAW,EAAE,aAAa;MAC1BmB,OAAO,EAAE,CAAC;MACVN,OAAO,EAAE,MAAM;MACfzE,KAAK,EAAEoD,SAAS,CAACpD,KAAK;MACtBgF,UAAU,EAAE5B,SAAS,CAAC4B,UAAU;MAChCC,QAAQ,EAAE7B,SAAS,CAAC6B,QAAQ;MAC5BC,UAAU,EAAE9B,SAAS,CAAC8B;IACtB;EAAE,GACD/D,YACG,CAAC,EAEJL,aAAa,IAAI,CAAC3B,KAAK,CAACmC,aAAa,gBAAIjD,KAAK,CAACwB,aAAa,CAACZ,QAAQ,EAAE;IACtEe,KAAK,EAAEoD,SAAS,CAACpD,KAAK,IAAI,SAAS;IACnCG,MAAM,EAAEiD,SAAS,CAAC6B,QAAQ,IAAI;EAChC,CAAC,CAAC,GAAG,IAEH,CAAC,GACL,IAEN,CAAC;AAET,CAAC,CAAC"}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Animated","Platform","Text","TextInput","View","isArray","IMask","FloatingLabel","WmCursor","memo","props","opacityAnimation","Value","current","runAnimation","timing","toValue","duration","useNativeDriver","start","createElement","style","backgroundColor","color","width","marginHorizontal","height","opacity","WMTextInput","forwardRef","ref","selectRange","setSelectRange","isInputFocused","setIsInputFocused","iMask","setIMask","displayCursor","setDisplayCursor","value","x","forceUpdate","displayValue","setDisplayValue","element","displayformat","MaskedPattern","mask","skipInvalid","lazy","definitions","typedValue","defaultValue","onChangeText","setTimeout","OS","maskchar","_element$current","setSelectionRange","length","onSelectionChange","e","_e$nativeEvent","selection","nativeEvent","allowContentSelection","end","text","_value","substring","slice","formattedValue","replace","valueExpr","opts","textStyle","Object","assign","hideInput","Fragment","floatingLabel","moveUp","label","placeholder","floatingLabelStyle","activeFloatingLabelStyle","_extends","borderColor","zIndex","onFocus","_props$onFocus","call","target","onBlur","_props$onBlur","caretHidden","selectionColor","cursorColor","onChange","contextMenuHidden","display","flexDirection","alignItems","marginTop","minHeight","undefined","padding","fontFamily","fontSize","fontWeight"],"sources":["textinput.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { Animated, Platform, Text, TextInput, TextInputProps, TextStyle, View } from 'react-native';\nimport { isArray } from 'lodash';\nimport IMask from 'imask';\nimport { FloatingLabel } from './floatinglabel.component';\n\ninterface SelectRange {\n    start: number,\n    end: number\n}\n\nconst WmCursor = React.memo((props: {\n  color: string,\n  height: number\n}) => {\n  const opacityAnimation = useRef(new Animated.Value(0.5)).current;\n  const runAnimation = useCallback(() => {\n    Animated.timing(opacityAnimation, {\n      toValue: 0.2,\n      duration: 500,\n      useNativeDriver: true\n    }).start(() => {\n      Animated.timing(opacityAnimation, {\n        toValue: 0.6,\n        duration: 500,\n        useNativeDriver: true\n      }).start(runAnimation);\n    });\n  }, []);\n  useEffect(() => {\n    runAnimation();\n  }, []);\n  return (\n    <Animated.View style={{\n      backgroundColor: props.color,\n      width: 2,\n      marginHorizontal: 1,\n      height: props.height,\n      opacity: opacityAnimation\n    }}></Animated.View>\n  );\n});\n\nexport const WMTextInput = React.forwardRef((props: (TextInputProps & \n  {allowContentSelection: boolean,\n    displayformat: string,\n    maskchar: string,\n    floatingLabel: string\n    floatingLabelStyle:  TextStyle,\n    activeFloatingLabelStyle: TextStyle\n  }), \n    ref: ForwardedRef<TextInput>) => {\n    const [selectRange, setSelectRange] = useState<SelectRange>(null as any);\n    const [isInputFocused, setIsInputFocused] = useState(false);\n    const [iMask, setIMask] = useState(null as any);\n    const [displayCursor, setDisplayCursor] = useState(false);\n    const value = useRef(props.value || '');\n    const [x, forceUpdate] = useState(1);\n    const [displayValue, setDisplayValue] = useState('');\n    const element = useRef(null as any);\n    // iMask initialization\n    useEffect(() => {\n      const iMask: any = props.displayformat ? new IMask.MaskedPattern({\n        mask: props.displayformat,\n        skipInvalid: true,\n        lazy: false,\n        definitions: {\n            '9': /\\d/,\n            'A': /[a-zA-Z]/,\n            'a': /[a-z]/,\n            '*': /\\w/\n        }\n      }) : null;\n      if (iMask) {\n        iMask.typedValue = value;\n        setDisplayValue(iMask.displayValue)\n        setIMask(iMask);\n      }\n    },[props.displayformat]);\n    // set default value\n    useEffect(() => {\n      const defaultValue = props.defaultValue || props.value || '';\n      if (!value.current) {\n        value.current = defaultValue;\n        onChangeText(defaultValue);\n      }\n    },[props.defaultValue, props.value]);\n    // set cursor position in windows\n    useEffect(() => {\n      setTimeout(() => {\n        if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {\n          element?.current?.setSelectionRange(value.current.length, value.current.length);\n        }\n      }, 100);\n    }, [value.current, props]);\n    const onSelectionChange = useCallback((e: any) => {\n        if (Platform.OS !== 'android') {\n            return;\n        }\n        const selection = e?.nativeEvent?.selection;\n        if (!props.allowContentSelection\n            && selection\n            && selection.end - selection.start > 0) {\n            setSelectRange({\n                start: value.current.length + 2,\n                end: value.current.length + 2\n            });\n        } else if (selectRange && selectRange.end > 0){\n            setSelectRange(null as any);\n        }\n    }, [props.allowContentSelection, value]);\n    // when text changes\n    const onChangeText = useCallback((text: string) => {\n      if (!(iMask || props.maskchar)) {\n        value.current = text;\n        props.onChangeText && props.onChangeText(text);\n        return;\n      }\n      let _value = value.current || '';\n      if (value.current.length - text.length > 0) {\n        _value = _value.substring(0, _value.length - (value.current.length - text.length));\n      } else if (text.length - value.current.length > 0) {\n        _value += text.slice(-1 * (text.length - value.current.length));\n      }\n      let formattedValue = _value;\n      if(props.maskchar) {\n        formattedValue = (_value.replace(/./g, props.maskchar));\n      }\n      if (iMask) {\n        iMask.typedValue = _value;\n        formattedValue = iMask.displayValue;\n      }\n      if (formattedValue !== displayValue) {\n        value.current = _value;\n        props.onChangeText && props.onChangeText(_value);\n      }\n      forceUpdate(x+ 1);\n      setDisplayValue(formattedValue);\n    }, [iMask, value, displayValue, props.onChangeText]);\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const opts = {} as any;\n    opts[valueExpr] = value.current;\n    const textStyle = Object.assign({}, ...isArray(props.style) ? props.style: [props.style]);\n    const hideInput = props.displayformat || props.maskchar;\n    return (\n      <>\n        {props.floatingLabel ? (\n          <FloatingLabel\n            moveUp={!!(value.current || isInputFocused || displayValue)}\n            label={props.floatingLabel ?? props.placeholder} \n            style={{\n              ...(props.floatingLabelStyle || []),\n              ...(isInputFocused ? (props.activeFloatingLabelStyle || {}) : {})\n            }}/>\n        ) : null}\n        <TextInput\n          {...props}\n          {...hideInput ? opts: {}}\n          placeholder={props.floatingLabel || displayValue ? '' : props.placeholder }\n          style={[props.style, hideInput ? {\n            color: 'transparent', \n            backgroundColor: 'transparent',\n            borderColor: 'transparent',\n            zIndex: 1\n          } : {}]}\n          onFocus={(e) => {\n            props.onFocus?.(e);\n            setIsInputFocused(true);\n            setDisplayCursor(true);\n            element.current = e.target;\n          }}\n          onBlur={(e) => {\n            props?.onBlur?.(e);\n            setIsInputFocused(false);\n            setDisplayCursor(false);\n          }}\n          ref={ref}\n          selection={selectRange}\n          onSelectionChange={onSelectionChange}\n          caretHidden={!!selectRange?.end}\n          onChangeText={(text) => {\n            onChangeText(text);\n          }}\n          {...hideInput ? {\n            selectionColor: 'transparent',\n            cursorColor: 'transparent',\n            onChange : () => {}\n          }: {}}\n          contextMenuHidden={!props.allowContentSelection}\n        ></TextInput>\n        {\n          hideInput ? (\n            <View style={[props.style, {\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              marginTop: -1 * (textStyle.height || textStyle.minHeight || 0)\n                + (textStyle.marginTop || 0)}]}>\n              <Text style={{ \n                width: undefined,\n                backgroundColor: 'transparent', \n                borderColor: 'transparent',\n                padding: 0,\n                display: 'flex',\n                color: textStyle.color,\n                fontFamily: textStyle.fontFamily,\n                fontSize: textStyle.fontSize,\n                fontWeight: textStyle.fontWeight\n                }}>\n                {displayValue}\n              </Text>\n              {\n                (displayCursor && !props.displayformat) ? React.createElement(WmCursor, {\n                  color: textStyle.color || '#000000',\n                  height: textStyle.fontSize || 14\n                }) : null\n              }\n            </View>\n          ) : null\n        }\n      </>\n    );\n});"],"mappings":"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"}

app-rn-runtime/core/formatters.js

@@ -57,18 +57,5 @@ export class StringToNumberFormatter {
     return parseInt(input);
   }
 }
-const createFormatter = (key, defaultFormatter) => {
-  return {
-    format: function (input) {
-      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        params[_key - 1] = arguments[_key];
-      }
-      const output = defaultFormatter.format(input, ...params);
-      const customFormatter = formatters.get(`custom.${key}`);
-      return customFormatter ? customFormatter.format(output, ...params) : output;
-    }
-  };
-};
-const formatters = new Map([['numberToString', createFormatter('numberToString', new NumberToStringFormatter())], ['prefix', createFormatter('prefix', new PrependFormatter())], ['suffix', createFormatter('suffix', new AppendFormatter())], ['stringToNumber', createFormatter('stringToNumber', new StringToNumberFormatter())], ['timeFromNow', createFormatter('timeFromNow', new TimeFromNowFormatter())], ['toDate', createFormatter('toDate', new DateToStringFormatter())], ['toCurrency', createFormatter('toCurrency', new CurrencyFormatter())]]);
-export default formatters;
+export default new Map([['numberToString', new NumberToStringFormatter()], ['prefix', new PrependFormatter()], ['suffix', new AppendFormatter()], ['stringToNumber', new StringToNumberFormatter()], ['timeFromNow', new TimeFromNowFormatter()], ['toDate', new DateToStringFormatter()], ['toCurrency', new CurrencyFormatter()]]);
 //# sourceMappingURL=formatters.js.map

app-rn-runtime/core/formatters.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseInt","moment","CURRENCY_INFO","injector","DateToStringFormatter","format","input","getTime","replace","_moment","isValid","toString","PrependFormatter","prefix","undefined","AppendFormatter","suffix","NumberToStringFormatter","fractionSize","i18nService","I18nService","get","selectedLocale","getSelectedLocale","formatCurrency","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","isNaN","CurrencyFormatter","data","currencySymbol","fracSize","_currencySymbol","symbol","_val","isNegativeNumber","startsWith","TimeFromNowFormatter","timestamp","fromNow","StringToNumberFormatter","createFormatter","key","defaultFormatter","_len","arguments","length","params","Array","_key","output","customFormatter","formatters","Map"],"sources":["formatters.ts"],"sourcesContent":["import { parseInt } from 'lodash';\nimport moment from 'moment';\nimport { CURRENCY_INFO, Currency } from './constants/currency-constants';\nimport { DateFormatter } from '@wavemaker/variables/src/types/date-formatter';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport interface Formatter {\n    format: (input: any, ...params: any) => any;\n}\n\nexport class DateToStringFormatter implements DateFormatter {\n\n    public format(input: Date, format: string): string {\n        if (!input) {\n            return '';\n        }\n        if (format === 'timestamp') {\n            return input.getTime() + '';\n        }\n        format = format.replace(/d/g, 'D');\n        const _moment = moment(input, [\n            \"M/D/YYYY\", \"M-D-YYYY\", \"M.D.YYYY\",\n            \"M/DD/YYYY\", \"M-DD-YYYY\", \"M.DD.YYYY\",\n            \"YYYY/M/D\", \"YYYY-M-D\", \"YYYY.M.D\",\n            \"MM/D/YYYY\", \"MM-D-YYYY\", \"MM.D.YYYY\",\n            \"M/D/YY\", \"M-D-YY\", \"M.D.YY\", \"D MMM YYYY\",\n            \"MM/DD/YYYY\", \"MM-DD-YYYY\", \"MM.DD.YYYY\",\n            \"YYYY/MM/DD\", \"YYYY-MM-DD\", \"YYYY.MM.DD\",\n            \"MM/DD/YY\", \"MM-DD-YY\", \"MM.DD.YY\", \"DD MMM YYYY\"\n        ], true);\n        return _moment.isValid() ? _moment.format(format) : input.toString();\n    }\n}\n\nexport class PrependFormatter implements Formatter {\n\n    public format(input: any, prefix: string): string {\n        return (prefix || '') + (input !== null || input != undefined ? input : '');\n    }\n}\n\nexport class AppendFormatter implements Formatter {\n\n    public format(input: any, suffix: string): string {\n        return (input !== null || input != undefined ? input : '') + (suffix || '');\n    }\n}\n\nexport class NumberToStringFormatter implements Formatter {\n\n    public format(input: number, fractionSize: number): string {\n        const i18nService = injector.I18nService.get();\n        const selectedLocale = i18nService.getSelectedLocale();\n        let formatCurrency = new Intl.NumberFormat(selectedLocale,{\n            minimumFractionDigits: fractionSize,\n            maximumFractionDigits: fractionSize,\n        });\n        return isNaN(input) ? '': formatCurrency.format(input);\n    }\n}\n\nexport class CurrencyFormatter implements Formatter {\n\n    public format(data: number, currencySymbol: string, fracSize: number) {\n        const _currencySymbol = ((((CURRENCY_INFO as any)[currencySymbol]) || {})  as Currency).symbol || currencySymbol || '';\n        let _val = new NumberToStringFormatter().format(data, fracSize);\n        const isNegativeNumber = _val.startsWith('-');\n        if (isNegativeNumber) {\n            _val = _val.replace('-','');\n        }\n        return _val ? isNegativeNumber ? '-'+ _currencySymbol +_val :_currencySymbol + _val : '';\n    }\n}\n\nexport class TimeFromNowFormatter implements Formatter {\n    public format(timestamp: Date) {\n        return timestamp ? moment(timestamp).fromNow() : undefined;\n    }\n}\n\nexport class StringToNumberFormatter implements Formatter {\n    public format(input: string) {\n        return parseInt(input);\n    }\n}\n\nconst createFormatter = (key: string, defaultFormatter: Formatter) => {\n    return {\n        format: (input: any, ...params: any) => {\n            const output = defaultFormatter.format(input, ...params);\n            const customFormatter = formatters.get(`custom.${key}`);\n            return customFormatter ? customFormatter.format(output, ...params): output;\n        }\n    };\n};\n\nconst formatters = new Map<string, Formatter>([\n    ['numberToString', createFormatter('numberToString' , new NumberToStringFormatter())],\n    ['prefix', createFormatter('prefix', new PrependFormatter())],\n    ['suffix', createFormatter('suffix', new AppendFormatter())],\n    ['stringToNumber', createFormatter('stringToNumber',new StringToNumberFormatter())],\n    ['timeFromNow', createFormatter('timeFromNow', new TimeFromNowFormatter())],\n    ['toDate', createFormatter('toDate', new DateToStringFormatter())],\n    ['toCurrency', createFormatter('toCurrency', new CurrencyFormatter())]\n]);\n\nexport default formatters;"],"mappings":"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"}
+{"version":3,"names":["parseInt","moment","CURRENCY_INFO","injector","DateToStringFormatter","format","input","getTime","replace","_moment","isValid","toString","PrependFormatter","prefix","undefined","AppendFormatter","suffix","NumberToStringFormatter","fractionSize","i18nService","I18nService","get","selectedLocale","getSelectedLocale","formatCurrency","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","isNaN","CurrencyFormatter","data","currencySymbol","fracSize","_currencySymbol","symbol","_val","isNegativeNumber","startsWith","TimeFromNowFormatter","timestamp","fromNow","StringToNumberFormatter","Map"],"sources":["formatters.ts"],"sourcesContent":["import { parseInt } from 'lodash';\nimport moment from 'moment';\nimport { CURRENCY_INFO, Currency } from './constants/currency-constants';\nimport { DateFormatter } from '@wavemaker/variables/src/types/date-formatter';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport interface Formatter {\n    format: (input: any, ...params: any) => any;\n}\n\nexport class DateToStringFormatter implements DateFormatter {\n\n    public format(input: Date, format: string): string {\n        if (!input) {\n            return '';\n        }\n        if (format === 'timestamp') {\n            return input.getTime() + '';\n        }\n        format = format.replace(/d/g, 'D');\n        const _moment = moment(input, [\n            \"M/D/YYYY\", \"M-D-YYYY\", \"M.D.YYYY\",\n            \"M/DD/YYYY\", \"M-DD-YYYY\", \"M.DD.YYYY\",\n            \"YYYY/M/D\", \"YYYY-M-D\", \"YYYY.M.D\",\n            \"MM/D/YYYY\", \"MM-D-YYYY\", \"MM.D.YYYY\",\n            \"M/D/YY\", \"M-D-YY\", \"M.D.YY\", \"D MMM YYYY\",\n            \"MM/DD/YYYY\", \"MM-DD-YYYY\", \"MM.DD.YYYY\",\n            \"YYYY/MM/DD\", \"YYYY-MM-DD\", \"YYYY.MM.DD\",\n            \"MM/DD/YY\", \"MM-DD-YY\", \"MM.DD.YY\", \"DD MMM YYYY\"\n        ], true);\n        return _moment.isValid() ? _moment.format(format) : input.toString();\n    }\n}\n\nexport class PrependFormatter implements Formatter {\n\n    public format(input: any, prefix: string): string {\n        return (prefix || '') + (input !== null || input != undefined ? input : '');\n    }\n}\n\nexport class AppendFormatter implements Formatter {\n\n    public format(input: any, suffix: string): string {\n        return (input !== null || input != undefined ? input : '') + (suffix || '');\n    }\n}\n\nexport class NumberToStringFormatter implements Formatter {\n\n    public format(input: number, fractionSize: number): string {\n        const i18nService = injector.I18nService.get();\n        const selectedLocale = i18nService.getSelectedLocale();\n        let formatCurrency = new Intl.NumberFormat(selectedLocale,{\n            minimumFractionDigits: fractionSize,\n            maximumFractionDigits: fractionSize,\n        });\n        return isNaN(input) ? '': formatCurrency.format(input);\n    }\n}\n\nexport class CurrencyFormatter implements Formatter {\n\n    public format(data: number, currencySymbol: string, fracSize: number) {\n        const _currencySymbol = ((((CURRENCY_INFO as any)[currencySymbol]) || {})  as Currency).symbol || currencySymbol || '';\n        let _val = new NumberToStringFormatter().format(data, fracSize);\n        const isNegativeNumber = _val.startsWith('-');\n        if (isNegativeNumber) {\n            _val = _val.replace('-','');\n        }\n        return _val ? isNegativeNumber ? '-'+ _currencySymbol +_val :_currencySymbol + _val : '';\n    }\n}\n\nexport class TimeFromNowFormatter implements Formatter {\n    public format(timestamp: Date) {\n        return timestamp ? moment(timestamp).fromNow() : undefined;\n    }\n}\n\nexport class StringToNumberFormatter implements Formatter {\n    public format(input: string) {\n        return parseInt(input);\n    }\n}\n\nexport default new Map<string, Formatter>([\n    ['numberToString', new NumberToStringFormatter()],\n    ['prefix', new PrependFormatter()],\n    ['suffix', new AppendFormatter()],\n    ['stringToNumber', new StringToNumberFormatter()],\n    ['timeFromNow', new TimeFromNowFormatter()],\n    ['toDate', new DateToStringFormatter()],\n    ['toCurrency', new CurrencyFormatter()]\n]);\n"],"mappings":"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"}