@wavemaker/app-rn-runtime 11.5.4-8.5638 → 11.5.4-9.5650
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -43,7 +43,9 @@ export default class WmButton extends BaseComponent {
|
|
|
43
43
|
paddingBottom: 0,
|
|
44
44
|
paddingLeft: 0,
|
|
45
45
|
paddingRight: 0,
|
|
46
|
-
overflow: 'hidden'
|
|
46
|
+
overflow: 'hidden',
|
|
47
|
+
flexDirection: 'column',
|
|
48
|
+
flex: 1
|
|
47
49
|
}]
|
|
48
50
|
}, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
|
|
49
51
|
target: this
|
|
@@ -53,7 +55,8 @@ export default class WmButton extends BaseComponent {
|
|
|
53
55
|
paddingBottom: this.styles.root.paddingBottom,
|
|
54
56
|
paddingLeft: this.styles.root.paddingLeft,
|
|
55
57
|
paddingRight: this.styles.root.paddingRight,
|
|
56
|
-
|
|
58
|
+
width: '100%',
|
|
59
|
+
height: this.styles.root.height ? '100%' : null,
|
|
57
60
|
justifyContent: 'center'
|
|
58
61
|
}
|
|
59
62
|
}), /*#__PURE__*/React.createElement(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","createElement","_extends","getTestPropsForLabel","styles","icon","name","iconsize","prepareBadge","style","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","entryanimation","animation","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","_background","target","getTestPropsForAction","justifyContent","content","
|
|
1
|
+
{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","WmButtonState","WmButton","constructor","props","prepareIcon","iconclass","createElement","_extends","getTestPropsForLabel","styles","icon","name","iconsize","prepareBadge","style","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","entryanimation","animation","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","flexDirection","flex","_background","target","getTestPropsForAction","justifyContent","content","iconposition","caption","text"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/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/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\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(props: any) {\n return (props.iconclass? <WmIcon\n {...this.getTestPropsForLabel('icon')}\n styles={this.styles.icon} name={props.name + '_icon'} iconclass={props.iconclass} iconsize={props.iconsize}></WmIcon>: null);\n }\n\n private prepareBadge(props: any) {\n //@ts-ignore\n return (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>);\n }\n\n public renderSkeleton(prop: WmButtonProps) {\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: (this.props.skeletonwidth || this.styles.root.width)as DimensionValue,\n height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n });\n }\n\n renderWidget(props: WmButtonProps) {\n return (\n <Animatedview entryanimation={props.animation} \n style={[\n this.styles.root,\n {\n paddingTop: 0,\n paddingBottom: 0,\n paddingLeft: 0,\n paddingRight: 0,\n overflow: 'hidden',\n flexDirection: 'column',\n flex: 1\n }\n ]}>\n {this._background}\n <Tappable target={this} {...this.getTestPropsForAction()}\n styles={{\n paddingTop: this.styles.root.paddingTop,\n paddingBottom: this.styles.root.paddingBottom,\n paddingLeft: this.styles.root.paddingLeft,\n paddingRight: this.styles.root.paddingRight,\n width: '100%',\n height: this.styles.root.height ? '100%' : null,\n justifyContent: 'center',\n }}\n >\n <View style={[this.styles.content, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}>\n {props.iconposition === 'top' && this.prepareIcon(props)}\n {props.iconposition === 'left' && this.prepareIcon(props)}\n {props.caption ? (<Text style={this.styles.text} \n {...this.getTestPropsForLabel('caption')}>{props.caption}</Text>): null}\n {props.iconposition === 'right' && this.prepareIcon(props)}\n {props.badgevalue && this.prepareBadge(props)}\n </View>\n </Tappable>\n </Animatedview>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","alignSelf","height","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","marginHorizontal","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","position","top","marginLeft","borderWidth","borderStyle","icon","buttonTextPadding","skeleton","width","opacity","getButtonStyles","bgColor","borderColor","arguments","length","undefined","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","bottom","right","marginRight"],"sources":["button.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n content: AllStyle,\n badge: AllStyle,\n icon: WmIconStyles,\n skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n root: {\n minHeight: 40,\n borderRadius: 6,\n paddingTop: 11,\n paddingBottom: 11,\n paddingLeft: 24,\n paddingRight: 24,\n alignSelf: 'flex-start',\n height: 40\n },\n content: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center'\n },\n text: {\n fontSize: 14,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n textAlign: 'center',\n textTransform: 'capitalize',\n marginHorizontal: 4\n },\n badge: {\n backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n color: themeVariables.buttonBadgeTextColor,\n alignSelf: 'flex-start',\n position: 'relative',\n minHeight: 6,\n top: -20,\n marginLeft: -16,\n borderWidth: 1,\n borderStyle: 'solid'\n },\n icon: {\n root : {\n alignSelf: 'auto',\n paddingLeft: -8,\n paddingRight: -8\n },\n text: {\n paddingRight: themeVariables.buttonTextPadding,\n fontSize: 16\n }\n } as WmIconStyles,\n skeleton: {\n root: {\n width: 96,\n height: 48,\n borderRadius: 4\n }\n } as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root : {\n opacity: 0.5\n }\n });\n\n const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n return {\n root: {\n borderWidth: 1,\n borderColor: borderColor,\n borderStyle: 'solid',\n backgroundColor: bgColor\n },\n text: {\n color: color\n },\n badge: {\n backgroundColor: color,\n color: bgColor,\n borderColor: bgColor\n },\n icon: {\n text: {\n color: color\n }\n }\n } as WmButtonStyles;\n }\n\n const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n linkBtnStyle.root.paddingVertical = 4;\n linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n linkBtnStyle.text.textDecorationLine = 'underline';\n linkBtnStyle.text.textDecorationStyle = 'solid';\n\n addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n addStyle('btn-link', '', linkBtnStyle);\n addStyle('btn-only-label', '', buttonWithOnlyLabel);\n addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n addStyle('fab-btn', 'btn-primary', {\n root : {\n ...BASE_THEME.getStyle('elevate2').root,\n position: 'fixed' as any,\n bottom: 160,\n right: 48,\n width: 56,\n height: 56,\n borderRadius: 56,\n justifyContent: 'center',\n alignItems: 'center'\n },\n text: {\n marginLeft: 0,\n marginRight: 0\n },\n icon: {\n icon: {\n fontSize: 24\n }\n } as WmIconStyles\n } as WmButtonStyles);\n addStyle('mini-fab-btn', 'fab-btn', {\n root : {\n width: 40,\n height: 40\n }\n } as WmButtonStyles);\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","alignSelf","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","marginHorizontal","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","position","top","marginLeft","borderWidth","borderStyle","icon","buttonTextPadding","skeleton","width","height","opacity","getButtonStyles","bgColor","borderColor","arguments","length","undefined","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","bottom","right","marginRight"],"sources":["button.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n content: AllStyle,\n badge: AllStyle,\n icon: WmIconStyles,\n skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n root: {\n minHeight: 40,\n borderRadius: 6,\n paddingTop: 11,\n paddingBottom: 11,\n paddingLeft: 24,\n paddingRight: 24,\n alignSelf: 'flex-start',\n },\n content: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center'\n },\n text: {\n fontSize: 14,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n textAlign: 'center',\n textTransform: 'capitalize',\n marginHorizontal: 4\n },\n badge: {\n backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n color: themeVariables.buttonBadgeTextColor,\n alignSelf: 'flex-start',\n position: 'relative',\n minHeight: 6,\n top: -20,\n marginLeft: -16,\n borderWidth: 1,\n borderStyle: 'solid'\n },\n icon: {\n root : {\n alignSelf: 'auto',\n paddingLeft: -8,\n paddingRight: -8\n },\n text: {\n paddingRight: themeVariables.buttonTextPadding,\n fontSize: 16\n }\n } as WmIconStyles,\n skeleton: {\n root: {\n width: 96,\n height: 48,\n borderRadius: 4\n }\n } as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root : {\n opacity: 0.5\n }\n });\n\n const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n return {\n root: {\n borderWidth: 1,\n borderColor: borderColor,\n borderStyle: 'solid',\n backgroundColor: bgColor\n },\n text: {\n color: color\n },\n badge: {\n backgroundColor: color,\n color: bgColor,\n borderColor: bgColor\n },\n icon: {\n text: {\n color: color\n }\n }\n } as WmButtonStyles;\n }\n\n const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n linkBtnStyle.root.paddingVertical = 4;\n linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n linkBtnStyle.text.textDecorationLine = 'underline';\n linkBtnStyle.text.textDecorationStyle = 'solid';\n\n addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n addStyle('btn-link', '', linkBtnStyle);\n addStyle('btn-only-label', '', buttonWithOnlyLabel);\n addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n addStyle('fab-btn', 'btn-primary', {\n root : {\n ...BASE_THEME.getStyle('elevate2').root,\n position: 'fixed' as any,\n bottom: 160,\n right: 48,\n width: 56,\n height: 56,\n borderRadius: 56,\n justifyContent: 'center',\n alignItems: 'center'\n },\n text: {\n marginLeft: 0,\n marginRight: 0\n },\n icon: {\n icon: {\n fontSize: 24\n }\n } as WmIconStyles\n } as WmButtonStyles);\n addStyle('mini-fab-btn', 'fab-btn', {\n root : {\n width: 40,\n height: 40\n }\n } as WmButtonStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACFC,SAAS,EAAE,EAAE;MACbC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE;IACf,CAAC;IACDC,OAAO,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAEjB,cAAc,CAACkB,QAAQ;MACnCC,UAAU,EAAE,KAAK;MACjBC,SAAS,EAAE,QAAQ;MACnBC,aAAa,EAAE,YAAY;MAC3BC,gBAAgB,EAAE;IACpB,CAAC;IACDC,KAAK,EAAE;MACLC,eAAe,EAAExB,cAAc,CAACyB,0BAA0B;MAC1DC,KAAK,EAAE1B,cAAc,CAAC2B,oBAAoB;MAC1CjB,SAAS,EAAE,YAAY;MACvBkB,QAAQ,EAAE,UAAU;MACpBxB,SAAS,EAAE,CAAC;MACZyB,GAAG,EAAE,CAAC,EAAE;MACRC,UAAU,EAAE,CAAC,EAAE;MACfC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE;IACf,CAAC;IACDC,IAAI,EAAE;MACJ9B,IAAI,EAAG;QACLO,SAAS,EAAE,MAAM;QACjBF,WAAW,EAAE,CAAC,CAAC;QACfC,YAAY,EAAE,CAAC;MACjB,CAAC;MACDM,IAAI,EAAE;QACJN,YAAY,EAAET,cAAc,CAACkC,iBAAiB;QAC9ClB,QAAQ,EAAE;MACZ;IACF,CAAiB;IACjBmB,QAAQ,EAAE;MACRhC,IAAI,EAAE;QACJiC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVhC,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLmC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF,MAAMC,eAAe,GAAG,SAAAA,CAACC,OAAe,EAAEd,KAAa,EAA4B;IAAA,IAA1Be,WAAW,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGF,OAAO;IAC5E,OAAO;MACLrC,IAAI,EAAE;QACJ4B,WAAW,EAAE,CAAC;QACdU,WAAW,EAAEA,WAAW;QACxBT,WAAW,EAAE,OAAO;QACpBR,eAAe,EAAEgB;MACnB,CAAC;MACDzB,IAAI,EAAE;QACJW,KAAK,EAAEA;MACT,CAAC;MACDH,KAAK,EAAE;QACLC,eAAe,EAAEE,KAAK;QACtBA,KAAK,EAAEc,OAAO;QACdC,WAAW,EAAED;MACf,CAAC;MACDP,IAAI,EAAE;QACJlB,IAAI,EAAE;UACJW,KAAK,EAAEA;QACT;MACF;IACF,CAAC;EACH,CAAC;EAED,MAAMmB,YAAY,GAAGN,eAAe,CAACvC,cAAc,CAAC8C,eAAe,EAAE9C,cAAc,CAAC+C,mBAAoB,CAAC;EAC3G,MAAMC,mBAAmB,GAAGT,eAAe,CAACvC,cAAc,CAAC8C,eAAe,EAAE9C,cAAc,CAAC+C,mBAAoB,CAAC;EAE9GF,YAAY,CAAC1C,IAAI,CAAC8C,eAAe,GAAG,CAAC;EACrCJ,YAAY,CAAC9B,IAAI,CAACmC,mBAAmB,GAAGlD,cAAc,CAAC+C,mBAAmB;EAC1EF,YAAY,CAAC9B,IAAI,CAACoC,kBAAkB,GAAG,WAAW;EAClDN,YAAY,CAAC9B,IAAI,CAACqC,mBAAmB,GAAG,OAAO;EAE/CnD,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAACqD,kBAAkB,EAAErD,cAAc,CAACsD,sBAAsB,EAAEtD,cAAc,CAACuD,iBAAiB,CAAC,CAAC;EACxJtD,QAAQ,CAAC,UAAU,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAACwD,eAAe,EAAExD,cAAc,CAACyD,mBAAmB,CAAC,CAAC;EAC7GxD,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAAC0D,kBAAkB,EAAE1D,cAAc,CAAC2D,sBAAsB,CAAC,CAAC;EACtH1D,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAAC4D,oBAAoB,EAAE5D,cAAc,CAAC6D,wBAAwB,EAAE7D,cAAc,CAAC6D,wBAAwB,CAAC,CAAC;EACrK5D,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAAC8D,iBAAiB,EAAE9D,cAAc,CAAC+D,qBAAqB,CAAC,CAAC;EACnH9D,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAACgE,kBAAkB,EAAEhE,cAAc,CAACiE,sBAAsB,CAAC,CAAC;EACtHhE,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAACkE,kBAAkB,EAAElE,cAAc,CAACmE,sBAAsB,CAAC,CAAC;EACtHlE,QAAQ,CAAC,UAAU,EAAE,EAAE,EAAE4C,YAAY,CAAC;EACtC5C,QAAQ,CAAC,gBAAgB,EAAE,EAAE,EAAE+C,mBAAmB,CAAC;EACnD/C,QAAQ,CAAC,UAAU,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAACoE,eAAe,EAAEpE,cAAc,CAACqE,mBAAmB,CAAC,CAAC;EAC7GpE,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAEsC,eAAe,CAACvC,cAAc,CAACsE,gBAAgB,EAAEtE,cAAc,CAACuE,oBAAoB,CAAC,CAAC;EAChHtE,QAAQ,CAAC,SAAS,EAAE,aAAa,EAAE;IACjCE,IAAI,EAAG;MACL,GAAGP,UAAU,CAAC4E,QAAQ,CAAC,UAAU,CAAC,CAACrE,IAAI;MACvCyB,QAAQ,EAAE,OAAc;MACxB6C,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,EAAE;MACTtC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVhC,YAAY,EAAE,EAAE;MAChBS,cAAc,EAAE,QAAQ;MACxBD,UAAU,EAAE;IACd,CAAC;IACDE,IAAI,EAAE;MACJe,UAAU,EAAE,CAAC;MACb6C,WAAW,EAAE;IACf,CAAC;IACD1C,IAAI,EAAE;MACJA,IAAI,EAAE;QACJjB,QAAQ,EAAE;MACZ;IACF;EACF,CAAmB,CAAC;EACpBf,QAAQ,CAAC,cAAc,EAAE,SAAS,EAAE;IAClCE,IAAI,EAAG;MACLiC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAmB,CAAC;AACtB,CAAC,CAAC"}
|
app-rn-runtime/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wavemaker/app-rn-runtime",
|
|
3
|
-
"version": "11.5.4-
|
|
3
|
+
"version": "11.5.4-9.5650",
|
|
4
4
|
"description": "''",
|
|
5
5
|
"main": "index",
|
|
6
6
|
"module": "index",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"@react-navigation/native": "6.1.7",
|
|
50
50
|
"@react-navigation/stack": "^6.3.7",
|
|
51
51
|
"@types/lodash-es": "^4.17.6",
|
|
52
|
-
"@wavemaker/variables": "11.5.4-
|
|
52
|
+
"@wavemaker/variables": "11.5.4-9.5650",
|
|
53
53
|
"axios": "^1.4.0",
|
|
54
54
|
"color": "4.2.3",
|
|
55
55
|
"cross-env": "^5.2.0",
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
"typescript": "^5.1.3",
|
|
132
132
|
"victory-native": "36.6.11",
|
|
133
133
|
"yargs": "^16.2.0",
|
|
134
|
-
"@wavemaker/variables": "11.5.4-
|
|
134
|
+
"@wavemaker/variables": "11.5.4-9.5650"
|
|
135
135
|
},
|
|
136
136
|
"jest": {
|
|
137
137
|
"preset": "react-native",
|