@wavemaker-ai/app-rn-runtime 1.0.0-rc.322 → 1.0.0-rc.326

package/components/basic/bottomsheet/bottomsheet.styles.js

@@ -6,9 +6,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
       position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
       bottom: 0,
       zIndex: 9999,
       elevation: 9999,

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","ThemeVariables","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","position","top","left","right","bottom","zIndex","elevation","width","height","justifyContent","text","backdrop","backgroundColor","INSTANCE","bottomSheetBgColor","container","borderTopLeftRadius","borderTopRightRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","borderTopWidth","borderColor","maxHeight","dragHandleContainer","paddingVertical","alignItems","borderBottomWidth","borderBottomColor","dragIconHandle","bottomSheetDragIconcolor","borderRadius","sheetContentContainer","flex","sheetScrollContent","paddingHorizontal","paddingBottom","flexGrow","modalOverlay","centeredOverlay","skeleton"],"sources":["bottomsheet.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nexport type WmBottomsheetStyles = BaseStyles & {\n  root: ViewStyle;\n  backdrop: ViewStyle;\n  container: ViewStyle;\n  dragHandleContainer: ViewStyle;\n  dragIconHandle: ViewStyle;\n  sheetContentContainer: ViewStyle;\n  sheetScrollContent: ViewStyle;\n  modalOverlay: ViewStyle;\n  centeredOverlay: ViewStyle;\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-bottomsheet';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmBottomsheetStyles>({\n        root: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            zIndex: 9999,\n            elevation: 9999,\n            width: '100%',\n            height: '100%',\n            justifyContent: 'flex-end', // This pushes content to bottom\n        },\n        text: {},\n        backdrop: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: '100%',\n            height: '100%',\n            backgroundColor: ThemeVariables.INSTANCE.bottomSheetBgColor\n        },\n        container: {\n            backgroundColor: '#fff',\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28,\n            shadowColor: '#000',\n            shadowOffset: { width: 0, height: -2 },\n            shadowOpacity: 0.05,\n            shadowRadius: 3,\n            elevation: 5,\n            borderTopWidth: 0.5,\n            borderColor: ThemeVariables.INSTANCE.bottomSheetBgColor,\n            width: '100%',\n            maxHeight: '100%', // Allow full screen height\n        },\n        dragHandleContainer: {\n            paddingVertical: 16,\n            alignItems: 'center',\n            borderBottomWidth: 1,\n            borderBottomColor: ThemeVariables.INSTANCE.bottomSheetBgColor,\n            backgroundColor: '#fff',\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28,\n        },\n        dragIconHandle: {\n            width: 36,\n            height: 4,\n            backgroundColor: ThemeVariables.INSTANCE.bottomSheetDragIconcolor,\n            borderRadius: 2,\n        },\n        sheetContentContainer: {\n            flex: 1,\n            maxHeight: '100%', // Ensure it doesn't exceed container\n        },\n        sheetScrollContent: {\n            paddingHorizontal: 20,\n            paddingBottom: 20,\n            flexGrow: 1,\n        },\n        modalOverlay: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0\n        },\n        centeredOverlay: {\n            justifyContent: 'center',\n            alignItems: 'center'\n        },\n        skeleton: {\n        root: {\n\n        }\n      } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAG3F,OAAOC,cAAc,MAAM,qDAAqD;AAchF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAE9CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGN,YAAY,CAAsB;IACpDO,IAAI,EAAE;MACFC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,IAAI;MACZC,SAAS,EAAE,IAAI;MACfC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,cAAc,EAAE,UAAU,CAAE;IAChC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNX,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTG,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdI,eAAe,EAAEnB,cAAc,CAACoB,QAAQ,CAACC;IAC7C,CAAC;IACDC,SAAS,EAAE;MACPH,eAAe,EAAE,MAAM;MACvBI,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE,EAAE;MACxBC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEZ,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAE,CAAC;MACtCY,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,CAAC;MACff,SAAS,EAAE,CAAC;MACZgB,cAAc,EAAE,GAAG;MACnBC,WAAW,EAAE9B,cAAc,CAACoB,QAAQ,CAACC,kBAAkB;MACvDP,KAAK,EAAE,MAAM;MACbiB,SAAS,EAAE,MAAM,CAAE;IACvB,CAAC;IACDC,mBAAmB,EAAE;MACjBC,eAAe,EAAE,EAAE;MACnBC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEpC,cAAc,CAACoB,QAAQ,CAACC,kBAAkB;MAC7DF,eAAe,EAAE,MAAM;MACvBI,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE;IAC1B,CAAC;IACDa,cAAc,EAAE;MACZvB,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTI,eAAe,EAAEnB,cAAc,CAACoB,QAAQ,CAACkB,wBAAwB;MACjEC,YAAY,EAAE;IAClB,CAAC;IACDC,qBAAqB,EAAE;MACnBC,IAAI,EAAE,CAAC;MACPV,SAAS,EAAE,MAAM,CAAE;IACvB,CAAC;IACDW,kBAAkB,EAAE;MAChBC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,EAAE;MACjBC,QAAQ,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACVvC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACZ,CAAC;IACDoC,eAAe,EAAE;MACb/B,cAAc,EAAE,QAAQ;MACxBkB,UAAU,EAAE;IAChB,CAAC;IACDc,QAAQ,EAAE;MACV1C,IAAI,EAAE,CAEN;IACF;EACF,CAAC,CAAC;EAEFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","ThemeVariables","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","position","bottom","zIndex","elevation","width","height","justifyContent","text","backdrop","top","left","right","backgroundColor","INSTANCE","bottomSheetBgColor","container","borderTopLeftRadius","borderTopRightRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","borderTopWidth","borderColor","maxHeight","dragHandleContainer","paddingVertical","alignItems","borderBottomWidth","borderBottomColor","dragIconHandle","bottomSheetDragIconcolor","borderRadius","sheetContentContainer","flex","sheetScrollContent","paddingHorizontal","paddingBottom","flexGrow","modalOverlay","centeredOverlay","skeleton"],"sources":["bottomsheet.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nexport type WmBottomsheetStyles = BaseStyles & {\n  root: ViewStyle;\n  backdrop: ViewStyle;\n  container: ViewStyle;\n  dragHandleContainer: ViewStyle;\n  dragIconHandle: ViewStyle;\n  sheetContentContainer: ViewStyle;\n  sheetScrollContent: ViewStyle;\n  modalOverlay: ViewStyle;\n  centeredOverlay: ViewStyle;\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-bottomsheet';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmBottomsheetStyles>({\n        root: {\n            position: 'absolute',\n            bottom: 0,\n            zIndex: 9999,\n            elevation: 9999,\n            width: '100%',\n            height: '100%',\n            justifyContent: 'flex-end', // This pushes content to bottom\n        },\n        text: {},\n        backdrop: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: '100%',\n            height: '100%',\n            backgroundColor: ThemeVariables.INSTANCE.bottomSheetBgColor\n        },\n        container: {\n            backgroundColor: '#fff',\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28,\n            shadowColor: '#000',\n            shadowOffset: { width: 0, height: -2 },\n            shadowOpacity: 0.05,\n            shadowRadius: 3,\n            elevation: 5,\n            borderTopWidth: 0.5,\n            borderColor: ThemeVariables.INSTANCE.bottomSheetBgColor,\n            width: '100%',\n            maxHeight: '100%', // Allow full screen height\n        },\n        dragHandleContainer: {\n            paddingVertical: 16,\n            alignItems: 'center',\n            borderBottomWidth: 1,\n            borderBottomColor: ThemeVariables.INSTANCE.bottomSheetBgColor,\n            backgroundColor: '#fff',\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28,\n        },\n        dragIconHandle: {\n            width: 36,\n            height: 4,\n            backgroundColor: ThemeVariables.INSTANCE.bottomSheetDragIconcolor,\n            borderRadius: 2,\n        },\n        sheetContentContainer: {\n            flex: 1,\n            maxHeight: '100%', // Ensure it doesn't exceed container\n        },\n        sheetScrollContent: {\n            paddingHorizontal: 20,\n            paddingBottom: 20,\n            flexGrow: 1,\n        },\n        modalOverlay: {\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0\n        },\n        centeredOverlay: {\n            justifyContent: 'center',\n            alignItems: 'center'\n        },\n        skeleton: {\n        root: {\n\n        }\n      } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAG3F,OAAOC,cAAc,MAAM,qDAAqD;AAchF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAE9CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGN,YAAY,CAAsB;IACpDO,IAAI,EAAE;MACFC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTC,MAAM,EAAE,IAAI;MACZC,SAAS,EAAE,IAAI;MACfC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,cAAc,EAAE,UAAU,CAAE;IAChC,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNR,QAAQ,EAAE,UAAU;MACpBS,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRV,MAAM,EAAE,CAAC;MACTG,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdO,eAAe,EAAEnB,cAAc,CAACoB,QAAQ,CAACC;IAC7C,CAAC;IACDC,SAAS,EAAE;MACPH,eAAe,EAAE,MAAM;MACvBI,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE,EAAE;MACxBC,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAEf,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAE,CAAC;MACtCe,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,CAAC;MACflB,SAAS,EAAE,CAAC;MACZmB,cAAc,EAAE,GAAG;MACnBC,WAAW,EAAE9B,cAAc,CAACoB,QAAQ,CAACC,kBAAkB;MACvDV,KAAK,EAAE,MAAM;MACboB,SAAS,EAAE,MAAM,CAAE;IACvB,CAAC;IACDC,mBAAmB,EAAE;MACjBC,eAAe,EAAE,EAAE;MACnBC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEpC,cAAc,CAACoB,QAAQ,CAACC,kBAAkB;MAC7DF,eAAe,EAAE,MAAM;MACvBI,mBAAmB,EAAE,EAAE;MACvBC,oBAAoB,EAAE;IAC1B,CAAC;IACDa,cAAc,EAAE;MACZ1B,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,CAAC;MACTO,eAAe,EAAEnB,cAAc,CAACoB,QAAQ,CAACkB,wBAAwB;MACjEC,YAAY,EAAE;IAClB,CAAC;IACDC,qBAAqB,EAAE;MACnBC,IAAI,EAAE,CAAC;MACPV,SAAS,EAAE,MAAM,CAAE;IACvB,CAAC;IACDW,kBAAkB,EAAE;MAChBC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE,EAAE;MACjBC,QAAQ,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACVvC,QAAQ,EAAE,UAAU;MACpBS,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRV,MAAM,EAAE;IACZ,CAAC;IACDuC,eAAe,EAAE;MACblC,cAAc,EAAE,QAAQ;MACxBqB,UAAU,EAAE;IAChB,CAAC;IACDc,QAAQ,EAAE;MACV1C,IAAI,EAAE,CAEN;IACF;EACF,CAAC,CAAC;EAEFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/basic/button/button.component.js

@@ -75,7 +75,7 @@ export default class WmButton extends BaseComponent {
     return this.styles.root[side];
   }
   renderWidget(props) {
-    var _this$parent, _this$props2;
+    var _this$parent, _this$props2, _this$parent2;
     const parentAlignment = (_this$parent = this.parent) === null || _this$parent === void 0 || (_this$parent = _this$parent.props) === null || _this$parent === void 0 ? void 0 : _this$parent.alignment;
     return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
@@ -92,6 +92,8 @@ export default class WmButton extends BaseComponent {
         flexDirection: 'column'
       }, this.styles.root.height == "100%" ? {
         flex: 1
+      } : {}, ((_this$parent2 = this.parent) === null || _this$parent2 === void 0 || (_this$parent2 = _this$parent2.props) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.direction) === 'row' && this.styles.root.width == "100%" ? {
+        flex: 1
       } : {}]
     }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
       disableTouchEffect: this.state.props.disabletoucheffect,
@@ -101,7 +103,7 @@ export default class WmButton extends BaseComponent {
         paddingLeft: this.tappableRootPadding('paddingLeft'),
         paddingRight: this.tappableRootPadding('paddingRight'),
         width: '100%',
-        height: this.styles.root.height || this.styles.root.minHeight ? '100%' : null,
+        height: this.styles.root.height ? '100%' : null,
         justifyContent: 'center'
       },
       rippleColor: this.styles.root.rippleColor,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","accessible","prepareBadge","_extends","style","badge","pointerEvents","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","tappableRootPadding","side","_this$props","fromProps","undefined","renderWidget","_this$parent","_this$props2","parentAlignment","parent","alignment","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","alignSelf","mergeStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","_background","disableTouchEffect","state","disabletoucheffect","minHeight","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          id={this.getTestId('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n          accessible={false}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge} pointerEvents='none' {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  private tappableRootPadding(side: 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight') {\n    const fromProps = this.props?.styles?.root?.[side];\n    if (fromProps !== undefined && fromProps !== null && fromProps !== '') {\n      return fromProps === 0 ? 0 : fromProps;\n    }\n    return this.styles.root[side];\n  }\n\n  renderWidget(props: WmButtonProps) {\n    const parentAlignment = this.parent?.props?.alignment\n    return (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n        style={[\n          parentAlignment ? {} : { alignSelf: 'flex-start'},\n          this.styles.root,\n          this.props.styles ? this.theme.mergeStyle(this.styles.root,this.props?.styles?.root) : this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: props.badgevalue ? 'visible' : 'hidden',\n            flexDirection: 'column'\n          },\n          this.styles.root.height == \"100%\" ? {flex: 1}:{}\n        ]}\n        >\n        {this._background}\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          styles={{\n            paddingTop: this.tappableRootPadding('paddingTop'),\n            paddingBottom: this.tappableRootPadding('paddingBottom'),\n            paddingLeft: this.tappableRootPadding('paddingLeft'),\n            paddingRight: this.tappableRootPadding('paddingRight'),\n            width: '100%',\n            height: (this.styles.root.height || this.styles.root.minHeight) ? '100%' : null,\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n        {props.badgevalue && this.prepareBadge(props)}\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","id","getTestId","styles","icon","accessible","prepareBadge","_extends","style","badge","pointerEvents","getTestProps","badgevalue","renderSkeleton","prop","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","tappableRootPadding","side","_this$props","fromProps","undefined","renderWidget","_this$parent","_this$props2","_this$parent2","parentAlignment","parent","alignment","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","alignSelf","mergeStyle","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","direction","_background","disableTouchEffect","state","disabletoucheffect","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","iconposition","caption","text","getTestPropsForLabel","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          id={this.getTestId('icon')}\n          hint={hint}\n          styles={this.styles.icon}\n          name={`${name}_icon`}\n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl}\n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n          accessible={false}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge} pointerEvents='none' {...this.getTestProps('badge')}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  private tappableRootPadding(side: 'paddingTop' | 'paddingBottom' | 'paddingLeft' | 'paddingRight') {\n    const fromProps = this.props?.styles?.root?.[side];\n    if (fromProps !== undefined && fromProps !== null && fromProps !== '') {\n      return fromProps === 0 ? 0 : fromProps;\n    }\n    return this.styles.root[side];\n  }\n\n  renderWidget(props: WmButtonProps) {\n    const parentAlignment = this.parent?.props?.alignment\n    return (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n        style={[\n          parentAlignment ? {} : { alignSelf: 'flex-start'},\n          this.styles.root,\n          this.props.styles ? this.theme.mergeStyle(this.styles.root,this.props?.styles?.root) : this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: props.badgevalue ? 'visible' : 'hidden',\n            flexDirection: 'column'\n          },\n          this.styles.root.height == \"100%\" ? {flex: 1}:{},\n          (this.parent?.props?.direction === 'row' && this.styles.root.width == \"100%\") ? { flex: 1 } : {}\n        ]}\n        >\n        {this._background}\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          styles={{\n            paddingTop: this.tappableRootPadding('paddingTop'),\n            paddingBottom: this.tappableRootPadding('paddingBottom'),\n            paddingLeft: this.tappableRootPadding('paddingLeft'),\n            paddingRight: this.tappableRootPadding('paddingRight'),\n            width: '100%',\n            height: this.styles.root.height ? '100%' : null,\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n        {props.badgevalue && this.prepareBadge(props)}\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/message/message.component.js

@@ -57,6 +57,7 @@ export default class WmMessage extends BaseComponent {
       entryanimation: props.animation,
       delay: props.animationdelay,
       style: styles.root,
+      duration: 400,
       onLayout: event => this.handleLayout(event),
       accessibilityProps: {
         ...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","delay","animationdelay","style","root","onLayout","event","handleLayout","accessibilityProps","MESSAGE","_background","id","getTestId","iconclass","messageiconclass","icon","accessible","message","_extends","getTestPropsForLabel","title","importantForAccessibility","text","caption","hideclose","closeiconclass","closeBtn","onTap","close","accessibilitylabel","accessibilityrole"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n  'success': 'wm-sl-l sl-check',\n  'warning': 'wm-sl-l sl-alarm-bell',\n  'error': 'fa fa-times-circle',\n  'info': 'wi wi-info',\n  'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n  'success': 'Success',\n  'warning': 'Warning',\n  'error': 'Error',\n  'info': 'Info',\n  'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n  constructor(props: WmMessageProps) {\n    super(props, DEFAULT_CLASS, new WmMessageProps());\n  }\n\n  showMessage() {\n    this.updateState({\n      props: {\n        show: true\n      }\n    } as WmMessageState);\n  }\n\n  hideMessage() {\n    this.updateState({\n      props: {\n        show: false\n      }\n    } as WmMessageState);\n  }\n\n  close = () => {\n    this.updateState({props: {\n      show : false\n    }}, () => this.invokeEventCallback('onClose', [null, this]));\n  }\n\n  renderWidget(props: WmMessageProps) {\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n    return (\n    <Animatedview\n      entryanimation={props.animation}\n      delay={props.animationdelay}\n      style={styles.root}\n      onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}}\n    >\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.messageiconclass || (props.type && MESSAGE_ICONS[props.type])}\n        styles={styles.icon}\n        accessible={false}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title} importantForAccessibility='no'>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text} importantForAccessibility='no'>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass={props.closeiconclass || \"wi wi-close\"}\n          styles={styles.closeBtn}\n          onTap={this.close}\n          accessibilitylabel='close'\n          accessibilityrole='button'></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","delay","animationdelay","style","root","duration","onLayout","event","handleLayout","accessibilityProps","MESSAGE","_background","id","getTestId","iconclass","messageiconclass","icon","accessible","message","_extends","getTestPropsForLabel","title","importantForAccessibility","text","caption","hideclose","closeiconclass","closeBtn","onTap","close","accessibilitylabel","accessibilityrole"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n  'success': 'wm-sl-l sl-check',\n  'warning': 'wm-sl-l sl-alarm-bell',\n  'error': 'fa fa-times-circle',\n  'info': 'wi wi-info',\n  'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n  'success': 'Success',\n  'warning': 'Warning',\n  'error': 'Error',\n  'info': 'Info',\n  'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n  constructor(props: WmMessageProps) {\n    super(props, DEFAULT_CLASS, new WmMessageProps());\n  }\n\n  showMessage() {\n    this.updateState({\n      props: {\n        show: true\n      }\n    } as WmMessageState);\n  }\n\n  hideMessage() {\n    this.updateState({\n      props: {\n        show: false\n      }\n    } as WmMessageState);\n  }\n\n  close = () => {\n    this.updateState({props: {\n      show : false\n    }}, () => this.invokeEventCallback('onClose', [null, this]));\n  }\n\n  renderWidget(props: WmMessageProps) {\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n    return (\n    <Animatedview\n      entryanimation={props.animation}\n      delay={props.animationdelay}\n      style={styles.root}\n      duration={400}\n      onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}}\n    >\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.messageiconclass || (props.type && MESSAGE_ICONS[props.type])}\n        styles={styles.icon}\n        accessible={false}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title} importantForAccessibility='no'>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text} importantForAccessibility='no'>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass={props.closeiconclass || \"wi wi-close\"}\n          styles={styles.closeBtn}\n          onTap={this.close}\n          accessibilitylabel='close'\n          accessibilityrole='button'></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/progress-circle/progress-circle.component.js

@@ -45,7 +45,9 @@ export default class WmProgressCircle extends BaseComponent {
     const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);
     const showText = props.captionplacement !== 'hidden';
     return /*#__PURE__*/React.createElement(View, _extends({
-      style: styles.root,
+      style: this.theme.mergeStyle(styles.root, {
+        ...this.theme.getStyle("app-progress-circle").root
+      }),
       onLayout: this.onLayout.bind(this)
     }, getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props), this.getTestPropsForAction('progresscircle')), this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,

package/components/basic/progress-circle/progress-circle.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","isNumber","AnimatedCircularProgress","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressCircleProps","DEFAULT_CLASS","WmProgressCircleState","constructor","args","_defineProperty","WmProgressCircle","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","floor","min","handleLayout","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","createElement","_extends","style","root","bind","PROGRESSCIRCLE","getTestPropsForAction","_background","target","disableTouchEffect","disabletoucheffect","fill","progressValue","backgroundWidth","rotation","tintColor","backgroundColor","lineCap","buttStyle","progressCircle","size","alignItems","text","getTestPropsForLabel","title","subtitle","subTitle"],"sources":["progress-circle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { isNumber } from 'lodash';\nimport { AnimatedCircularProgress } from 'react-native-circular-progress';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport WmProgressCircleProps from './progress-circle.props';\nimport { DEFAULT_CLASS, WmProgressCircleStyles } from './progress-circle.styles';\n\n\nexport class WmProgressCircleState extends BaseComponentState<WmProgressCircleProps> {\n  radius = 10;\n}\n\nexport default class WmProgressCircle extends BaseComponent<WmProgressCircleProps, WmProgressCircleState, WmProgressCircleStyles> {\n\n  constructor(props: WmProgressCircleProps) {\n    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());\n  }\n\n  onLayout(e: LayoutChangeEvent) {\n    const width = e.nativeEvent.layout.width;\n    const height = e.nativeEvent.layout.height;\n    let radius = this.state.radius;\n    if (!width) {\n      radius = Math.floor(height);\n    } else if (!height) {\n      radius = Math.floor(width);\n    } else {\n      radius = Math.floor(Math.min(width, height));\n    }\n\n    this.handleLayout(e)\n\n    this.updateState({\n      radius: radius\n    } as WmProgressCircleState);\n  }\n\n  renderWidget(props: WmProgressCircleProps) {\n    let value = 0;\n    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {\n      value = (+props.datavalue - (+props.minvalue)) / (+props.maxvalue - (+props.minvalue)) * 100;\n    }\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);\n    const showText = props.captionplacement !== 'hidden';\n    return (\n    <View style={styles.root} onLayout={this.onLayout.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props)} {...this.getTestPropsForAction('progresscircle')}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <AnimatedCircularProgress\n          fill={value}\n          width={styles.progressValue.height}\n          backgroundWidth={styles.progressValue.height}\n          rotation={0}\n          tintColor={styles.progressValue.backgroundColor}\n          lineCap={styles.progressValue.buttStyle || \"butt\"}\n          backgroundColor={styles.progressCircle.backgroundColor}\n          size={this.state.radius}>\n            {(fill: any) => (<View style={{alignItems: 'center'}}>\n                          <Text style={styles.text} {...this.getTestPropsForLabel('title')}>{ showText ? props.title || value : '' }</Text>\n                          {showText && props.subtitle ? (<Text style={styles.subTitle} {...this.getTestPropsForLabel('subtitle')}>{ props.subtitle }</Text>) : null}\n                        </View>)}\n        </AnimatedCircularProgress>\n      </Tappable>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","isNumber","AnimatedCircularProgress","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressCircleProps","DEFAULT_CLASS","WmProgressCircleState","constructor","args","_defineProperty","WmProgressCircle","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","floor","min","handleLayout","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","createElement","_extends","style","root","bind","PROGRESSCIRCLE","getTestPropsForAction","_background","target","disableTouchEffect","disabletoucheffect","fill","progressValue","backgroundWidth","rotation","tintColor","backgroundColor","lineCap","buttStyle","progressCircle","size","alignItems","text","getTestPropsForLabel","title","subtitle","subTitle"],"sources":["progress-circle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { isNumber } from 'lodash';\nimport { AnimatedCircularProgress } from 'react-native-circular-progress';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport WmProgressCircleProps from './progress-circle.props';\nimport { DEFAULT_CLASS, WmProgressCircleStyles } from './progress-circle.styles';\n\n\nexport class WmProgressCircleState extends BaseComponentState<WmProgressCircleProps> {\n  radius = 10;\n}\n\nexport default class WmProgressCircle extends BaseComponent<WmProgressCircleProps, WmProgressCircleState, WmProgressCircleStyles> {\n\n  constructor(props: WmProgressCircleProps) {\n    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());\n  }\n\n  onLayout(e: LayoutChangeEvent) {\n    const width = e.nativeEvent.layout.width;\n    const height = e.nativeEvent.layout.height;\n    let radius = this.state.radius;\n    if (!width) {\n      radius = Math.floor(height);\n    } else if (!height) {\n      radius = Math.floor(width);\n    } else {\n      radius = Math.floor(Math.min(width, height));\n    }\n\n    this.handleLayout(e)\n\n    this.updateState({\n      radius: radius\n    } as WmProgressCircleState);\n  }\n\n  renderWidget(props: WmProgressCircleProps) {\n    let value = 0;\n    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {\n      value = (+props.datavalue - (+props.minvalue)) / (+props.maxvalue - (+props.minvalue)) * 100;\n    }\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);\n    const showText = props.captionplacement !== 'hidden';\n    return (\n    <View style={this.theme.mergeStyle(styles.root, {...this.theme.getStyle(\"app-progress-circle\").root })} onLayout={this.onLayout.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props)} {...this.getTestPropsForAction('progresscircle')}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <AnimatedCircularProgress\n          fill={value}\n          width={styles.progressValue.height}\n          backgroundWidth={styles.progressValue.height}\n          rotation={0}\n          tintColor={styles.progressValue.backgroundColor}\n          lineCap={styles.progressValue.buttStyle || \"butt\"}\n          backgroundColor={styles.progressCircle.backgroundColor}\n          size={this.state.radius}>\n            {(fill: any) => (<View style={{alignItems: 'center'}}>\n                          <Text style={styles.text} {...this.getTestPropsForLabel('title')}>{ showText ? props.title || value : '' }</Text>\n                          {showText && props.subtitle ? (<Text style={styles.subTitle} {...this.getTestPropsForLabel('subtitle')}>{ props.subtitle }</Text>) : null}\n                        </View>)}\n        </AnimatedCircularProgress>\n      </Tappable>\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/search/search.styles.js

@@ -34,7 +34,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     modalContent: {
       backgroundColor: themeVariables.searchBgContainerColor,
-      borderRadius: 6,
+      borderTopLeftRadius: 6,
+      borderTopRightRadius: 6,
+      borderBottomLeftRadius: 6,
+      borderBottomRightRadius: 6,
       position: 'absolute',
       borderStyle: 'solid',
       borderColor: themeVariables.searchBorderColor,
@@ -82,8 +85,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     searchItem: {
       width: '100%',
       marginBottom: 4,
-      paddingHorizontal: 16,
-      paddingVertical: 8,
+      paddingLeft: 16,
+      paddingRight: 16,
+      paddingTop: 8,
+      paddingBottom: 8,
       borderBottomColor: themeVariables.searchItemBorderColor,
       flexDirection: 'row',
       alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","borderRadius","text","minHeight","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchBgContainerColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","height","modalContent","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","borderTopRightRadius","borderBottomRightRadius","searchButtonColor","rippleColor","icon","fontSize","color","searchButtonTextColor","marginRight","searchItem","marginBottom","paddingHorizontal","paddingVertical","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","skeleton","rootWrapper","undefined","display","inputDisabledBgColor","OS","textAlign","borderLeftWidth","left"],"sources":["search.styles.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row',\n        borderRadius: 28,\n      },\n      text: {\n        minHeight: 56,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 24,\n        paddingRight: 14,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchBgContainerColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor,\n    },\n      focusedText : {\n        borderBottomLeftRadius: 28,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchBgContainerColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 28,\n          borderBottomRightRadius: 28,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 56,\n          rippleColor: themeVariables.rippleColor\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n            marginRight: 4\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          height: 56\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-autocomplete-input-horizontal', '', {\n    rootWrapper: {\n      width: '70%'\n    },\n    root: {\n      width: '100%'\n    },\n    text: {},\n    searchInputWrapper: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: undefined,\n      display: 'flex'\n    },\n  } as BaseStyles);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS=='web' || Platform.OS=='android' ?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n      },\n    },\n    clearButton: {\n      root: {\n        left: 0,\n        position: 'absolute',\n        marginLeft: 0\n      }\n    } as WmButtonStyles,\n  }:{\n    text : {\n      textAlign: 'right',\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n    }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","borderRadius","text","minHeight","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchBgContainerColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","height","modalContent","borderTopRightRadius","borderBottomRightRadius","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","searchButtonColor","rippleColor","icon","fontSize","color","searchButtonTextColor","marginRight","searchItem","marginBottom","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","skeleton","rootWrapper","undefined","display","inputDisabledBgColor","OS","textAlign","borderLeftWidth","left"],"sources":["search.styles.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row',\n        borderRadius: 28,\n      },\n      text: {\n        minHeight: 56,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 24,\n        paddingRight: 14,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchBgContainerColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor,\n    },\n      focusedText : {\n        borderBottomLeftRadius: 28,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchBgContainerColor,\n      borderTopLeftRadius: 6,\n      borderTopRightRadius: 6,\n      borderBottomLeftRadius: 6,\n      borderBottomRightRadius: 6,\n      position: 'absolute',\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 28,\n          borderBottomRightRadius: 28,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 56,\n          rippleColor: themeVariables.rippleColor\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n            marginRight: 4\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingLeft: 16,\n        paddingRight: 16,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {\n        root: {\n          height: 56\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-autocomplete-input-horizontal', '', {\n    rootWrapper: {\n      width: '70%'\n    },\n    root: {\n      width: '100%'\n    },\n    text: {},\n    searchInputWrapper: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: undefined,\n      display: 'flex'\n    },\n  } as BaseStyles);\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS=='web' || Platform.OS=='android' ?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        borderTopLeftRadius: 28,\n        borderBottomLeftRadius: 28,\n      },\n    },\n    clearButton: {\n      root: {\n        left: 0,\n        position: 'absolute',\n        marginLeft: 0\n      }\n    } as WmButtonStyles,\n  }:{\n    text : {\n      textAlign: 'right',\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n    }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","isNested","Array","isArray","state","length","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","stroke","_this$state$colors$da2","strokeWidth","showzerothvalue","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","dataset","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","root","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n  return this.state.data.map((d: any, i: number) => {\n    return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment={this.isRTL ? 'end' : 'start'}\n        style={props.customcolors?{\n          data: {\n            fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }:{\n          data: {\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  if (!this.state.props.dataset) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx,\n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n      { (props.title || props.iconclass) ? (\n        <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n          {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n        </View>\n      ) : null }\n        { props.subheading ? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                          height={(this.styles.root.height) as number}\n                          width={this.state.chartWidth || this.screenWidth}\n                          minDomain={mindomain}\n                          padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n      {this.getLegendView()}\n      {this.getXaxis()}\n      {this.getYAxis()}\n      {\n        props.viewtype === 'Stacked' ? <VictoryStack\n        colorScale={!this.theme ? this.state.colors : undefined}>\n          {\n            this.getBarChart(props)\n          }\n        </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined}  offset={10} >\n          {\n            this.getBarChart(props)\n          }\n        </VictoryGroup>\n      }\n    </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","Platform","AccessibilityWidgetType","getAccessibilityProps","VictoryChart","VictoryBar","VictoryStack","VictoryGroup","BaseChartComponent","BaseChartComponentState","WmBarChartProps","DEFAULT_CLASS","WmIcon","WmBarChartState","WmBarChart","constructor","props","labelFn","data","abbreviateNumber","datum","y","getBarChart","isNested","Array","isArray","state","length","map","d","i","createElement","_extends","key","name","horizontal","labels","showvalues","bind","undefined","isRTL","toReversed","height","alignment","style","customcolors","fill","colors","_this$state$colors$da","x","stroke","_this$state$colors$da2","strokeWidth","showzerothvalue","cornerRadius","topLeft","styles","bar","borderTopLeftRadius","topRight","borderTopRightRadius","bottomLeft","borderBottomLeftRadius","bottomRight","borderBottomRightRadius","events","target","eventHandlers","OS","onClick","onSelect","onPress","barwidth","barWidth","event","viewRef","current","dataset","measureInWindow","chartX","chartY","value","index","label","xaxisDatakeyArr","selectedItem","nativeEvent","tooltipX","pageX","tooltipY","pageY","selectedChartItem","series","_dataObj","updateState","tooltipXaxis","tooltipYaxis","isTooltipOpen","tooltipXPosition","tooltipoffsetx","tooltipYPosition","tooltipoffsety","invokeEventCallback","proxy","renderWidget","mindomain","xdomain","chartMinX","ydomain","chartMinY","LINECHART","root","onLayout","onViewLayoutChange","title","iconclass","testID","flexDirection","alignItems","icon","subheading","subHeading","ref","getTooltip","theme","width","chartWidth","screenWidth","minDomain","padding","top","offsettop","bottom","offsetbottom","left","offsetright","offsetleft","right","getLegendView","getXaxis","getYAxis","viewtype","colorScale","offset"],"sources":["bar-chart.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, LayoutChangeEvent } from 'react-native';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport {\n  VictoryChart,\n  VictoryBar,\n  VictoryLegend,\n  VictoryStack,\n  VictoryGroup\n} from \"victory-native\";\n\nimport {\n  BaseChartComponent,\n  BaseChartComponentState\n} from \"@wavemaker-ai/app-rn-runtime/components/chart/basechart.component\";\nimport WmBarChartProps from './bar-chart.props';\nimport { DEFAULT_CLASS, WmBarChartStyles } from './bar-chart.styles';\nimport WmIcon from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component\";\nimport { min } from 'moment';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmBarChartState extends BaseChartComponentState<WmBarChartProps> {}\n\nexport default class WmBarChart extends BaseChartComponent<WmBarChartProps, WmBarChartState, WmBarChartStyles> {\n\n  constructor(props: WmBarChartProps) {\n    super(props, DEFAULT_CLASS, new WmBarChartProps(), new WmBarChartState());\n  }\n\n  labelFn(data: any): string | number | string[] | number[] | null {\n    return this.abbreviateNumber(data.datum.y);\n  }\n\n  getBarChart(props: WmBarChartProps) {\n    const isNested = Array.isArray(this.state.data[0]) && this.state.data.length > 1;\n    return this.state.data.map((d: any, i: number) => {\n      return <VictoryBar key={props.name + '_' + i}\n        horizontal={props.horizontal} labels={props.showvalues ? this.labelFn.bind(this) : undefined}\n        data={this.isRTL?d.toReversed():d}\n        height={100}\n        alignment={this.isRTL ? 'end' : 'start'}\n        style={props.customcolors?{\n          data: {\n            fill:isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            stroke: isNested ? this.state.colors[i % this.state.colors.length] : ({ datum }) => this.state.colors[datum.x] ?? this.state.colors[datum.x % this.state.colors.length],\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }:{\n          data: {\n            strokeWidth: props.showzerothvalue ? 3 : 0\n          }\n        }}\n        cornerRadius={{topLeft: this.styles.bar.borderTopLeftRadius, topRight: this.styles.bar.borderTopRightRadius, bottomLeft: this.styles.bar.borderBottomLeftRadius, bottomRight: this.styles.bar.borderBottomRightRadius}}\n        events={[{\n          target: 'data',\n          eventHandlers: Platform.OS == \"web\" ? {\n            onClick: this.onSelect.bind(this)\n          }:{\n            onPress: this.onSelect.bind(this)\n          }\n        }]}\n        {...(props.barwidth ? { barWidth: props.barwidth } : {})} />\n    });\n  }\n\nonSelect(event: any, data: any){\n  if (!this.viewRef.current) return;\n  if (!this.state.props.dataset) return;\n  this.viewRef.current.measureInWindow((chartX: number, chartY: number) => {\n  let value = data.data[data.index].y;\n  let label = this.state.xaxisDatakeyArr[data.datum.x];\n  let selectedItem = this.props.dataset[data.index];\n  const nativeEvent = event.nativeEvent;\n  let tooltipX = nativeEvent.pageX - chartX;\n  let tooltipY = nativeEvent.pageY - chartY;\n    let selectedChartItem = [{series: 0, x: data.index, y: value,_dataObj: selectedItem},data.index];\n    this.updateState({\n      tooltipXaxis: label,\n      tooltipYaxis: value,\n      isTooltipOpen: true,\n      selectedItem: {...selectedItem, index: data.index},\n      tooltipXPosition: tooltipX - this.state.tooltipoffsetx,\n      tooltipYPosition: tooltipY - this.state.tooltipoffsety\n    } as WmBarChartState)\n  this.invokeEventCallback('onSelect', [event.nativeEvent, this.proxy, selectedItem, selectedChartItem ]);\n  });\n}\n\n  renderWidget(props: WmBarChartProps) {\n    this.invokeEventCallback('onBeforerender', [this.proxy, null]);\n    if (!this.state.data.length) {\n      return null;\n    }\n    let mindomain={x: this.props.xdomain === 'Min' ? this.state.chartMinX: undefined, y: this.props.ydomain === 'Min' ? this.state.chartMinY: undefined};\n    return (<View\n      {...getAccessibilityProps(AccessibilityWidgetType.LINECHART, props)}\n      style={this.styles.root}\n      onLayout={this.onViewLayoutChange.bind(this)}\n    >\n      <View>\n      { (props.title || props.iconclass) ? (\n        <View testID=\"title-icon-container\" style={{flexDirection: 'row', alignItems: 'center'}}>\n          {props.iconclass ? (<WmIcon iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>) : null }\n          {props.title ? (<Text style={this.styles.title}>{props.title}</Text>) : null }\n        </View>\n      ) : null }\n        { props.subheading ? (\n          <Text style={this.styles.subHeading}>{props.subheading}</Text> ) : null }\n        </View>\n      <View ref={this.viewRef}>\n      {this.getTooltip()}\n      <VictoryChart theme={this.state.theme}\n                      height={(this.styles.root.height) as number}\n                      width={this.state.chartWidth || this.screenWidth}\n                      minDomain={mindomain}\n                      padding={{ top: props.offsettop, bottom: props.offsetbottom, left: this.isRTL ? props.offsetright : props.offsetleft, right: this.isRTL ? props.offsetleft : props.offsetright }}>\n          {this.getLegendView()}\n          {this.getXaxis()}\n          {this.getYAxis()}\n          {\n            props.viewtype === 'Stacked' ? <VictoryStack\n              colorScale={!this.theme ? this.state.colors : undefined}>\n              {\n                this.getBarChart(props)\n              }\n            </VictoryStack> : <VictoryGroup colorScale={!this.theme ? this.state.colors : undefined}  offset={10} >\n              {\n                this.getBarChart(props)\n              }\n            </VictoryGroup>\n          }\n        </VictoryChart></View></View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/chart/basechart.component.js

@@ -482,7 +482,6 @@ export class BaseChartComponent extends BaseComponent {
     }
     this.updateState({
       colors: colorsToUse,
-      labelColors: labelColorsToUse,
       theme: themeToUse
     });
   }