@wavemaker/app-rn-runtime 11.15.5-rc.261 → 11.15.5-rc.263

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Image","TouchableWithoutFeedback","Platform","Text","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","createSkeleton","VideoConsumer","WmVideoState","constructor","args","_defineProperty","WmVideo","props","getSource","path","resource","loadAsset","uri","renderVideoPoster","accessibilityImageProps","accessibilitylabel","hint","accessibilityrole","createElement","onPress","_this$player","player","play","_extends","getTestProps","style","position","top","bottom","left","right","width","height","resizeMode","source","videoposter","PICTURE","renderSkeleton","theme","styles","skeleton","root","playingStatusChange","isPlaying","state","playStarted","updateState","autoplay","playerReadyStatusChange","statusObj","videoReady","status","isVideoReady","initializeProps","loop","muted","showNowPlayingNotification","componentDidMount","initializePlayer","videoService","isPlayerInitialized","mp4format","webmformat","videoSource","createVideoPlayer","addListener","bind","onPlayIconTap","videoPosterDismissed","componentWillUnmount","removeListener","release","renderWidget","allowsPictureInPicture","onFullscreenEnter","onFullscreenExit","requiresLinearPlayback","showdefaultvideoposter","showOverlay","VideoView","onLayout","event","handleLayout","_background","VIDEO","flex","nativeControls","controls","contentFit","testID","getTestId","Fragment","playIconContainer","OS","fontSize","fontWeight","color"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Image, TouchableWithoutFeedback, Platform, Text } from 'react-native';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport {\n  AccessibilityWidgetType,\n  getAccessibilityProps,\n} from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { VideoConsumer } from '@wavemaker/app-rn-runtime/core/device/av-service';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {\n  isVideoReady: boolean = false;\n  playStarted: boolean = false;\n  videoPosterDismissed: boolean = false;\n}\n\nexport default class WmVideo extends BaseComponent<\n  WmVideoProps,\n  WmVideoState,\n  WmVideoStyles\n> {\n  private player: any;\n  private videoService: any = null as any;\n  private isPlayerInitialized: boolean = false;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset && this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource as string,\n      };\n    }\n    return resource || {\n      uri: ''\n    };\n  }\n\n  renderVideoPoster(props: WmVideoProps) {\n    const accessibilityImageProps = {...props, \n      accessibilitylabel : `${props.accessibilitylabel}_poster`,\n      hint: `${props.hint}_poster`,\n      accessibilityrole: 'image'\n    }\n    return (\n      <TouchableWithoutFeedback onPress={() => this.player?.play()}>\n        <Image\n          {...this.getTestProps('video_poster')}\n          style={{\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            width: '100%',\n            height: '100%',\n          }}\n          resizeMode={'cover'}\n          source={this.getSource(props.videoposter) as any}\n          {...getAccessibilityProps(AccessibilityWidgetType.PICTURE, accessibilityImageProps)}\n        />\n      </TouchableWithoutFeedback>\n    );\n  }\n\n\n  public renderSkeleton(props: WmVideoProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n    });\n  }\n\n  public playingStatusChange(isPlaying: boolean) {\n    if (!this.state.playStarted) {\n      this.updateState({\n        playStarted: this.state.props.autoplay || isPlaying,\n      } as WmVideoState);\n    }\n  }\n\n  playerReadyStatusChange(statusObj: any) {\n    const videoReady = statusObj.status === 'readyToPlay'\n    if (this.state.props.autoplay && videoReady && this.player) {\n        this.player.play();\n    }\n    this.updateState({\n      isVideoReady: videoReady,\n    } as WmVideoState);\n  }\n\n  initializeProps(){\n    if (!this.player) {\n      return;\n    }\n    \n    const {\n      loop,\n      muted,\n      showNowPlayingNotification,\n    } = this.state.props\n\n    this.player.muted = muted; \n    this.player.loop = loop; \n    this.player.showNowPlayingNotification = showNowPlayingNotification; \n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n  }\n\n  initializePlayer(videoService: any) {\n    if (this.isPlayerInitialized || !videoService) {\n      return; // Player already initialized or videoService not available\n    }\n\n    const { mp4format, webmformat } = this.state.props;\n    const videoSource = this.getSource(mp4format || webmformat);\n\n    this.player = videoService.createVideoPlayer(videoSource);\n    this.player.addListener(\n      'playingChange',\n      this.playingStatusChange.bind(this)\n    );\n    this.player.addListener(\n      'statusChange',\n      this.playerReadyStatusChange.bind(this)\n    ); \n    this.initializeProps();\n    this.isPlayerInitialized = true;\n  }\n\n  onPlayIconTap() {\n    this.updateState({\n      videoPosterDismissed: true\n    } as WmVideoState)\n    if (this.player) {\n      this.player.play()\n    }\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    if (this.player) {\n      this.player.removeListener('playingChange', this.playingStatusChange);\n      this.player.removeListener('statusChange', this.playerReadyStatusChange);\n      this.player.release();\n    }\n    this.player = null;\n    this.videoService = null;\n    this.isPlayerInitialized = false;\n  }\n\n  //TASK: Overlay on video widged should be removed once upgraded to expo 53.\n\n  renderWidget(props: WmVideoProps) {\n    const {\n      allowsPictureInPicture,\n      videoposter,\n      onFullscreenEnter,\n      onFullscreenExit,\n      requiresLinearPlayback,\n      showdefaultvideoposter\n    } = props;\n\n    const { playStarted } = this.state;\n    const isPlaying = playStarted || this.state.props.autoplay;\n    const showOverlay = !showdefaultvideoposter && !this.state.videoPosterDismissed\n\n    \n    return (\n      <VideoConsumer>\n      {(videoService: any) => {\n        // Only set videoService and initialize player once\n        if (videoService && !this.videoService) {\n          this.videoService = videoService;\n          this.initializePlayer(videoService);\n        }\n        const VideoView = videoService?.VideoView;\n        return (\n          <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n            {this._background}\n            <VideoView\n              {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n              style={{ width: '100%', height: '100%', flex: 1 }}\n              player={this.player}\n              nativeControls={props.controls}\n              contentFit={'contain'}\n              testID={this.getTestId('video')}\n              allowsPictureInPicture={allowsPictureInPicture}\n              onFullscreenEnter={onFullscreenEnter}\n              onFullscreenExit={onFullscreenExit}\n              requiresLinearPlayback={requiresLinearPlayback}\n            />\n\n            {!isPlaying && videoposter ? (\n              this.renderVideoPoster(props)\n            ) : (\n              <></>\n            )}\n\n            {\n              !isPlaying && !showdefaultvideoposter && !this.state.videoPosterDismissed ? (\n                <View style={this.styles.playIconContainer}>\n                  <TouchableWithoutFeedback style={{width: 80, height: 80 }} onPress={this.onPlayIconTap.bind(this)}>\n                    {Platform.OS === 'android' ? <Image\n                    {...this.getTestProps('video_play_button')}\n                    style={{\n                      width: 80, \n                      height: 80,\n                    }}\n                    resizeMode={'contain'}\n                    source={this.getSource('resources/images/imagelists/play.png') as any}\n                  /> : <Text style={{ fontSize: 80, fontWeight: 'bold', color: 'white'}} >▶</Text> } \n                  </TouchableWithoutFeedback>\n                </View>            \n              ) : (\n                <></>\n              )\n            }\n          </View>\n        )}}\n      </VideoConsumer>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Image","TouchableWithoutFeedback","Platform","Text","BaseComponent","BaseComponentState","WmVideoProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","isFullPathUrl","createSkeleton","VideoConsumer","WmVideoState","constructor","args","_defineProperty","WmVideo","props","getSource","path","resource","loadAsset","uri","renderVideoPoster","accessibilityImageProps","accessibilitylabel","hint","accessibilityrole","createElement","onPress","_this$player","player","play","_extends","getTestProps","style","position","top","bottom","left","right","width","height","resizeMode","source","videoposter","PICTURE","renderSkeleton","theme","styles","skeleton","root","playingStatusChange","isPlaying","state","playStarted","updateState","autoplay","playerReadyStatusChange","statusObj","videoReady","status","isVideoReady","initializeProps","loop","muted","showNowPlayingNotification","componentDidMount","initializePlayer","videoService","isPlayerInitialized","mp4format","webmformat","videoSource","createVideoPlayer","addListener","bind","onPlayIconTap","videoPosterDismissed","componentWillUnmount","removeListener","release","renderWidget","allowsPictureInPicture","onFullscreenEnter","onFullscreenExit","requiresLinearPlayback","showdefaultvideoposter","showOverlay","VideoView","onLayout","event","handleLayout","_background","VIDEO","flex","nativeControls","controls","contentFit","testID","getTestId","Fragment","playIconContainer","OS","fontSize","fontWeight","color"],"sources":["video.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Image, TouchableWithoutFeedback, Platform, Text } from 'react-native';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmVideoProps from './video.props';\nimport { DEFAULT_CLASS, WmVideoStyles } from './video.styles';\nimport {\n  AccessibilityWidgetType,\n  getAccessibilityProps,\n} from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { VideoConsumer } from '@wavemaker/app-rn-runtime/core/device/av-service';\n\nexport class WmVideoState extends BaseComponentState<WmVideoProps> {\n  isVideoReady: boolean = false;\n  playStarted: boolean = false;\n  videoPosterDismissed: boolean = false;\n}\n\nexport default class WmVideo extends BaseComponent<\n  WmVideoProps,\n  WmVideoState,\n  WmVideoStyles\n> {\n  private player: any;\n  private videoService: any = null as any;\n  private isPlayerInitialized: boolean = false;\n\n  constructor(props: WmVideoProps) {\n    super(props, DEFAULT_CLASS, new WmVideoProps(), new WmVideoState());\n  }\n\n  getSource(path: string) {\n    if (!path) {\n      return null;\n    }\n    const resource = this.loadAsset && this.loadAsset(path);\n    if (isFullPathUrl(resource as string)) {\n      return {\n        uri: resource as string,\n      };\n    }\n    return resource || {\n      uri: ''\n    };\n  }\n\n  renderVideoPoster(props: WmVideoProps) {\n    const accessibilityImageProps = {...props, \n      accessibilitylabel : `${props.accessibilitylabel}_poster`,\n      hint: `${props.hint}_poster`,\n      accessibilityrole: 'image'\n    }\n    return (\n      <TouchableWithoutFeedback onPress={() => this.player?.play()}>\n        <Image\n          {...this.getTestProps('video_poster')}\n          style={{\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            width: '100%',\n            height: '100%',\n          }}\n          resizeMode={'cover'}\n          source={this.getSource(props.videoposter!) as any}\n          {...getAccessibilityProps(AccessibilityWidgetType.PICTURE, accessibilityImageProps)}\n        />\n      </TouchableWithoutFeedback>\n    );\n  }\n\n\n  public renderSkeleton(props: WmVideoProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n    });\n  }\n\n  public playingStatusChange(isPlaying: boolean) {\n    if (!this.state.playStarted) {\n      this.updateState({\n        playStarted: this.state.props.autoplay || isPlaying,\n      } as WmVideoState);\n    }\n  }\n\n  playerReadyStatusChange(statusObj: any) {\n    const videoReady = statusObj.status === 'readyToPlay'\n    if (this.state.props.autoplay && videoReady && this.player) {\n        this.player.play();\n    }\n    this.updateState({\n      isVideoReady: videoReady,\n    } as WmVideoState);\n  }\n\n  initializeProps(){\n    if (!this.player) {\n      return;\n    }\n    \n    const {\n      loop,\n      muted,\n      showNowPlayingNotification,\n    } = this.state.props\n\n    this.player.muted = muted; \n    this.player.loop = loop; \n    this.player.showNowPlayingNotification = showNowPlayingNotification; \n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n  }\n\n  initializePlayer(videoService: any) {\n    if (this.isPlayerInitialized || !videoService) {\n      return; // Player already initialized or videoService not available\n    }\n\n    const { mp4format, webmformat } = this.state.props;\n    const videoSource = this.getSource((mp4format || webmformat)!);\n\n    this.player = videoService.createVideoPlayer(videoSource);\n    this.player.addListener(\n      'playingChange',\n      this.playingStatusChange.bind(this)\n    );\n    this.player.addListener(\n      'statusChange',\n      this.playerReadyStatusChange.bind(this)\n    ); \n    this.initializeProps();\n    this.isPlayerInitialized = true;\n  }\n\n  onPlayIconTap() {\n    this.updateState({\n      videoPosterDismissed: true\n    } as WmVideoState)\n    if (this.player) {\n      this.player.play()\n    }\n  }\n\n  componentWillUnmount(): void {\n    super.componentWillUnmount();\n    if (this.player) {\n      this.player.removeListener('playingChange', this.playingStatusChange);\n      this.player.removeListener('statusChange', this.playerReadyStatusChange);\n      this.player.release();\n    }\n    this.player = null;\n    this.videoService = null;\n    this.isPlayerInitialized = false;\n  }\n\n  //TASK: Overlay on video widged should be removed once upgraded to expo 53.\n\n  renderWidget(props: WmVideoProps) {\n    const {\n      allowsPictureInPicture,\n      videoposter,\n      onFullscreenEnter,\n      onFullscreenExit,\n      requiresLinearPlayback,\n      showdefaultvideoposter\n    } = props;\n\n    const { playStarted } = this.state;\n    const isPlaying = playStarted || this.state.props.autoplay;\n    const showOverlay = !showdefaultvideoposter && !this.state.videoPosterDismissed\n\n    \n    return (\n      <VideoConsumer>\n      {(videoService: any) => {\n        // Only set videoService and initialize player once\n        if (videoService && !this.videoService) {\n          this.videoService = videoService;\n          this.initializePlayer(videoService);\n        }\n        const VideoView = videoService?.VideoView;\n        return (\n          <View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n            {this._background}\n            <VideoView\n              {...getAccessibilityProps(AccessibilityWidgetType.VIDEO, props)}\n              style={{ width: '100%', height: '100%', flex: 1 }}\n              player={this.player}\n              nativeControls={props.controls}\n              contentFit={'contain'}\n              testID={this.getTestId('video')}\n              allowsPictureInPicture={allowsPictureInPicture}\n              onFullscreenEnter={onFullscreenEnter}\n              onFullscreenExit={onFullscreenExit}\n              requiresLinearPlayback={requiresLinearPlayback}\n            />\n\n            {!isPlaying && videoposter ? (\n              this.renderVideoPoster(props)\n            ) : (\n              <></>\n            )}\n\n            {\n              !isPlaying && !showdefaultvideoposter && !this.state.videoPosterDismissed ? (\n                <View style={this.styles.playIconContainer}>\n                  <TouchableWithoutFeedback style={{width: 80, height: 80 }} onPress={this.onPlayIconTap.bind(this)}>\n                    {Platform.OS === 'android' ? <Image\n                    {...this.getTestProps('video_play_button')}\n                    style={{\n                      width: 80, \n                      height: 80,\n                    }}\n                    resizeMode={'contain'}\n                    source={this.getSource('resources/images/imagelists/play.png') as any}\n                  /> : <Text style={{ fontSize: 80, fontWeight: 'bold', color: 'white'}} >▶</Text> } \n                  </TouchableWithoutFeedback>\n                </View>            \n              ) : (\n                <></>\n              )\n            }\n          </View>\n        )}}\n      </VideoConsumer>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/components/basic/video/video.props.d.ts

@@ -0,0 +1,32 @@
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+import { AccessibilityRole } from 'react-native';
+import WmVideo from './video.component';
+export default class WmVideoProps extends BaseProps {
+    autoplay?: boolean;
+    controls?: boolean;
+    loop?: boolean;
+    mp4format?: string;
+    muted?: boolean;
+    oggformat?: string;
+    subtitlelang?: string;
+    subtitlesource?: string;
+    videoposter?: string;
+    showdefaultvideoposter?: boolean;
+    videopreload?: string;
+    videosupportmessage?: string;
+    webmformat?: string;
+    accessibilitylabel?: string;
+    hint?: string;
+    accessibilityrole?: AccessibilityRole;
+    onFullscreenEnter?: ($event: any, instance: WmVideo) => any;
+    onFullscreenExit?: ($event: any, instance: WmVideo) => any;
+    onTap?: ($event: any, instance: WmVideo) => any;
+    onDoubleTap?: ($event: any, instance: WmVideo) => any;
+    onLongTap?: ($event: any, instance: WmVideo) => any;
+    requiresLinearPlayback?: boolean;
+    isLive?: boolean;
+    playing?: boolean;
+    showNowPlayingNotification?: boolean;
+    allowsPictureInPicture?: boolean;
+}
+//# sourceMappingURL=video.props.d.ts.map

package/components/basic/video/video.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/video/video.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,OAAO,MAAM,mBAAmB,CAAC;AAExC,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,SAAS;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAS;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAQ;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAmD;IACvE,sBAAsB,CAAC,EAAE,OAAO,CAAQ;IACxC,YAAY,CAAC,EAAE,MAAM,CAAU;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAkD;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;IAC5D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;IAC3D,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;IACtD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC;IACpD,sBAAsB,CAAC,EAAE,OAAO,CAAQ;IACxC,MAAM,CAAC,EAAE,OAAO,CAAS;IACzB,OAAO,CAAC,EAAE,OAAO,CAAS;IAC1B,0BAA0B,CAAC,EAAE,OAAO,CAAS;IAC7C,sBAAsB,CAAC,EAAE,OAAO,CAAS;CAC5C"}

package/components/basic/video/video.props.js

@@ -8,21 +8,24 @@ export default class WmVideoProps extends BaseProps {
     _defineProperty(this, "autoplay", false);
     _defineProperty(this, "controls", false);
     _defineProperty(this, "loop", false);
-    _defineProperty(this, "mp4format", null);
+    _defineProperty(this, "mp4format", void 0);
     _defineProperty(this, "muted", false);
-    _defineProperty(this, "oggformat", null);
+    _defineProperty(this, "oggformat", void 0);
     _defineProperty(this, "subtitlelang", 'en');
-    _defineProperty(this, "subtitlesource", null);
+    _defineProperty(this, "subtitlesource", void 0);
     _defineProperty(this, "videoposter", 'resources/images/imagelists/default-image.png');
     _defineProperty(this, "showdefaultvideoposter", true);
     _defineProperty(this, "videopreload", 'none');
     _defineProperty(this, "videosupportmessage", 'Your browser does not support the video tag.');
-    _defineProperty(this, "webmformat", null);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "webmformat", void 0);
+    _defineProperty(this, "accessibilitylabel", void 0);
+    _defineProperty(this, "hint", void 0);
     _defineProperty(this, "accessibilityrole", void 0);
-    _defineProperty(this, "onFullscreenEnter", null);
-    _defineProperty(this, "onFullscreenExit", null);
+    _defineProperty(this, "onFullscreenEnter", void 0);
+    _defineProperty(this, "onFullscreenExit", void 0);
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "onDoubleTap", void 0);
+    _defineProperty(this, "onLongTap", void 0);
     _defineProperty(this, "requiresLinearPlayback", true);
     _defineProperty(this, "isLive", false);
     _defineProperty(this, "playing", false);

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmVideoProps","constructor","args","_defineProperty","undefined"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    showdefaultvideoposter = true;\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole;\n    onFullscreenEnter: (() => void) | null = null;\n    onFullscreenExit: (() => void) | null = null;\n    requiresLinearPlayback: boolean = true;\n    isLive: boolean = false;\n    playing: boolean = false;\n    showNowPlayingNotification: boolean = false;\n    allowsPictureInPicture: boolean = false;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACrC,KAAK;IAAAA,eAAA,mBACL,KAAK;IAAAA,eAAA,eACT,KAAK;IAAAA,eAAA,oBACQ,IAAI;IAAAA,eAAA,gBAChB,KAAK;IAAAA,eAAA,oBACO,IAAI;IAAAA,eAAA,uBACT,IAAI;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,sBACf,+CAA+C;IAAAA,eAAA,iCACpC,IAAI;IAAAA,eAAA,uBACd,MAAM;IAAAA,eAAA,8BACC,8CAA8C;IAAAA,eAAA,qBAC/C,IAAI;IAAAA,eAAA,6BACKC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,4BAEgB,IAAI;IAAAA,eAAA,2BACL,IAAI;IAAAA,eAAA,iCACV,IAAI;IAAAA,eAAA,iBACpB,KAAK;IAAAA,eAAA,kBACJ,KAAK;IAAAA,eAAA,qCACc,KAAK;IAAAA,eAAA,iCACT,KAAK;EAAA;AAC3C","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmVideoProps","constructor","args","_defineProperty"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nimport WmVideo from './video.component';\n\nexport default class WmVideoProps extends BaseProps {\n    autoplay?: boolean = false;\n    controls?: boolean = false;\n    loop?: boolean = false;\n    mp4format?: string;\n    muted?: boolean = false;\n    oggformat?: string;\n    subtitlelang?: string = 'en';\n    subtitlesource?: string;\n    videoposter?: string = 'resources/images/imagelists/default-image.png';\n    showdefaultvideoposter?: boolean = true;\n    videopreload?: string = 'none';\n    videosupportmessage?: string = 'Your browser does not support the video tag.';\n    webmformat?: string;\n    accessibilitylabel?: string;\n    hint?: string;\n    accessibilityrole?: AccessibilityRole;\n    onFullscreenEnter?: ($event: any, instance: WmVideo) => any;\n    onFullscreenExit?: ($event: any, instance: WmVideo) => any;\n    onTap?: ($event: any, instance: WmVideo) => any;\n    onDoubleTap?: ($event: any, instance: WmVideo) => any;\n    onLongTap?: ($event: any, instance: WmVideo) => any;\n    requiresLinearPlayback?: boolean = true;\n    isLive?: boolean = false;\n    playing?: boolean = false;\n    showNowPlayingNotification?: boolean = false;\n    allowsPictureInPicture?: boolean = false;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC3B,KAAK;IAAAA,eAAA,mBACL,KAAK;IAAAA,eAAA,eACT,KAAK;IAAAA,eAAA;IAAAA,eAAA,gBAEJ,KAAK;IAAAA,eAAA;IAAAA,eAAA,uBAEC,IAAI;IAAAA,eAAA;IAAAA,eAAA,sBAEL,+CAA+C;IAAAA,eAAA,iCACnC,IAAI;IAAAA,eAAA,uBACf,MAAM;IAAAA,eAAA,8BACC,8CAA8C;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,iCAU1C,IAAI;IAAAA,eAAA,iBACpB,KAAK;IAAAA,eAAA,kBACJ,KAAK;IAAAA,eAAA,qCACc,KAAK;IAAAA,eAAA,iCACT,KAAK;EAAA;AAC5C","ignoreList":[]}

package/components/basic/video/video.styles.d.ts

@@ -0,0 +1,9 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { WmSkeletonStyles } from '../skeleton/skeleton.styles';
+import { ViewStyle } from 'react-native';
+export type WmVideoStyles = BaseStyles & {
+    skeleton: WmSkeletonStyles;
+    playIconContainer: ViewStyle;
+};
+export declare const DEFAULT_CLASS = "app-video";
+//# sourceMappingURL=video.styles.d.ts.map

package/components/basic/video/video.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/video/video.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IACrC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,iBAAiB,EAAE,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,aAAa,cAAc,CAAC"}

package/components/chart/area-chart/area-chart.component.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { LayoutChangeEvent } from 'react-native';
+import WmAreaChartProps from './area-chart.props';
+import { WmAreaChartStyles } from './area-chart.styles';
+import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
+export declare class WmAreaChartState extends BaseChartComponentState<WmAreaChartProps> {
+    chartWidth: number;
+}
+export default class WmAreaChart extends BaseChartComponent<WmAreaChartProps, WmAreaChartState, WmAreaChartStyles> {
+    constructor(props: WmAreaChartProps);
+    onViewLayoutChange: (e: LayoutChangeEvent) => void;
+    onSelect(event: any, data: any): void;
+    renderWidget(props: WmAreaChartProps): React.JSX.Element | null;
+}
+//# sourceMappingURL=area-chart.component.d.ts.map

package/components/chart/area-chart/area-chart.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/chart/area-chart/area-chart.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAwB,MAAM,cAAc,CAAC;AAIvE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAiB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,gEAAgE,CAAC;AAQxE,qBAAa,gBAAiB,SAAQ,uBAAuB,CAAC,gBAAgB,CAAC;IAC7E,UAAU,SAAK;CAChB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,kBAAkB,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,CAAC;gBAEpG,KAAK,EAAE,gBAAgB;IAInC,kBAAkB,iCAQjB;IAED,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;IAuB9B,YAAY,CAAC,KAAK,EAAE,gBAAgB;CA2HrC"}

package/components/chart/area-chart/area-chart.props.d.ts

@@ -0,0 +1,7 @@
+import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
+import WmAreaChart from './area-chart.component';
+export default class WmAreaChartProps extends BaseChartComponentProps {
+    linethickness?: number;
+    onSelect?: ($event: any, instance: WmAreaChart) => any;
+}
+//# sourceMappingURL=area-chart.props.d.ts.map

package/components/chart/area-chart/area-chart.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/chart/area-chart/area-chart.props.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,MAAM,4DAA4D,CAAC;AACjG,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,uBAAuB;IACjE,aAAa,CAAC,EAAE,MAAM,CAAK;IAC3B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,KAAK,GAAG,CAAC;CAC1D"}

package/components/chart/area-chart/area-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmAreaChartProps","constructor","args","_defineProperty"],"sources":["area-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmAreaChartProps extends BaseChartComponentProps {\n    linethickness: number = 2;\n    onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC1C,CAAC;IAAAA,eAAA;EAAA;AAE7B","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmAreaChartProps","constructor","args","_defineProperty"],"sources":["area-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\nimport WmAreaChart from './area-chart.component';\n\nexport default class WmAreaChartProps extends BaseChartComponentProps {\n    linethickness?: number = 2;\n    onSelect?: ($event: any, instance: WmAreaChart) => any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAGhG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBACzC,CAAC;IAAAA,eAAA;EAAA;AAE9B","ignoreList":[]}

package/components/chart/area-chart/area-chart.styles.d.ts

@@ -0,0 +1,5 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { BaseChartComponentStyles } from '../basechart.styles';
+export type WmAreaChartStyles = BaseStyles & BaseChartComponentStyles;
+export declare const DEFAULT_CLASS = "app-area-chart";
+//# sourceMappingURL=area-chart.styles.d.ts.map

package/components/chart/area-chart/area-chart.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/chart/area-chart/area-chart.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAC,wBAAwB,EAA6C,MAAM,qBAAqB,CAAC;AAGzG,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,wBAAwB,CAAC;AAEtE,eAAO,MAAM,aAAa,mBAAmB,CAAC"}

package/components/chart/bar-chart/bar-chart.component.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BaseChartComponent, BaseChartComponentState } from "@wavemaker/app-rn-runtime/components/chart/basechart.component";
+import WmBarChartProps from './bar-chart.props';
+import { WmBarChartStyles } from './bar-chart.styles';
+export declare class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {
+}
+export default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {
+    constructor(props: WmBarChartProps);
+    labelFn(data: any): string | number | string[] | number[] | null;
+    getBarChart(props: WmBarChartProps): any;
+    onSelect(event: any, data: any): void;
+    renderWidget(props: WmBarChartProps): React.JSX.Element | null;
+}
+//# sourceMappingURL=bar-chart.component.d.ts.map

package/components/chart/bar-chart/bar-chart.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/chart/bar-chart/bar-chart.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACxB,MAAM,gEAAgE,CAAC;AACxE,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAiB,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAKrE,qBAAa,eAAgB,SAAQ,uBAAuB,CAAC,eAAe,CAAC;CAAG;AAEhF,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,kBAAkB,CAAC,eAAe,EAAE,eAAe,EAAE,gBAAgB,CAAC;gBAEhG,KAAK,EAAE,eAAe;IAIlC,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,IAAI;IAIhE,WAAW,CAAC,KAAK,EAAE,eAAe;IAmCpC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;IAuB5B,YAAY,CAAC,KAAK,EAAE,eAAe;CAyEpC"}

package/components/chart/bar-chart/bar-chart.props.d.ts

@@ -0,0 +1,10 @@
+import BaseChartComponentProps from "@wavemaker/app-rn-runtime/components/chart/basechart.props";
+import WmBarChart from './bar-chart.component';
+export default class WmBarChartProps extends BaseChartComponentProps {
+    horizontal?: boolean;
+    viewtype?: string;
+    onSelect?: ($event: any, instance: WmBarChart) => any;
+    barwidth?: number;
+    showzerothvalue: boolean;
+}
+//# sourceMappingURL=bar-chart.props.d.ts.map

package/components/chart/bar-chart/bar-chart.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/chart/bar-chart/bar-chart.props.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,MAAM,4DAA4D,CAAC;AACjG,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,uBAAuB;IAClE,UAAU,CAAC,EAAE,OAAO,CAAQ;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAa;IAC9B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,KAAK,GAAG,CAAC;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,OAAO,CAAS;CAClC"}

package/components/chart/bar-chart/bar-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmBarChartProps","constructor","args","_defineProperty"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n  horizontal?: boolean = true;\n  viewtype: string = 'Grouped';\n  onSelect?: any;\n  barwidth?: number;\n  showzerothvalue: boolean = false;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAEhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC5C,IAAI;IAAAA,eAAA,mBACR,SAAS;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAGD,KAAK;EAAA;AAClC","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmBarChartProps","constructor","args","_defineProperty"],"sources":["bar-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\nimport WmBarChart from './bar-chart.component';\n\nexport default class WmBarChartProps extends BaseChartComponentProps {\n  horizontal?: boolean = true;\n  viewtype?: string = 'Grouped';\n  onSelect?: ($event: any, instance: WmBarChart) => any;\n  barwidth?: number;\n  showzerothvalue: boolean = false;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAGhG,eAAe,MAAMC,eAAe,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC5C,IAAI;IAAAA,eAAA,mBACP,SAAS;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,0BAGF,KAAK;EAAA;AAClC","ignoreList":[]}

package/components/chart/bar-chart/bar-chart.styles.d.ts

@@ -0,0 +1,5 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { BaseChartComponentStyles } from '../basechart.styles';
+export type WmBarChartStyles = BaseStyles & BaseChartComponentStyles;
+export declare const DEFAULT_CLASS = "app-bar-chart";
+//# sourceMappingURL=bar-chart.styles.d.ts.map

package/components/chart/bar-chart/bar-chart.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/chart/bar-chart/bar-chart.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAC,wBAAwB,EAA4C,MAAM,qBAAqB,CAAC;AAGxG,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,wBAAwB,CAAC;AAErE,eAAO,MAAM,aAAa,kBAAkB,CAAC"}

package/components/chart/basechart.component.d.ts

@@ -0,0 +1,83 @@
+import React from "react";
+import { View, LayoutChangeEvent } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import BaseChartComponentProps from "./basechart.props";
+import { BaseChartComponentStyles } from "./basechart.styles";
+export declare class BaseChartComponentState<T extends BaseChartComponentProps> extends BaseComponentState<T> {
+    data: any;
+    content: any;
+    yAxis: Array<string>;
+    xaxisDatakeyArr: Array<any>;
+    legendData: any;
+    theme: any;
+    colors: any;
+    labelColors: any;
+    xLabel: string;
+    yLabel: string;
+    total: number;
+    endAngle: number;
+    loading: boolean;
+    chartHeight: number;
+    chartWidth: number;
+    totalHeight: number;
+    chartMinY: number | undefined;
+    chartMinX: number | undefined;
+    chartMaxY: number | undefined;
+    chartMaxX: number | undefined;
+    tooltipXPosition: number;
+    tooltipYPosition: number;
+    tooltipXaxis: number;
+    tooltipYaxis: number;
+    tooltipoffsetx: number;
+    tooltipoffsety: number;
+    isTooltipOpen: boolean;
+    selectedItem: any;
+    template: string;
+}
+export declare abstract class BaseChartComponent<T extends BaseChartComponentProps, S extends BaseChartComponentState<T>, L extends BaseChartComponentStyles> extends BaseComponent<T, S, L> {
+    defaultClass: string;
+    protected screenWidth: number;
+    protected viewRef: React.RefObject<View | null>;
+    constructor(props: T, defaultClass?: string, defaultProps?: T, defaultState?: S);
+    componentDidMount(): void;
+    onViewLayoutChange: (e: LayoutChangeEvent) => void;
+    abbreviateNumber(number: any): any;
+    getLegendView(colorScale?: any, offset?: number): React.JSX.Element | null;
+    getYScaleMinValue(value: number): number;
+    setYAxisFormat(yVal: any, ynumberformat: string): any;
+    getXaxis(offset?: number): React.JSX.Element;
+    getYAxis(): React.JSX.Element | null;
+    setTooltipTemplate(partialName: any): void;
+    setTooltipPartialLayout(event: LayoutChangeEvent): void;
+    renderPointer(): React.JSX.Element;
+    getTooltip(): React.JSX.Element | null | undefined;
+    isAxisDomainSupported(type: string): boolean;
+    isAxisDomainValid(axis: string): boolean;
+    areMinMaxValuesValid(values: any): boolean;
+    setDomainValues(): void;
+    getXMinMaxValues(datum: Array<{
+        x: number;
+        y: any;
+    }>): any;
+    getYMinMaxValues(datum: Array<Array<{
+        x: any;
+        y: number;
+    }>>): any;
+    setHeightWidthOnChart(cb?: () => void): void;
+    applyTheme(props: BaseChartComponentProps): void;
+    prepareLegendData(): void;
+    prepareEvents(name: string): any;
+    getxAxisVal(dataObj: {
+        [key: string]: any;
+    }, xKey: string, index: number, xaxisDatakeyArr: Array<any>): any;
+    prepareDataItems(dataset: any): void;
+    protected renderLoadingIcon(): React.JSX.Element;
+    updateData(datasets: any, yPts: any, xaxisDatakeyArr: Array<any>): void;
+    setTotal(data: Array<{
+        x: any;
+        y: number;
+    }>): void;
+    onPropertyChange(name: string, $new: any, $old: any): void;
+    renderSkeleton(props: T): React.ReactNode;
+}
+//# sourceMappingURL=basechart.component.d.ts.map

package/components/chart/basechart.component.d.ts.map

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

package/components/chart/basechart.component.js

@@ -555,7 +555,9 @@ export class BaseChartComponent extends BaseComponent {
     let datasets = [];
     if (dataset.length === 0) {
       var _yaxis;
-      dataset = constructSampleData(getChartType(this.props), (_yaxis = yaxis) === null || _yaxis === void 0 ? void 0 : _yaxis.split(','), this.props.shape);
+      dataset = constructSampleData(getChartType({
+        type: this.props.type
+      }), (_yaxis = yaxis) === null || _yaxis === void 0 ? void 0 : _yaxis.split(','), this.props.shape);
       xaxis = "x";
       yaxis = "y";
     }