@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

package/components/advanced/webview/webview.styles.js

@@ -0,0 +1,18 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-webview';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    container: {
+      flex: 1,
+      minHeight: 100
+    },
+    webview: {
+      flex: 1
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=webview.styles.js.map

package/components/advanced/webview/webview.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","container","flex","minHeight","webview"],"sources":["webview.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WebviewStyles = BaseStyles & {\n  container: AllStyle;\n  webview: AllStyle;\n}\n\nexport const DEFAULT_CLASS = 'app-webview';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WebviewStyles = defineStyles({\n      root: {},\n      text: {},\n      container : {\n        flex: 1,\n        minHeight: 100\n      },\n      webview: {\n        flex: 1\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,2CAA2C;AAChF,SAAqBC,YAAY,QAAQ,kDAAkD;AAO3F,OAAO,MAAMC,aAAa,GAAG,aAAa;AAE1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,SAAS,EAAG;MACVC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPF,IAAI,EAAE;IACR;EACJ,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

package/components/basic/anchor/anchor.component.js

@@ -0,0 +1,124 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Text } from 'react-native';
+import { Badge } from 'react-native-paper';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { encodeUrl } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { NavigationServiceConsumer } from '@wavemaker-ai/app-rn-runtime/core/navigation.service';
+import WmAnchorProps from './anchor.props';
+import { DEFAULT_CLASS } from './anchor.styles';
+import { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmAnchorState extends BaseComponentState {}
+export default class WmAnchor extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAnchorProps());
+  }
+  onTap(navigationService, e) {
+    const props = this.state.props;
+    if (props.hyperlink) {
+      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;
+      navigationService.openUrl(link, {
+        target: this.state.props.target
+      });
+    }
+    this.invokeEventCallback('onTap', [e, this.proxy]);
+  }
+  renderSkeleton(props) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: this.props.skeletonwidth || this.styles.root.width,
+      height: this.props.skeletonheight || this.styles.root.height
+    });
+  }
+  renderBadge() {
+    const {
+      badgevalue
+    } = this.props;
+    if (this._showSkeleton) {
+      return createSkeleton(this.theme, this.styles.badgeSkeleton, {
+        ...this.styles.badge
+        // marginTop: -50
+      });
+    }
+    return badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, {
+      style: this.styles.badge,
+      importantForAccessibility: "no"
+    }, badgevalue) : null;
+  }
+  renderWidget(props) {
+    const {
+      iconclass,
+      iconurl,
+      name,
+      iconheight,
+      iconmargin,
+      iconwidth,
+      badgevalue
+    } = props;
+    if (this.styles.icon && this.styles.icon.text) {
+      this.styles.icon.text.color = this.styles.text.color;
+    }
+    const icon = (iconclass || iconurl) && /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
+      styles: this.styles.icon,
+      hint: props === null || props === void 0 ? void 0 : props.hint,
+      name: name + '_icon',
+      iconclass: iconclass,
+      iconurl: iconurl,
+      iconheight: iconheight,
+      iconmargin: iconmargin,
+      iconwidth: iconwidth,
+      accessible: false
+    });
+    const leftIcon = lefticon => {
+      if (!lefticon) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+      }
+      return /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('left-icon'),
+        styles: this.styles.lefticon,
+        hint: props === null || props === void 0 ? void 0 : props.hint,
+        name: name + '_icon',
+        iconclass: lefticon,
+        iconurl: iconurl,
+        iconheight: iconheight,
+        iconmargin: iconmargin,
+        iconwidth: iconwidth,
+        accessible: false
+      });
+    };
+    return /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: {
+        width: this.styles.root.width,
+        height: this.styles.root.height,
+        justifyContent: 'center'
+      },
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      target: this,
+      styles: [this.styles.root, this.styles.root.width && this.styles.root.height ? {
+        width: '100%',
+        height: '100%'
+      } : null, {
+        flexDirection: props.iconposition === 'top' ? 'column' : 'row'
+      }],
+      onTap: props.hyperlink || props.onTap ? e => this.onTap(navigationService, e) : undefined,
+      disableTouchEffect: this.state.props.disabletoucheffect,
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.ANCHOR, props)
+      }
+    }), this._background, props.iconposition === 'top' && icon, props.iconposition === 'left' && icon, props.lefticonclass && /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon(props.lefticonclass)), props.caption ? /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.text
+    }, this.getTestPropsForLabel('caption'), {
+      numberOfLines: props.nooflines,
+      importantForAccessibility: "no"
+    }), props.caption) : null, props.iconposition === 'right' && icon, this.renderBadge())));
+  }
+}
+//# sourceMappingURL=anchor.component.js.map

package/components/basic/anchor/anchor.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","AccessibilityWidgetType","getAccessibilityProps","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderBadge","badgevalue","_showSkeleton","badgeSkeleton","badge","undefined","createElement","style","importantForAccessibility","renderWidget","iconclass","iconurl","name","iconheight","iconmargin","iconwidth","icon","text","color","id","getTestId","hint","accessible","leftIcon","lefticon","Fragment","entryanimation","animation","delay","animationdelay","justifyContent","onLayout","event","handleLayout","_extends","getTestPropsForAction","flexDirection","iconposition","disableTouchEffect","disabletoucheffect","accessibilityProps","ANCHOR","_background","lefticonclass","caption","getTestPropsForLabel","numberOfLines","nooflines"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { SyntheticEvent, Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker-ai/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: SyntheticEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderBadge() {\n    const { badgevalue } = this.props;\n    if(this._showSkeleton) {\n      return createSkeleton(this.theme, this.styles.badgeSkeleton, {\n        ...this.styles.badge,\n       // marginTop: -50\n      })\n    }\n    return badgevalue != undefined ? (<Badge style={this.styles.badge} importantForAccessibility=\"no\">{badgevalue}</Badge>): null;\n  }\n\n  renderWidget(props: WmAnchorProps) {\n      const {\n        iconclass,\n        iconurl,\n        name,\n        iconheight,\n        iconmargin,\n        iconwidth,\n        badgevalue,\n      } = props;\n\n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n\n    const icon = (iconclass || iconurl) && (\n      <WmIcon\n        id={this.getTestId('icon')}\n        styles={this.styles.icon}\n        hint={props?.hint}\n        name={name + '_icon'}\n        iconclass={iconclass}\n        iconurl={iconurl}\n        iconheight={iconheight}\n        iconmargin={iconmargin}\n        iconwidth={iconwidth}\n        accessible={false}\n      />\n    );\n\n    const leftIcon = (lefticon: string | undefined) => {\n      if(!lefticon) {\n        return <></>\n      }\n\n      return (\n        <WmIcon\n          id={this.getTestId('left-icon')}\n          styles={this.styles.lefticon}\n          hint={props?.hint}\n          name={name + '_icon'}\n          iconclass={lefticon}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n          accessible={false}\n        />\n      )\n    }\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview\n            entryanimation={props.animation}\n            delay={props.animationdelay}\n            style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}\n            onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n          >\n            <Tappable {...this.getTestPropsForAction()} target={this} styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: SyntheticEvent) => this.onTap(navigationService, e) : undefined}\n              disableTouchEffect={this.state.props.disabletoucheffect}\n              accessibilityProps={{...getAccessibilityProps(\n                AccessibilityWidgetType.ANCHOR,\n                props\n              )}}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.lefticonclass &&\n                <>\n                  {leftIcon(props.lefticonclass)}\n                </>\n              } \n              {props.caption ? (<Text style={this.styles.text}\n              {...this.getTestPropsForLabel('caption')}\n              numberOfLines={props.nooflines} importantForAccessibility='no'>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {this.renderBadge()}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,QAAQ,cAAc;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AACpG,SAAyBC,QAAQ,QAAQ,sDAAsD;AAC/F,OAAOC,MAAM,MAAM,mEAAmE;AACtF,SAASC,SAAS,QAAQ,yCAAyC;AACnE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,SAA4BC,yBAAyB,QAAQ,sDAAsD;AAEnH,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,YAAY,QAAQ,sEAAsE;AACnG,SAASC,cAAc,QAAQ,gCAAgC;AAE/D,OAAO,MAAMC,aAAa,SAASX,kBAAkB,CAAgB;AAIrE,eAAe,MAAMY,QAAQ,SAASb,aAAa,CAA+C;EAEhGc,WAAWA,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;EAClD;EAEAQ,KAAKA,CAACC,iBAAoC,EAAEC,CAAiB,EAAE;IAC7D,MAAMH,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,IAAIA,KAAK,CAACK,SAAS,EAAE;MACnB,MAAMC,IAAI,GAAGN,KAAK,CAACO,SAAS,GAAGlB,SAAS,CAACW,KAAK,CAACK,SAAS,CAAC,GAAGL,KAAK,CAACK,SAAS;MAC3EH,iBAAiB,CAACM,OAAO,CAACF,IAAI,EAAE;QAC9BG,MAAM,EAAE,IAAI,CAACL,KAAK,CAACJ,KAAK,CAACS;MAC3B,CAAC,CAAC;IACJ;IACA,IAAI,CAACC,mBAAmB,CAAC,OAAO,EAAE,CAACP,CAAC,EAAE,IAAI,CAACQ,KAAK,CAAC,CAAC;EACpD;EAEOC,cAAcA,CAACZ,KAAoB,EAAC;IACzC,OAAOJ,cAAc,CAAC,IAAI,CAACiB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAE,IAAI,CAACjB,KAAK,CAACkB,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAK;MACzDE,MAAM,EAAE,IAAI,CAACnB,KAAK,CAACoB,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACxD,CAAC,CAAC;EACJ;EAEAE,WAAWA,CAAA,EAAG;IACZ,MAAM;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACtB,KAAK;IACjC,IAAG,IAAI,CAACuB,aAAa,EAAE;MACrB,OAAO3B,cAAc,CAAC,IAAI,CAACiB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU,aAAa,EAAE;QAC3D,GAAG,IAAI,CAACV,MAAM,CAACW;QAChB;MACD,CAAC,CAAC;IACJ;IACA,OAAOH,UAAU,IAAII,SAAS,gBAAI5C,KAAA,CAAA6C,aAAA,CAAC3C,KAAK;MAAC4C,KAAK,EAAE,IAAI,CAACd,MAAM,CAACW,KAAM;MAACI,yBAAyB,EAAC;IAAI,GAAEP,UAAkB,CAAC,GAAG,IAAI;EAC/H;EAEAQ,YAAYA,CAAC9B,KAAoB,EAAE;IAC/B,MAAM;MACJ+B,SAAS;MACTC,OAAO;MACPC,IAAI;MACJC,UAAU;MACVC,UAAU;MACVC,SAAS;MACTd;IACF,CAAC,GAAGtB,KAAK;IAEX,IAAI,IAAI,CAACc,MAAM,CAACuB,IAAI,IAAI,IAAI,CAACvB,MAAM,CAACuB,IAAI,CAACC,IAAI,EAAE;MAC7C,IAAI,CAACxB,MAAM,CAACuB,IAAI,CAACC,IAAI,CAACC,KAAK,GAAG,IAAI,CAACzB,MAAM,CAACwB,IAAI,CAACC,KAAK;IACtD;IAEA,MAAMF,IAAI,GAAG,CAACN,SAAS,IAAIC,OAAO,kBAChClD,KAAA,CAAA6C,aAAA,CAACvC,MAAM;MACLoD,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3B3B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACuB,IAAK;MACzBK,IAAI,EAAE1C,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0C,IAAK;MAClBT,IAAI,EAAEA,IAAI,GAAG,OAAQ;MACrBF,SAAS,EAAEA,SAAU;MACrBC,OAAO,EAAEA,OAAQ;MACjBE,UAAU,EAAEA,UAAW;MACvBC,UAAU,EAAEA,UAAW;MACvBC,SAAS,EAAEA,SAAU;MACrBO,UAAU,EAAE;IAAM,CACnB,CACF;IAED,MAAMC,QAAQ,GAAIC,QAA4B,IAAK;MACjD,IAAG,CAACA,QAAQ,EAAE;QACZ,oBAAO/D,KAAA,CAAA6C,aAAA,CAAA7C,KAAA,CAAAgE,QAAA,MAAI,CAAC;MACd;MAEA,oBACEhE,KAAA,CAAA6C,aAAA,CAACvC,MAAM;QACLoD,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW,CAAE;QAChC3B,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC+B,QAAS;QAC7BH,IAAI,EAAE1C,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0C,IAAK;QAClBT,IAAI,EAAEA,IAAI,GAAG,OAAQ;QACrBF,SAAS,EAAEc,QAAS;QACpBb,OAAO,EAAEA,OAAQ;QACjBE,UAAU,EAAEA,UAAW;QACvBC,UAAU,EAAEA,UAAW;QACvBC,SAAS,EAAEA,SAAU;QACrBO,UAAU,EAAE;MAAM,CACnB,CAAC;IAEN,CAAC;IACD,oBACE7D,KAAA,CAAA6C,aAAA,CAACnC,yBAAyB,QACtBU,iBAAoC,iBACnCpB,KAAA,CAAA6C,aAAA,CAAChC,YAAY;MACZoD,cAAc,EAAE/C,KAAK,CAACgD,SAAU;MAChCC,KAAK,EAAEjD,KAAK,CAACkD,cAAe;MAC5BtB,KAAK,EAAE;QAACX,KAAK,EAAE,IAAI,CAACH,MAAM,CAACE,IAAI,CAACC,KAAK;QAAEE,MAAM,EAAE,IAAI,CAACL,MAAM,CAACE,IAAI,CAACG,MAAM;QAAEgC,cAAc,EAAE;MAAQ,CAAE;MAClGC,QAAQ,EAAGC,KAAwB,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,gBAEjEvE,KAAA,CAAA6C,aAAA,CAACxC,QAAQ,EAAAoE,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAE/C,MAAM,EAAE,IAAK;MAACK,MAAM,EAAE,CAAC,IAAI,CAACA,MAAM,CAACE,IAAI,EAAE,IAAI,CAACF,MAAM,CAACE,IAAI,CAACC,KAAK,IAAI,IAAI,CAACH,MAAM,CAACE,IAAI,CAACG,MAAM,GAAG;QAAEF,KAAK,EAAE,MAAM;QAAEE,MAAM,EAAE;MAAM,CAAC,GAAG,IAAI,EAAE;QAACsC,aAAa,EAAEzD,KAAK,CAAC0D,YAAY,KAAK,KAAK,GAAG,QAAQ,GAAE;MAAK,CAAC,CAAE;MACjPzD,KAAK,EAAED,KAAK,CAACK,SAAS,IAAIL,KAAK,CAACC,KAAK,GAAIE,CAAiB,IAAK,IAAI,CAACF,KAAK,CAACC,iBAAiB,EAAEC,CAAC,CAAC,GAAGuB,SAAU;MAC5GiC,kBAAkB,EAAE,IAAI,CAACvD,KAAK,CAACJ,KAAK,CAAC4D,kBAAmB;MACxDC,kBAAkB,EAAE;QAAC,GAAGtE,qBAAqB,CAC3CD,uBAAuB,CAACwE,MAAM,EAC9B9D,KACF;MAAC;IAAE,IACF,IAAI,CAAC+D,WAAW,EAChB/D,KAAK,CAAC0D,YAAY,KAAK,KAAK,IAAIrB,IAAI,EACpCrC,KAAK,CAAC0D,YAAY,KAAK,MAAM,IAAIrB,IAAI,EACrCrC,KAAK,CAACgE,aAAa,iBAClBlF,KAAA,CAAA6C,aAAA,CAAA7C,KAAA,CAAAgE,QAAA,QACGF,QAAQ,CAAC5C,KAAK,CAACgE,aAAa,CAC7B,CAAC,EAEJhE,KAAK,CAACiE,OAAO,gBAAInF,KAAA,CAAA6C,aAAA,CAAC5C,IAAI,EAAAwE,QAAA;MAAC3B,KAAK,EAAE,IAAI,CAACd,MAAM,CAACwB;IAAK,GAC5C,IAAI,CAAC4B,oBAAoB,CAAC,SAAS,CAAC;MACxCC,aAAa,EAAEnE,KAAK,CAACoE,SAAU;MAACvC,yBAAyB,EAAC;IAAI,IAAE7B,KAAK,CAACiE,OAAc,CAAC,GAAI,IAAI,EAC5FjE,KAAK,CAAC0D,YAAY,KAAK,OAAO,IAAIrB,IAAI,EACtC,IAAI,CAAChB,WAAW,CAAC,CACV,CACE,CAES,CAAC;EAEhC;AACF","ignoreList":[]}

package/components/basic/anchor/anchor.props.js

@@ -0,0 +1,34 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmAnchorProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "caption", 'Link');
+    _defineProperty(this, "hyperlink", null);
+    _defineProperty(this, "encodeurl", false);
+    _defineProperty(this, "badgevalue", null);
+    _defineProperty(this, "width", null);
+    _defineProperty(this, "height", null);
+    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "iconposition", 'left');
+    _defineProperty(this, "target", '_blank');
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "skeletonwidth", void 0);
+    _defineProperty(this, "skeletonheight", void 0);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+    _defineProperty(this, "accessible", true);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'link');
+    _defineProperty(this, "nooflines", undefined);
+    _defineProperty(this, "lefticonclass", void 0);
+  }
+}
+//# sourceMappingURL=anchor.props.js.map

package/components/basic/anchor/anchor.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmAnchorProps","constructor","args","_defineProperty","undefined"],"sources":["anchor.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmAnchorProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption? = 'Link';\n    hyperlink?: string = null as any;\n    encodeurl?: boolean = false;\n    badgevalue?: string = null as any;\n    width?: string = null as any;\n    height?: string = null as any;\n    iconclass?: string = null as any;\n    iconposition?: string = 'left';\n    target?: string = '_blank';\n    onTap?: any;\n    skeletonwidth?: number;\n    skeletonheight?: number;\n    iconurl?: string = null as any;\n    iconheight?: number = null as any;\n    iconwidth?: number = null as any;\n    iconmargin?: number = null as any;\n    accessible?: boolean = true;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'link';\n    nooflines?: any = undefined;\n    lefticonclass?: string;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACnB,MAAM;IAAAA,eAAA,oBACI,IAAI;IAAAA,eAAA,oBACH,KAAK;IAAAA,eAAA,qBACL,IAAI;IAAAA,eAAA,gBACT,IAAI;IAAAA,eAAA,iBACH,IAAI;IAAAA,eAAA,oBACD,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,iBACZ,QAAQ;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,kBAIP,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,oBAC5BC,SAAS;IAAAD,eAAA;EAAA;AAE/B","ignoreList":[]}

package/components/basic/anchor/anchor.styles.js

@@ -0,0 +1,108 @@
+import Color from 'color';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+export const DEFAULT_CLASS = 'app-anchor';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      color: themeVariables.linkDefaultColor,
+      flexDirection: 'row',
+      alignItems: 'center',
+      overflow: 'visible'
+    },
+    text: {
+      paddingLeft: 8,
+      paddingRight: 8,
+      color: themeVariables.linkDefaultColor,
+      fontSize: 18,
+      textDecorationLine: 'underline'
+    },
+    badge: {
+      backgroundColor: Color(themeVariables.linkDefaultColor).fade(0.8).rgb().toString(),
+      color: themeVariables.linkDefaultColor,
+      alignSelf: 'flex-start',
+      marginTop: -12,
+      marginLeft: 0,
+      fontWeight: 'bold'
+    },
+    icon: {
+      root: {
+        alignSelf: 'center'
+      },
+      text: {
+        fontSize: 16,
+        paddingRight: themeVariables.anchorTextPadding,
+        color: themeVariables.linkDefaultColor
+      },
+      image: {
+        height: 12,
+        width: 12,
+        borderRadius: 0
+      }
+    },
+    lefticon: {
+      root: {
+        alignSelf: 'center'
+      },
+      text: {
+        fontSize: 16,
+        paddingRight: themeVariables.anchorTextPadding,
+        color: themeVariables.linkDefaultColor
+      },
+      image: {
+        height: 12,
+        width: 12,
+        borderRadius: 0
+      }
+    },
+    skeleton: {
+      root: {
+        width: '100%',
+        height: 20,
+        borderRadius: 4
+      }
+    },
+    badgeSkeleton: {
+      root: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    text: {
+      paddingRight: 8
+    }
+  });
+  const getLinkStyles = color => {
+    return {
+      root: {
+        color: color
+      },
+      text: {
+        color: color
+      },
+      icon: {
+        text: {
+          color: color
+        }
+      },
+      lefticon: {
+        text: {
+          color: color
+        }
+      },
+      badge: {
+        backgroundColor: Color(color).fade(0.8).rgb().toString(),
+        color: color
+      }
+    };
+  };
+  addStyle('link-primary', '', getLinkStyles(themeVariables.linkPrimaryColor));
+  addStyle('link-secondary', '', getLinkStyles(themeVariables.linkSecondaryColor));
+  addStyle('link-success', '', getLinkStyles(themeVariables.linkSuccessColor));
+  addStyle('link-danger', '', getLinkStyles(themeVariables.linkDangerColor));
+  addStyle('link-warning', '', getLinkStyles(themeVariables.linkWarningColor));
+  addStyle('link-info', '', getLinkStyles(themeVariables.linkInfoColor));
+  addStyle('link-light', '', getLinkStyles(themeVariables.linkLightColor));
+  addStyle('link-dark', '', getLinkStyles(themeVariables.linkDarkColor));
+});
+//# sourceMappingURL=anchor.styles.js.map

package/components/basic/anchor/anchor.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Color","defineStyles","BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","linkDefaultColor","flexDirection","alignItems","overflow","text","paddingLeft","paddingRight","fontSize","textDecorationLine","badge","backgroundColor","fade","rgb","toString","alignSelf","marginTop","marginLeft","fontWeight","icon","anchorTextPadding","image","height","width","borderRadius","lefticon","skeleton","badgeSkeleton","getLinkStyles","linkPrimaryColor","linkSecondaryColor","linkSuccessColor","linkDangerColor","linkWarningColor","linkInfoColor","linkLightColor","linkDarkColor"],"sources":["anchor.styles.ts"],"sourcesContent":["import Color from 'color';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmAnchorStyles = BaseStyles & {\n    badge: AllStyle,\n    icon: WmIconStyles\n    lefticon: WmIconStyles\n    skeleton: WmSkeletonStyles\n    badgeSkeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-anchor';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAnchorStyles = defineStyles({\n        root: {\n            color: themeVariables.linkDefaultColor,\n            flexDirection: 'row',\n            alignItems: 'center',\n            overflow: 'visible'\n        },\n        text: {\n            paddingLeft: 8,\n            paddingRight: 8,\n            color: themeVariables.linkDefaultColor,\n            fontSize: 18,\n            textDecorationLine: 'underline',\n        },\n        badge: {\n            backgroundColor: Color(themeVariables.linkDefaultColor).fade(0.8).rgb().toString(),\n            color: themeVariables.linkDefaultColor,\n            alignSelf: 'flex-start',\n            marginTop: -12,\n            marginLeft: 0,\n            fontWeight: 'bold'\n        },\n        icon: {\n            root : {\n                alignSelf: 'center'\n            },\n            text: {\n                fontSize: 16,\n                paddingRight: themeVariables.anchorTextPadding,\n                color: themeVariables.linkDefaultColor\n            },\n          image: {\n            height: 12,\n            width: 12,\n            borderRadius: 0\n          }\n        } as WmIconStyles,\n        lefticon: {\n            root : {\n                alignSelf: 'center'\n            },\n            text: {\n                fontSize: 16,\n                paddingRight: themeVariables.anchorTextPadding,\n                color: themeVariables.linkDefaultColor\n            },\n          image: {\n            height: 12,\n            width: 12,\n            borderRadius: 0\n          }\n        } as WmIconStyles,\n        skeleton: {\n            root: {\n                width: '100%',\n                height: 20,\n                borderRadius: 4\n            }\n        } as any as WmSkeletonStyles,\n        badgeSkeleton: {\n            root: {\n            }\n          }  as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        text: {\n            paddingRight: 8\n        }\n    });\n\n    const getLinkStyles = (color: string) => {\n        return {\n            root: {\n                color: color\n            },\n            text: {\n                color: color\n            },\n            icon: {\n                text: {\n                    color: color\n                }\n            },\n            lefticon: {\n                text: {\n                    color: color\n                }\n            },\n            badge: {\n                backgroundColor: Color(color).fade(0.8).rgb().toString(),\n                color: color,\n            }\n        } as WmAnchorStyles;\n    };\n\n    addStyle('link-primary', '', getLinkStyles(themeVariables.linkPrimaryColor));\n    addStyle('link-secondary', '', getLinkStyles(themeVariables.linkSecondaryColor));\n    addStyle('link-success', '', getLinkStyles(themeVariables.linkSuccessColor));\n    addStyle('link-danger', '', getLinkStyles(themeVariables.linkDangerColor));\n    addStyle('link-warning', '', getLinkStyles(themeVariables.linkWarningColor));\n    addStyle('link-info', '', getLinkStyles(themeVariables.linkInfoColor));\n    addStyle('link-light', '', getLinkStyles(themeVariables.linkLightColor));\n    addStyle('link-dark', '', getLinkStyles(themeVariables.linkDarkColor));\n});\n"],"mappings":"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","ignoreList":[]}

package/components/basic/animatedview.component.js

@@ -0,0 +1,226 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import * as Animatable from 'react-native-animatable';
+import { initializeRegistryWithDefinitions } from 'react-native-animatable';
+import { View } from 'react-native';
+export default class AnimatedviewProps {
+  constructor() {
+    _defineProperty(this, "entryanimation", null);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "duration", null);
+    _defineProperty(this, "delay", null);
+    _defineProperty(this, "iterationCount", void 0);
+    _defineProperty(this, "style", void 0);
+    _defineProperty(this, "exitanimation", null);
+    _defineProperty(this, "accessibilityProps", void 0);
+    _defineProperty(this, "onLayout", void 0);
+  }
+}
+const AnimationMap = {
+  bounce: 'bounce',
+  flash: 'flash',
+  pulse: 'pulse',
+  rotate: 'rotate',
+  rubberBand: 'rubberBand',
+  shake: 'shake',
+  swing: 'swing',
+  tada: 'tada',
+  wobble: 'wobble',
+  bounceIn: 'bounceOut',
+  bounceInDown: 'bounceOutUp',
+  bounceInLeft: 'bounceOutRight',
+  bounceInRight: 'bounceOutLeft',
+  bounceInUp: 'bounceOutDown',
+  fadeIn: 'fadeOut',
+  fadeInDown: 'fadeOutUp',
+  fadeInDownBig: 'fadeOutUpBig',
+  fadeInLeft: 'fadeOutRight',
+  fadeInLeftBig: 'fadeOutRightBig',
+  fadeInRight: 'fadeOutLeft',
+  fadeInRightBig: 'fadeOutLeftBig',
+  fadeInUp: 'fadeOutDown',
+  fadeInUpBig: 'fadeOutDownBig',
+  flipInX: 'flipOutX',
+  flipInY: 'flipOutY',
+  lightSpeedIn: 'lightSpeedOut',
+  slideInDown: 'slideOutUp',
+  slideInLeft: 'slideOutRight',
+  slideInRight: 'slideOutLeft',
+  slideInUp: 'slideOutDown',
+  zoomIn: 'zoomOut',
+  zoomInDown: 'zoomOutUp',
+  zoomInLeft: 'zoomOutRight',
+  zoomInRight: 'zoomOutLeft',
+  zoomInUp: 'zoomOutDown'
+};
+const CustomAnimationMap = {
+  flipInY: {
+    0: {
+      transform: [{
+        rotateY: "0deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateY: "360deg"
+      }]
+    }
+  },
+  flipInX: {
+    0: {
+      transform: [{
+        rotateX: "0deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateX: "360deg"
+      }]
+    }
+  },
+  flipOutY: {
+    0: {
+      transform: [{
+        rotateY: "3600deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateY: "0deg"
+      }]
+    }
+  },
+  flipOutX: {
+    0: {
+      transform: [{
+        rotateX: "360deg"
+      }]
+    },
+    1: {
+      transform: [{
+        rotateX: "0deg"
+      }]
+    }
+  },
+  slideInDown: {
+    from: {
+      translateY: -20
+    },
+    to: {
+      translateY: 0
+    }
+  },
+  slideInUp: {
+    from: {
+      translateY: 20
+    },
+    to: {
+      translateY: 0
+    }
+  },
+  slideOutUp: {
+    from: {
+      translateY: 0
+    },
+    to: {
+      translateY: -20
+    }
+  },
+  slideOutDown: {
+    from: {
+      translateY: 0
+    },
+    to: {
+      translateY: 20
+    }
+  },
+  fadeInDown: {
+    from: {
+      opacity: 0,
+      translateY: -20
+    },
+    to: {
+      opacity: 1,
+      translateY: 0
+    }
+  },
+  fadeInUp: {
+    from: {
+      opacity: 0,
+      translateY: 20
+    },
+    to: {
+      opacity: 1,
+      translateY: 0
+    }
+  },
+  fadeOutDown: {
+    from: {
+      opacity: 1,
+      translateY: 0
+    },
+    to: {
+      opacity: 0,
+      translateY: 20
+    }
+  },
+  fadeOutUp: {
+    from: {
+      opacity: 1,
+      translateY: 0
+    },
+    to: {
+      opacity: 0,
+      translateY: -20
+    }
+  }
+};
+export class Animatedview extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "view", null);
+    // @ts-ignore
+    _defineProperty(this, "handleViewRef", ref => this.view = ref);
+    initializeRegistryWithDefinitions(CustomAnimationMap);
+  }
+  triggerEntry() {
+    return this.view.animate(this.props.entryanimation, this.props.duration).then(endState => endState.finished);
+  }
+  triggerExit() {
+    if (!this.view) {
+      return;
+    }
+    if (this.props.exitanimation) {
+      return this.view.animate(this.props.exitanimation, this.props.duration, 1).then(endState => endState.finished);
+    } else {
+      return this.view.animate(AnimationMap[this.props.entryanimation || ''], this.props.duration, 1).then(endState => endState.finished);
+    }
+  }
+  render() {
+    return this.props.entryanimation ? /*#__PURE__*/React.createElement(Animatable.View, _extends({
+      animation: this.props.entryanimation,
+      duration: this.props.duration,
+      delay: this.props.delay,
+      useNativeDriver: true,
+      style: this.props.style,
+      iterationCount: this.props.iterationCount,
+      ref: this.handleViewRef
+    }, this.props.accessibilityProps, {
+      testID: "animatableView",
+      onLayout: e => this.props.onLayout && this.props.onLayout(e, this.view)
+    }), this.props.children) : /*#__PURE__*/React.createElement(View, _extends({
+      style: this.props.style
+    }, this.props.accessibilityProps, {
+      testID: "non_animatableView",
+      ref: this.handleViewRef,
+      onLayout: e => this.props.onLayout && this.props.onLayout(e, this.view)
+    }), this.props.children);
+  }
+}
+_defineProperty(Animatedview, "defaultProps", {
+  duration: 200
+});
+//# sourceMappingURL=animatedview.component.js.map

package/components/basic/animatedview.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animatable","initializeRegistryWithDefinitions","View","AnimatedviewProps","constructor","_defineProperty","AnimationMap","bounce","flash","pulse","rotate","rubberBand","shake","swing","tada","wobble","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","flipInX","flipInY","lightSpeedIn","slideInDown","slideInLeft","slideInRight","slideInUp","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","CustomAnimationMap","transform","rotateY","rotateX","flipOutY","flipOutX","from","translateY","to","slideOutUp","slideOutDown","opacity","fadeOutDown","fadeOutUp","Animatedview","Component","props","ref","view","triggerEntry","animate","entryanimation","duration","then","endState","finished","triggerExit","exitanimation","render","createElement","_extends","animation","delay","useNativeDriver","style","iterationCount","handleViewRef","accessibilityProps","testID","onLayout","e","children"],"sources":["animatedview.component.tsx"],"sourcesContent":["import React from 'react';\nimport * as Animatable from 'react-native-animatable';\nimport { initializeRegistryWithDefinitions } from 'react-native-animatable';\nimport { View, ViewProps, ViewStyle } from 'react-native';\n\nexport default class AnimatedviewProps {\n  entryanimation?: string = null as any;\n  children?: any;\n  duration?: number = null as any;\n  delay?: number = null as any;\n  iterationCount?:any;\n  style?: any;\n  exitanimation?: string = null as any;\n  accessibilityProps?: any;\n  onLayout?: any;\n}\n\nconst AnimationMap: any = {\n  bounce: 'bounce',\n  flash: 'flash',\n  pulse: 'pulse',\n  rotate: 'rotate',\n  rubberBand: 'rubberBand',\n  shake: 'shake',\n  swing: 'swing',\n  tada: 'tada',\n  wobble: 'wobble',\n  bounceIn: 'bounceOut',\n  bounceInDown: 'bounceOutUp',\n  bounceInLeft: 'bounceOutRight',\n  bounceInRight: 'bounceOutLeft',\n  bounceInUp: 'bounceOutDown',\n  fadeIn: 'fadeOut',\n  fadeInDown: 'fadeOutUp',\n  fadeInDownBig: 'fadeOutUpBig',\n  fadeInLeft: 'fadeOutRight',\n  fadeInLeftBig: 'fadeOutRightBig',\n  fadeInRight: 'fadeOutLeft',\n  fadeInRightBig: 'fadeOutLeftBig',\n  fadeInUp: 'fadeOutDown',\n  fadeInUpBig: 'fadeOutDownBig',\n  flipInX: 'flipOutX',\n  flipInY: 'flipOutY',\n  lightSpeedIn: 'lightSpeedOut',\n  slideInDown: 'slideOutUp',\n  slideInLeft: 'slideOutRight',\n  slideInRight: 'slideOutLeft',\n  slideInUp: 'slideOutDown',\n  zoomIn: 'zoomOut',\n  zoomInDown: 'zoomOutUp',\n  zoomInLeft: 'zoomOutRight',\n  zoomInRight: 'zoomOutLeft',\n  zoomInUp: 'zoomOutDown'\n};\n\nconst CustomAnimationMap: any = {\n  flipInY: {\n    0: {\n        transform: [{rotateY: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"360deg\"}]\n    }\n  },\n  flipInX: {\n    0: {\n        transform: [{rotateX: \"0deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"360deg\"}]\n    }\n  },\n  flipOutY: {\n    0: {\n        transform: [{rotateY: \"3600deg\"}]\n    },\n    1: {\n        transform: [{rotateY: \"0deg\"}]\n    }\n  },\n  flipOutX: {\n    0: {\n        transform: [{rotateX: \"360deg\"}]\n    },\n    1: {\n        transform: [{rotateX: \"0deg\"}]\n    }\n  },\n  slideInDown : {\n    from: { translateY: -20 },\n    to: { translateY: 0 }\n  },\n  slideInUp : {\n    from: { translateY: 20 },\n    to: { translateY: 0 }\n  },\n  slideOutUp: {\n    from: { translateY: 0 },\n    to: { translateY: -20 }\n  },\n  slideOutDown : {\n    from: { translateY: 0 },\n    to: { translateY: 20 }\n  },\n  fadeInDown: {\n    from: { opacity: 0, translateY: -20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeInUp: {\n    from: { opacity: 0, translateY: 20 },\n    to: { opacity: 1, translateY: 0 }\n  },\n  fadeOutDown: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: 20 }\n  },\n  fadeOutUp: {\n    from: { opacity: 1, translateY: 0 },\n    to: { opacity: 0, translateY: -20 }\n  }\n};\n\nexport class Animatedview extends React.Component<AnimatedviewProps> {\n  static defaultProps: AnimatedviewProps = {\n    duration: 200,\n  };\n\n  private view: Animatable.View = null as any;\n\n  constructor(props: AnimatedviewProps) {\n    super(props);\n    initializeRegistryWithDefinitions(CustomAnimationMap);\n  }\n\n  triggerEntry() {\n    return (this as any).view.animate(this.props.entryanimation, this.props.duration).then((endState: any) => endState.finished)\n  }\n\n  triggerExit() {\n    if (!this.view) {\n      return;\n    }\n    if (this.props.exitanimation) {\n      return (this as any).view.animate(this.props.exitanimation, this.props.duration, 1).then((endState: any) => endState.finished)\n    } else {\n      return (this as any).view.animate(AnimationMap[this.props.entryanimation || ''], this.props.duration, 1).then((endState: any) => endState.finished)\n    }\n  }\n\n  // @ts-ignore\n  handleViewRef = (ref: Animatable.View<ViewProps, ViewStyle>) => this.view = ref;\n\n  render() {\n    return this.props.entryanimation ? (\n     <Animatable.View\n        animation={this.props.entryanimation}\n        duration={this.props.duration}\n        delay={this.props.delay}\n        useNativeDriver={true}\n        style={this.props.style}\n        iterationCount={this.props.iterationCount}\n        ref={this.handleViewRef}\n        {...this.props.accessibilityProps}\n        testID=\"animatableView\"\n        onLayout={(e)=>this.props.onLayout && this.props.onLayout(e, this.view)}\n       >\n        {this.props.children}\n      </Animatable.View>\n    ): (<View \n          style={this.props.style} \n          {...this.props.accessibilityProps} \n          testID=\"non_animatableView\"\n          ref={this.handleViewRef}\n          onLayout={(e)=>this.props.onLayout && this.props.onLayout(e, this.view)}\n       >\n          {this.props.children}\n        </View>\n      );\n  }\n}\n"],"mappings":"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","ignoreList":[]}