npm - @wavemaker/app-rn-runtime - Versions diffs - 11.4.1-next.25742 → 11.4.1-patch.5 - Mend

@wavemaker/app-rn-runtime 11.4.1-next.25742 → 11.4.1-patch.5

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.

Files changed (868) hide show

package/components/data/list/list.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","SectionList","Text","View","FlatList","isArray","BaseComponent","BaseComponentState","getGroupedData","isDefined","Tappable","DefaultKeyExtractor","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","constructor","arguments","_defineProperty","WmList","props","isSelected","$item","selectedItem","state","selecteditem","indexOf","onSelect","$index","triggerTapEvent","length","undefined","disableitem","multiselect","index","selectionlimit","push","invokeEventCallback","splice","selectedItemWidgets","itemWidgets","updateState","selectedindex","proxy","selectFirstItem","initialized","dataset","groupby","deselectAll","setGroupData","items","dataItems","groupedData","match","orderby","dateformat","_this$keyExtractor","keyExtractor","clear","onPropertyChange","name","$new","$old","data","direction","key","_this$keyExtractor2","selectfirstitem","pop","componentDidMount","_props$dataset","setTimeout","componentDidUpdate","prevProps","prevState","snapshot","getDefaultStyles","isHorizontal","theme","getStyle","defaultClass","getIndex","item","generateItemKey","itemkey","_showSkeleton","getKey","renderItem","createElement","onTap","onLongTap","onDoubleTap","style","styles","itemclass","iconclass","selectedIcon","renderHeader","title","groupHeading","subheading","heading","flex","flexDirection","listIcon","caption","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","getNoOfColumns","itemsperrow","xs","renderWithFlatList","root","map","v","i","marginBottom","_extends","horizontal","ListEmptyComponent","itemInfo","numColumns","getSectionListData","renderWithSectionList","onEndReached","_ref","distanceFromEnd","setState","currentPage","contentContainerStyle","onEndReachedThreshold","sections","renderSectionHeader","_ref2","section","renderSectionFooter","loadingdata","renderWidget","_background"],"sources":["list.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, Text, View, TouchableWithoutFeedback } from 'react-native';\nimport { FlatList } from 'react-native-gesture-handler';\nimport { isArray } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {getGroupedData, isDefined} from \"@wavemaker/app-rn-runtime/core/utils\";\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmListProps from './list.props';\nimport { DEFAULT_CLASS, WmListStyles } from './list.styles';\n\n\nexport class WmListState extends BaseComponentState<WmListProps> {\n public selectedindex: any;\n groupedData: Array<any> = [];\n currentPage: number = 1;\n}\n\nexport default class WmList extends BaseComponent<WmListProps, WmListState, WmListStyles> {\n\n private itemWidgets = [] as any[];\n private selectedItemWidgets = {} as any;\n private keyExtractor = new DefaultKeyExtractor();\n \n constructor(props: WmListProps) {\n super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());\n }\n\n private isSelected($item: any) {\n const selectedItem = this.state.props.selecteditem;\n if (isArray(selectedItem)) {\n return selectedItem.indexOf($item) >= 0;\n }\n return selectedItem === $item;\n }\n\n private onSelect($item: any, $index: number | string, triggerTapEvent = false) {\n const props = this.state.props;\n let selectedItem = null as any;\n if (props.disableitem !== true \n && (typeof props.disableitem !== 'function' || !props.disableitem($item, $index))) {\n if (props.multiselect) {\n selectedItem = [...(props.selecteditem || [])];\n const index = selectedItem.indexOf($item);\n if (index < 0) {\n if ((!props.selectionlimit)\n || props.selectionlimit < 0\n || selectedItem.length < props.selectionlimit) {\n selectedItem.push($item);\n } else {\n this.invokeEventCallback('onSelectionlimitexceed', [null, this]);\n }\n } else {\n selectedItem.splice(index, 1);\n }\n } else {\n if (props.selecteditem === $item) {\n selectedItem = null;\n } else {\n selectedItem = $item;\n }\n }\n this.selectedItemWidgets = this.itemWidgets[$index as number];\n this.updateState({\n props: { selecteditem: selectedItem },\n selectedindex: $index\n } as WmListState, () => {\n this.invokeEventCallback('onSelect', [this.proxy, $item]);\n triggerTapEvent && this.invokeEventCallback('onTap', [null, this.proxy]);\n });\n }\n }\n\n private selectFirstItem() {\n const props = this.state.props;\n if (this.initialized\n && props.dataset\n && props.dataset.length) {\n const index = props.groupby ? '00': 0;\n this.onSelect(props.dataset[0], index);\n }\n }\n\n private deselectAll() {\n this.updateState({\n props: { selecteditem: null },\n selectedindex: -1\n } as WmListState);\n }\n\n setGroupData(items: any) {\n const dataItems = items;\n const props = this.state.props;\n if (props.groupby) {\n const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this);\n this.updateState({\n groupedData: groupedData\n } as WmListState, () => {\n this.keyExtractor?.clear();\n });\n }\n }\n\n public onPropertyChange(name: string, $new: any, $old: any) {\n super.onPropertyChange(name, $new, $old);\n const props = this.state.props;\n switch(name) {\n case 'selectfirstitem':\n if ($new) {\n this.selectFirstItem();\n }\n break;\n case 'dataset':\n if (this.state.props.groupby) {\n this.setGroupData($new);\n } else {\n const data = isArray($new) ? $new : (isDefined($new) ? [$new] : []);\n this.updateState({\n groupedData: (data[0] || props.direction === 'horizontal' ? [{\n key: '',\n data: data\n }] : [])\n } as WmListState, () => {\n this.keyExtractor?.clear();\n });\n }\n this.itemWidgets = [];\n if (props.selectfirstitem) {\n this.selectFirstItem();\n } else {\n this.deselectAll();\n }\n break;\n case 'groupby':\n case 'match':\n this.setGroupData(this.state.props.dataset);\n break;\n case 'multiselect':\n if ($new) {\n if (!isArray(this.state.props.selecteditem)) {\n this.state.props.selecteditem = this.state.props.selecteditem ? \n [this.state.props.selecteditem] : [];\n }\n } else if (isArray(this.state.props.selecteditem)) {\n this.state.props.selecteditem = this.state.props.selecteditem.pop();\n }\n }\n }\n\n componentDidMount() {\n const props = this.state.props;\n if (this.state.props.selectfirstitem && props.dataset?.length) {\n setTimeout(() => {\n this.onSelect(props.dataset[0], 0);\n });\n }\n super.componentDidMount();\n }\n\n componentDidUpdate(prevProps: WmListProps, prevState: WmListState, snapshot?: any) {\n super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n this.invokeEventCallback('onRender', [this, this.state.props.dataset]);\n }\n\n getDefaultStyles() {\n const isHorizontal = this.state.props.direction === 'horizontal';\n return this.theme.getStyle(`${this.defaultClass} ${isHorizontal ? 'app-horizontal-list' : 'app-vertical-list'}`);\n }\n\n getIndex(item: any) {\n return this.state.props.dataset.indexOf(item);\n }\n\n private generateItemKey(item: any, index: number, props: WmListProps) {\n if (props.itemkey && item && !this._showSkeleton) {\n return props.itemkey(item, index);\n }\n return 'list_item_' + this.keyExtractor.getKey(item, true);\n }\n\n private renderItem(item: any, index: number, props: WmListProps) {\n return ( \n <Tappable\n onTap={() => this.onSelect(item, index, true)}\n onLongTap={() => this.invokeEventCallback('onLongtap', [null, this.proxy])}\n onDoubleTap={() => this.invokeEventCallback('onDoubletap', [null, this.proxy])}>\n <View style={[\n this.styles.item,\n props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null,\n this.isSelected(item) ? this.styles.selectedItem : {}]}>\n { props.renderItem(item, index, this)}\n { this.isSelected(item) ? (\n <WmIcon iconclass='wi wi-check-circle' styles={this.styles.selectedIcon} />\n ) : null}\n </View>\n </Tappable>\n );\n }\n\n private renderHeader(props: WmListProps, title: string) {\n return props.groupby ? (\n <Text style={this.styles.groupHeading}>{title}</Text>\n ) : (props.iconclass || props.title || props.subheading) ? (\n <View style={this.styles.heading}>\n <View style={{flex: 1, flexDirection: 'row'}}>\n <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n <View>\n <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n </View>\n </View>\n </View>) : null;\n }\n\n private renderEmptyMessage(isHorizontal: boolean, item: any, index: any, props: WmListProps) {\n return (<WmLabel styles={this.styles.emptyMessage} caption={props.nodatamessage}></WmLabel>);\n }\n\n private renderLoadingIcon(props: WmListProps) {\n return (<WmIcon\n styles={this.styles.loadingIcon}\n iconclass={props.loadingicon}\n caption={props.loadingdatamsg}></WmIcon>)\n }\n\n public getNoOfColumns() {\n const props = this.state.props;\n if(props.direction === 'vertical') {\n return props.itemsperrow.xs;\n }\n return 0;\n }\n\n private renderWithFlatList(props: WmListProps, isHorizontal = false) {\n return (\n <View style={this.styles.root}>\n {this.state.groupedData ? this.state.groupedData.map((v: any, i) => ((\n <View style={{marginBottom: 16}} key={v.key || this.keyExtractor.getKey(v, true)}>\n {this.renderHeader(props, v.key)}\n <FlatList\n key={props.name + '_' + (isHorizontal ? 'H' : 'V') + props.itemsperrow.xs}\n keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n horizontal = {isHorizontal}\n data={v.data || []}\n ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)} \n {...(isHorizontal ? {} : {numColumns : this.getNoOfColumns()})}> \n </FlatList>\n </View>\n ))) : null\n }\n </View>);\n }\n\n private getSectionListData() {\n if (this._showSkeleton) {\n return [{\n key: '',\n data: [{}, {}, {}]\n }];\n } else if (this.state.groupedData \n && this.state.groupedData[0] \n && this.state.groupedData[0]['data'].length) {\n return this.state.groupedData;\n }\n return [];\n }\n\n private renderWithSectionList(props: WmListProps, isHorizontal = false) { \n return (\n <SectionList\n keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n horizontal = {isHorizontal}\n onEndReached={({distanceFromEnd}) => {\n this.setState({ currentPage: this.state.currentPage + 1 } as WmListState);\n this.invokeEventCallback('onEndReached', [null, this]);\n }}\n contentContainerStyle={this.styles.root}\n onEndReachedThreshold={0.3}\n sections={this.getSectionListData()}\n renderSectionHeader={({ section: {key, data}}) => {\n return this.renderHeader(props, key);\n }}\n renderSectionFooter={() => props.loadingdata ? this.renderLoadingIcon(props) : null}\n ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n </SectionList>\n );\n }\n\n renderWidget(props: WmListProps) {\n this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);\n const isHorizontal = (props.direction === 'horizontal');\n return (\n <View>\n {this._background}\n {(isHorizontal || !props.groupby) ?\n this.renderWithFlatList(props, isHorizontal)\n : this.renderWithSectionList(props, isHorizontal)}\n </View>);\n }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/data/list/list.props.js RENAMED Viewed

@@ -29,6 +29,12 @@ export default class WmListProps extends BaseProps {
     _defineProperty(this, "dateformat", null);
     _defineProperty(this, "selecteditem", null);
     _defineProperty(this, "itemclass", null);
+    _defineProperty(this, "itemsperrow", {
+      xs: 1,
+      sm: 1,
+      md: 1,
+      lg: 1
+    });
   }
 }
 //# sourceMappingURL=list.props.js.map

package/components/data/list/list.props.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","BaseProps","View","WmListProps","constructor","arguments","_defineProperty","createElement","$item","$index","xs","sm","md","lg"],"sources":["list.props.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { View } from 'react-native';\n\nexport default class WmListProps extends BaseProps {\n iconclass: string = null as any;\n title: string = null as any;\n subheading: string = null as any;\n dataset = [] as any;\n maxnumberofitems = 50;\n renderItem: any = () => (<View/>);\n loadingicon='fa fa-circle-o-notch fa-pulse';\n loadingdatamsg = 'Loading...';\n multiselect = false;\n nodatamessage = 'No data found';\n loadingdata = false;\n selectfirstitem = false;\n selectionlimit = -1;\n disableitem: Function | boolean = ($item: any, $index: any) => false;\n itemkey?: ($item: any, $index: any) => any = null as any;\n direction: 'horizontal' | 'vertical' = 'vertical';\n groupby: string = null as any;\n match: string = null as any;\n orderby: string = null as any;\n dateformat: string = null as any;\n selecteditem = null as any;\n itemclass: ($item: any, $index: any) => string = null as any;\n itemsperrow = {\n xs: 1,\n sm: 1,\n md: 1,\n lg: 1,\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,+CAA+C;AACzE,SAASC,IAAI,QAAQ,cAAc;AAEnC,eAAe,MAAMC,WAAW,SAASF,SAAS,CAAC;EAAAG,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,gBACR,IAAI;IAAAA,eAAA,qBACC,IAAI;IAAAA,eAAA,kBACf,EAAE;IAAAA,eAAA,2BACO,EAAE;IAAAA,eAAA,qBACH,mBAAON,KAAA,CAAAO,aAAA,CAACL,IAAI,MAAC,CAAE;IAAAI,eAAA,sBACrB,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,sBACf,KAAK;IAAAA,eAAA,wBACH,eAAe;IAAAA,eAAA,sBACjB,KAAK;IAAAA,eAAA,0BACD,KAAK;IAAAA,eAAA,yBACN,CAAC,CAAC;IAAAA,eAAA,sBACe,CAACE,KAAU,EAAEC,MAAW,KAAK,KAAK;IAAAH,eAAA,kBACvB,IAAI;IAAAA,eAAA,oBACV,UAAU;IAAAA,eAAA,kBAC/B,IAAI;IAAAA,eAAA,gBACN,IAAI;IAAAA,eAAA,kBACF,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,uBACV,IAAI;IAAAA,eAAA,oBAC8B,IAAI;IAAAA,eAAA,sBACtC;MACZI,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACP,CAAC;EAAA;AACL"}

{app-rn-runtime → package}/components/input/radioset/radioset.component.js RENAMED Viewed

@@ -13,10 +13,12 @@ export default class WmRadioset extends BaseDatasetComponent {
     this.invokeEventCallback('onTap', [null, this.proxy]);
     this.onValueChange(value);
   }
-  renderChild(item, index) {
+  renderChild(item, index, colWidth) {
     const displayText = item.displayexp || item.displayfield;
     return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.radioHead,
+      style: [this.styles.radioHead, {
+        width: colWidth
+      }],
       key: item.key
     }, /*#__PURE__*/React.createElement(RadioButton.Android, {
       value: this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield,
@@ -39,12 +41,14 @@ export default class WmRadioset extends BaseDatasetComponent {
   }
   renderRadioButtons(items) {
     const props = this.state.props;
+    const noOfColumns = props.itemsperrow.xs || 1;
+    const colWidth = Math.round(100 / noOfColumns) + '%';
     return /*#__PURE__*/React.createElement(RadioButton.Group, {
       onValueChange: this.onPress.bind(this),
       value: this.state.props.datafield === 'All Fields' ? this.getItemKey(props.datavalue) : props.datavalue
     }, /*#__PURE__*/React.createElement(View, {
       style: this.styles.group
-    }, items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null));
+    }, items && items.length ? items.map((item, index) => this.renderChild(item, index, colWidth)) : null));
   }
   renderWidget(props) {
     const items = this.state.dataItems;

package/components/input/radioset/radioset.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","View","Text","RadioButton","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmRadiosetState","WmRadioset","constructor","props","onPress","value","invokeEventCallback","proxy","onValueChange","renderChild","item","index","colWidth","displayText","displayexp","displayfield","createElement","style","styles","radioHead","width","key","Android","state","datafield","getItemKey","color","root","uncheckedColor","disabled","readonly","radioLabel","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","Group","bind","datavalue","group","renderWidget","dataItems","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue } from 'react-native';\nimport { RadioButton } from 'react-native-paper';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n BaseDatasetComponent,\n BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n constructor(props: WmRadiosetProps) {\n super(props, DEFAULT_CLASS, new WmRadiosetProps());\n }\n\n onPress(value: any) {\n this.invokeEventCallback('onTap', [null, this.proxy]);\n this.onValueChange(value);\n }\n\n renderChild(item: any, index: any, colWidth: DimensionValue) {\n const displayText = item.displayexp || item.displayfield;\n return (\n <View style={[this.styles.radioHead, {width: colWidth}]} key={item.key}>\n <RadioButton.Android\n value={this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield}\n color={this.styles.root.color as string}\n uncheckedColor={this.styles.root.color as string}\n disabled={this.state.props.readonly || this.state.props.disabled}\n />\n <Text style={this.styles.radioLabel}>{displayText}</Text>\n </View>)\n }\n\n renderGroupby() {\n const groupedData = this.state.groupedData;\n return (\n <View>\n {groupedData && groupedData.length\n ? groupedData.map((groupObj: any, index: any) => {\n return(\n <View key={groupObj.key}>\n <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n {this.renderRadioButtons(groupObj.data)}\n </View>)\n })\n : null}\n </View>\n );\n }\n\n renderRadioButtons(items: any) {\n const props = this.state.props;\n const noOfColumns = props.itemsperrow.xs || 1;\n const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n return(<RadioButton.Group onValueChange={this.onPress.bind(this)} value={this.state.props.datafield === 'All Fields'? this.getItemKey(props.datavalue) : props.datavalue}>\n <View style={this.styles.group}>\n {items && items.length ?\n items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n </View>\n </RadioButton.Group>)\n }\n\n renderWidget(props: WmRadiosetProps) {\n const items = this.state.dataItems;\n return (\n <View style={this.styles.root}>\n {props.groupby && this.renderGroupby()}\n {!props.groupby && this.renderRadioButtons(items)}\n </View>\n );\n }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/input/radioset/radioset.props.js RENAMED Viewed

@@ -6,6 +6,12 @@ export default class WmRadiosetProps extends BaseDatasetProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "dataset", 'Option 1, Option 2, Option 3');
+    _defineProperty(this, "itemsperrow", {
+      xs: 1,
+      sm: 1,
+      md: 1,
+      lg: 1
+    });
   }
 }
 //# sourceMappingURL=radioset.props.js.map

package/components/input/radioset/radioset.props.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["BaseDatasetProps","WmRadiosetProps","constructor","arguments","_defineProperty","xs","sm","md","lg"],"sources":["radioset.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\n\nexport default class WmRadiosetProps extends BaseDatasetProps {\n dataset: any = 'Option 1, Option 2, Option 3';\n itemsperrow = {\n xs: 1,\n sm: 1,\n md: 1,\n lg: 1,\n };\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAEvG,eAAe,MAAMC,eAAe,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAC7C,8BAA8B;IAAAA,eAAA,sBAC9B;MACbC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACP,CAAC;EAAA;AACF"}

{app-rn-runtime → package}/components/input/radioset/radioset.styles.js RENAMED Viewed

@@ -7,7 +7,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       color: themeVariables.checkedColor
     },
     text: {},
-    group: {},
+    group: {
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    },
     groupHeaderTitle: {
       backgroundColor: themeVariables.groupHeadingBgColor,
       fontSize: 16,
@@ -40,13 +43,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       opacity: 0.8
     }
   });
-  addStyle(DEFAULT_CLASS + '-row', '', {
-    group: {
-      flexDirection: 'row',
-      flexWrap: 'wrap',
-      justifyContent: 'space-between'
-    }
-  });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
 });
 //# sourceMappingURL=radioset.styles.js.map

package/components/input/radioset/radioset.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","checkedColor","text","group","flexDirection","flexWrap","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","radioHead","alignContent","radioLabel","alignSelf","labelDefaultColor","skeleton","width","height","borderRadius","checkedDisabledColor","opacity"],"sources":["radioset.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 { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmRadiosetStyles = BaseStyles & {\n group: AllStyle,\n groupHeaderTitle: AllStyle;\n radioHead: AllStyle;\n radioLabel: AllStyle;\n skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-radioset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmRadiosetStyles = defineStyles({\n root: {\n color: themeVariables.checkedColor\n },\n text: {},\n group: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n groupHeaderTitle: {\n backgroundColor: themeVariables.groupHeadingBgColor,\n fontSize: 16,\n paddingLeft: 8,\n paddingRight: 8,\n lineHeight: 40,\n fontFamily: themeVariables.baseFont\n } as AllStyle,\n radioHead: {\n flexDirection: 'row',\n alignContent: 'center',\n } as AllStyle,\n radioLabel: {\n alignSelf: 'center',\n fontFamily: themeVariables.baseFont,\n fontSize: 16,\n color: themeVariables.labelDefaultColor\n } as AllStyle,\n skeleton: {\n root: {\n width: '100%',\n height: 16,\n borderRadius: 4\n }\n } as any as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root : {\n color: themeVariables.checkedDisabledColor,\n opacity: 0.8\n }\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,KAAK,EAAEJ,cAAc,CAACK;IACxB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEX,cAAc,CAACY,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEjB,cAAc,CAACkB;IAC7B,CAAa;IACbC,SAAS,EAAE;MACTX,aAAa,EAAE,KAAK;MACpBY,YAAY,EAAE;IAChB,CAAa;IACbC,UAAU,EAAE;MACRC,SAAS,EAAE,QAAQ;MACnBL,UAAU,EAAEjB,cAAc,CAACkB,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZT,KAAK,EAAEJ,cAAc,CAACuB;IAC1B,CAAa;IACbC,QAAQ,EAAE;MACRrB,IAAI,EAAE;QACJsB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEF1B,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLC,KAAK,EAAEJ,cAAc,CAAC4B,oBAAoB;MAC1CC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF5B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

{app-rn-runtime → package}/components/navigation/basenav/basenav.component.js RENAMED Viewed

@@ -35,6 +35,7 @@ export class BaseNavComponent extends BaseComponent {
         return {
           key: `${name}_item${i}`,
           label: s,
+          data: s,
           icon: 'wi wi-' + s
         };
       });
@@ -50,6 +51,7 @@ export class BaseNavComponent extends BaseComponent {
           link: this.getValue(d, this.state.props.itemlink),
           badge: this.getValue(d, this.state.props.itembadge),
           isactive: this.getValue(d, this.state.props.isactive),
+          data: d,
           childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null
         };
       });

package/components/navigation/basenav/basenav.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","constructor","arguments","_defineProperty","BaseNavComponent","props","defaultClass","length","undefined","defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","data","icon","d","itemlabel","itemicon","link","itemlink","badge","itembadge","isactive","childnavigation","itemchildren","updateState","onPropertyChange","$new","$old"],"sources":["basenav.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { BaseNavProps } from './basenav.props';\nimport { DEFAULT_CLASS, BaseNavStyles } from './basenav.styles';\nimport { isArray } from 'lodash-es';\n\nexport interface NavigationDataItem {\n key: string;\n label: string;\n icon?: string;\n link?: string;\n badge?: string;\n isactive?: string;\n data: any;\n childnavigation?: any;\n}\n\nexport class BaseNavState <T extends BaseNavProps> extends BaseComponentState<T> {\n dataItems = [] as NavigationDataItem[];\n}\n\nexport abstract class BaseNavComponent< T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {\n\n constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n super(props, defaultClass, defaultProps, defaultState);\n }\n\n getValue(item: any, val?: string | ((item: any) => string)) {\n if (typeof val === 'string') {\n return item[val];\n } else if (typeof val === 'function') {\n return val(item);\n }\n return null;\n }\n\n setDataItems(dataset: any = this.state.props.dataset) {\n const name = this.props.name;\n let dataItems = [] as NavigationDataItem[];\n if (typeof dataset === 'string') {\n dataItems = dataset.split(',').map((s, i) => {\n return {\n key: `${name}_item${i}`,\n label: s,\n data: s,\n icon: 'wi wi-' + s\n } as NavigationDataItem;\n });\n } else if (dataset) {\n if (!isArray(dataset)) {\n dataset = [dataset];\n }\n dataItems = (dataset as any[]).map((d, i) => {\n return {\n key: `${name}_item${i}`,\n label: this.getValue(d, this.state.props.itemlabel),\n icon: this.getValue(d, this.state.props.itemicon),\n link: this.getValue(d, this.state.props.itemlink),\n badge: this.getValue(d, this.state.props.itembadge),\n isactive: this.getValue(d, this.state.props.isactive),\n data: d,\n childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null\n } as NavigationDataItem;\n });\n }\n this.updateState({dataItems: dataItems} as S);\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n switch (name) {\n case 'dataset':\n this.setDataItems($new);\n break;\n case 'itemlabel':\n case 'itemicon':\n case 'itemlink':\n case 'itemchildren':\n this.setDataItems();\n break;\n }\n }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/navigation/navitem/navitem.component.js RENAMED Viewed

@@ -20,7 +20,7 @@ export default class WmNavItem extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());
   }
   onSelectItem(cb, $item, $event) {
-    cb && cb($event, this, $item);
+    cb && cb($event, this, $item === null || $item === void 0 ? void 0 : $item.data);
   }
   renderWidget(props) {
     const getDisplayLabel = this.props.getDisplayExpression || (label => label);

package/components/navigation/navitem/navitem.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","View","TouchableOpacity","BaseComponent","BaseComponentState","WmAnchor","WmIcon","WmNavItemProps","DEFAULT_CLASS","WmNavItemState","constructor","arguments","_defineProperty","WmNavItem","props","onSelectItem","cb","$item","$event","data","renderWidget","getDisplayLabel","getDisplayExpression","label","child","children","view","createElement","styles","navAnchorItem","caption","item","hyperlink","link","badgevalue","badge","iconclass","icon","onTap","bind","onSelect","Fragment","onPress","updateState","collapsed","state","style","dropdownNav","caretIcon","root","_background"],"sources":["navitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmNavItemProps from './navitem.props';\nimport { DEFAULT_CLASS, WmNavItemStyles } from './navitem.styles';\nimport { NavigationDataItem } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport { TapEvent } from \"@wavemaker/app-rn-runtime/core/tappable.component\";\n\nexport class WmNavItemState extends BaseComponentState<WmNavItemProps> {\n collapsed = true;\n}\n\nexport default class WmNavItem extends BaseComponent<WmNavItemProps, WmNavItemState, WmNavItemStyles> {\n\n constructor(props: WmNavItemProps) {\n super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());\n }\n\n onSelectItem(cb: any, $item: NavigationDataItem, $event: TapEvent) {\n cb && cb($event, this, $item?.data);\n }\n\n renderWidget(props: WmNavItemProps) {\n const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n let child = props.children;\n if (props.view === 'anchor') {\n child = <WmAnchor styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} hyperlink={props.item.link}\n badgevalue={props.item.badge} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n }\n if (props.view === 'dropdown') {\n child = (\n <>\n <TouchableOpacity onPress={() => {\n this.updateState({collapsed: !this.state.collapsed} as WmNavItemState);\n }}>\n <View style={this.styles.dropdownNav}>\n <WmAnchor styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n <WmIcon styles={this.styles.caretIcon} iconclass={this.state.collapsed ? 'fa fa-sort-down' : 'fa fa-sort-up'}></WmIcon>\n </View>\n </TouchableOpacity>\n {!this.state.collapsed && props.children}\n </>\n );\n }\n return (\n <View style={this.styles.root}>{this._background}{child}</View>\n );\n }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB,QAAQ,8BAA8B;AAE/D,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAIjE,OAAO,MAAMC,cAAc,SAASL,kBAAkB,CAAiB;EAAAM,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACzD,IAAI;EAAA;AAClB;AAEA,eAAe,MAAMC,SAAS,SAASV,aAAa,CAAkD;EAEpGO,WAAWA,CAACI,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,EAAE,IAAIE,cAAc,CAAC,CAAC,CAAC;EACzE;EAEAM,YAAYA,CAACC,EAAO,EAAEC,KAAyB,EAAEC,MAAgB,EAAE;IACjEF,EAAE,IAAIA,EAAE,CAACE,MAAM,EAAE,IAAI,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,IAAI,CAAC;EACrC;EAEAC,YAAYA,CAACN,KAAqB,EAAE;IAClC,MAAMO,eAAe,GAAG,IAAI,CAACP,KAAK,CAACQ,oBAAoB,KAAMC,KAAa,IAAKA,KAAK,CAAC;IACrF,IAAIC,KAAK,GAAGV,KAAK,CAACW,QAAQ;IAC1B,IAAIX,KAAK,CAACY,IAAI,KAAK,QAAQ,EAAE;MAC3BF,KAAK,gBAAGxB,KAAA,CAAA2B,aAAA,CAACtB,QAAQ;QAACuB,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,aAAc;QAACC,OAAO,EAAET,eAAe,CAACP,KAAK,CAACiB,IAAI,CAACR,KAAK,CAAE;QAACS,SAAS,EAAElB,KAAK,CAACiB,IAAI,CAACE,IAAK;QACjHC,UAAU,EAAEpB,KAAK,CAACiB,IAAI,CAACI,KAAM;QAACC,SAAS,EAAEtB,KAAK,CAACiB,IAAI,CAACM,IAAK;QAACC,KAAK,EAAE,IAAI,CAACvB,YAAY,CAACwB,IAAI,CAAC,IAAI,EAAEzB,KAAK,CAAC0B,QAAQ,EAAE1B,KAAK,CAACiB,IAAI;MAAE,CAAW,CAAC;IACnJ;IACA,IAAIjB,KAAK,CAACY,IAAI,KAAK,UAAU,EAAE;MAC7BF,KAAK,gBACHxB,KAAA,CAAA2B,aAAA,CAAA3B,KAAA,CAAAyC,QAAA,qBACAzC,KAAA,CAAA2B,aAAA,CAACzB,gBAAgB;QAACwC,OAAO,EAAEA,CAAA,KAAM;UAC/B,IAAI,CAACC,WAAW,CAAC;YAACC,SAAS,EAAE,CAAC,IAAI,CAACC,KAAK,CAACD;UAAS,CAAmB,CAAC;QACxE;MAAE,gBACA5C,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;QAAC6C,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACmB;MAAY,gBACnC/C,KAAA,CAAA2B,aAAA,CAACtB,QAAQ;QAACuB,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,aAAc;QAACC,OAAO,EAAET,eAAe,CAACP,KAAK,CAACiB,IAAI,CAACR,KAAK,CAAE;QAACa,SAAS,EAAEtB,KAAK,CAACiB,IAAI,CAACM,IAAK;QAACC,KAAK,EAAE,IAAI,CAACvB,YAAY,CAACwB,IAAI,CAAC,IAAI,EAAEzB,KAAK,CAAC0B,QAAQ,EAAE1B,KAAK,CAACiB,IAAI;MAAE,CAAW,CAAC,eACjM/B,KAAA,CAAA2B,aAAA,CAACrB,MAAM;QAACsB,MAAM,EAAE,IAAI,CAACA,MAAM,CAACoB,SAAU;QAACZ,SAAS,EAAE,IAAI,CAACS,KAAK,CAACD,SAAS,GAAG,iBAAiB,GAAG;MAAgB,CAAS,CAClH,CACU,CAAC,EAClB,CAAC,IAAI,CAACC,KAAK,CAACD,SAAS,IAAI9B,KAAK,CAACW,QAC9B,CACH;IACH;IACA,oBACEzB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;MAAC6C,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACqB;IAAK,GAAE,IAAI,CAACC,WAAW,EAAE1B,KAAY,CAAC;EAEnE;AACF"}

package/core/change.queue.js ADDED Viewed

@@ -0,0 +1,26 @@
+const queue = [];
+let timerId;
+export const flush = () => {
+  queue.forEach(fn => {
+    fn && fn();
+  });
+  queue.length = 0;
+};
+export const add = fn => {
+  if (!timerId) {
+    timerId = setTimeout(() => {
+      timerId = undefined;
+      flush();
+    });
+  }
+  queue.push(fn);
+  return () => {
+    const i = queue.indexOf(fn);
+    return i >= 0 ? queue.splice(i, 1)[0] : null;
+  };
+};
+export default {
+  add: add,
+  flush: flush
+};
+//# sourceMappingURL=change.queue.js.map

package/core/change.queue.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["queue","timerId","flush","forEach","fn","length","add","setTimeout","undefined","push","i","indexOf","splice"],"sources":["change.queue.ts"],"sourcesContent":["const queue: Function[] = [];\nlet timerId: any;\nexport const flush = () => {\n queue.forEach(fn => {\n fn && fn();\n });\n queue.length = 0;\n};\n\nexport const add = (fn: Function) => {\n if (!timerId) {\n timerId = setTimeout(() => {\n timerId = undefined;\n flush();\n });\n }\n queue.push(fn);\n return () => {\n const i = queue.indexOf(fn);\n return i >= 0 ? queue.splice(i, 1)[0] : null;\n };\n};\n\nexport default {\n add: add,\n flush: flush\n};"],"mappings":"AAAA,MAAMA,KAAiB,GAAG,EAAE;AAC5B,IAAIC,OAAY;AAChB,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvBF,KAAK,CAACG,OAAO,CAACC,EAAE,IAAI;IAChBA,EAAE,IAAIA,EAAE,CAAC,CAAC;EACd,CAAC,CAAC;EACFJ,KAAK,CAACK,MAAM,GAAG,CAAC;AACpB,CAAC;AAED,OAAO,MAAMC,GAAG,GAAIF,EAAY,IAAK;EACjC,IAAI,CAACH,OAAO,EAAE;IACVA,OAAO,GAAGM,UAAU,CAAC,MAAM;MACvBN,OAAO,GAAGO,SAAS;MACnBN,KAAK,CAAC,CAAC;IACX,CAAC,CAAC;EACN;EACAF,KAAK,CAACS,IAAI,CAACL,EAAE,CAAC;EACd,OAAO,MAAM;IACT,MAAMM,CAAC,GAAGV,KAAK,CAACW,OAAO,CAACP,EAAE,CAAC;IAC3B,OAAOM,CAAC,IAAI,CAAC,GAAGV,KAAK,CAACY,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;EAChD,CAAC;AACL,CAAC;AAED,eAAe;EACXJ,GAAG,EAAEA,GAAG;EACRJ,KAAK,EAAEA;AACX,CAAC"}

{app-rn-runtime → package}/core/imageSizeEstimator.js RENAMED Viewed

@@ -29,6 +29,10 @@ class ImageSizeEstimator {
     }, () => this.requests.delete(imgSrc));
   }
   getSize(imgSrc, onComplete) {
+    if (!imgSrc) {
+      setTimeout(() => onComplete(0, 0), 100);
+      return () => {};
+    }
     const requestId = imgSrc;
     const request = this.createRequest(requestId, onComplete);
     if (this.requests.has(requestId)) {

package/core/imageSizeEstimator.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["remove","Image","ImageSizeEstimator","constructor","_defineProperty","Map","createRequest","requestId","onComplete","request","cancel","requests","has","get","getImageSize","imgSrc","getSize","width","height","reqs","map","req","delete","setTimeout","_this$requests$get","push","reqQueue","set"],"sources":["imageSizeEstimator.ts"],"sourcesContent":["import { remove } from \"lodash-es\";\nimport { Image } from \"react-native\";\n\ninterface Request {\n onComplete: (width: number, height: number) => void\n cancel : () => void\n}\n\nclass ImageSizeEstimator {\n requestId = 1;\n \n requests: Map<String, Request[]> = new Map<string, Request[]>();\n\n private createRequest(requestId: string, onComplete: (width: number, height: number) => void) {\n const request = {} as Request;\n request.onComplete = onComplete,\n request.cancel = () => {\n if (this.requests.has(requestId)) {\n remove(this.requests.get(requestId) || [], request);\n }\n };\n return request;\n }\n\n private getImageSize(imgSrc: string) {\n Image.getSize(imgSrc, (width: number, height: number) => {\n const reqs = this.requests.get(imgSrc);\n if (reqs) {\n reqs.map(req => {\n req.onComplete && req.onComplete(width, height);\n });\n this.requests.delete(imgSrc);\n }\n }, () => this.requests.delete(imgSrc));\n }\n \n getSize(imgSrc: string, onComplete: (width: number, height: number) => void) {\n if (!imgSrc) {\n setTimeout(() => onComplete(0, 0), 100);\n return () => {};\n }\n const requestId = imgSrc;\n const request = this.createRequest(requestId, onComplete);\n if (this.requests.has(requestId)) {\n this.requests.get(requestId)?.push(request);\n } else {\n const reqQueue = [] as Request[];\n this.requests.set(requestId, reqQueue);\n reqQueue.push(request)\n this.getImageSize(requestId);\n }\n return request.cancel;\n }\n }\n \nexport default new ImageSizeEstimator();"],"mappings":";;;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,cAAc;AAOpC,MAAMC,kBAAkB,CAAC;EAAAC,YAAA;IAAAC,eAAA,oBACT,CAAC;IAAAA,eAAA,mBAEsB,IAAIC,GAAG,CAAoB,CAAC;EAAA;EAEvDC,aAAaA,CAACC,SAAiB,EAAEC,UAAmD,EAAE;IAC5F,MAAMC,OAAO,GAAG,CAAC,CAAY;IAC7BA,OAAO,CAACD,UAAU,GAAGA,UAAU,EAC/BC,OAAO,CAACC,MAAM,GAAG,MAAM;MACnB,IAAI,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;QAChCP,MAAM,CAAC,IAAI,CAACW,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,IAAI,EAAE,EAAEE,OAAO,CAAC;MACrD;IACJ,CAAC;IACD,OAAOA,OAAO;EAChB;EAEQK,YAAYA,CAACC,MAAc,EAAE;IACnCd,KAAK,CAACe,OAAO,CAACD,MAAM,EAAE,CAACE,KAAa,EAAEC,MAAc,KAAK;MACvD,MAAMC,IAAI,GAAG,IAAI,CAACR,QAAQ,CAACE,GAAG,CAACE,MAAM,CAAC;MACtC,IAAII,IAAI,EAAE;QACRA,IAAI,CAACC,GAAG,CAACC,GAAG,IAAI;UACdA,GAAG,CAACb,UAAU,IAAIa,GAAG,CAACb,UAAU,CAACS,KAAK,EAAEC,MAAM,CAAC;QACjD,CAAC,CAAC;QACF,IAAI,CAACP,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC;MAC9B;IACF,CAAC,EAAE,MAAM,IAAI,CAACJ,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC,CAAC;EACxC;EAEAC,OAAOA,CAACD,MAAc,EAAEP,UAAmD,EAAE;IAC3E,IAAI,CAACO,MAAM,EAAE;MACXQ,UAAU,CAAC,MAAMf,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;MACvC,OAAO,MAAM,CAAC,CAAC;IACjB;IACA,MAAMD,SAAS,GAAGQ,MAAM;IACxB,MAAMN,OAAO,GAAG,IAAI,CAACH,aAAa,CAACC,SAAS,EAAEC,UAAU,CAAC;IACzD,IAAI,IAAI,CAACG,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;MAAA,IAAAiB,kBAAA;MAChC,CAAAA,kBAAA,OAAI,CAACb,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,cAAAiB,kBAAA,uBAA5BA,kBAAA,CAA8BC,IAAI,CAAChB,OAAO,CAAC;IAC7C,CAAC,MAAM;MACL,MAAMiB,QAAQ,GAAG,EAAe;MAChC,IAAI,CAACf,QAAQ,CAACgB,GAAG,CAACpB,SAAS,EAAEmB,QAAQ,CAAC;MACtCA,QAAQ,CAACD,IAAI,CAAChB,OAAO,CAAC;MACtB,IAAI,CAACK,YAAY,CAACP,SAAS,CAAC;IAC9B;IACA,OAAOE,OAAO,CAACC,MAAM;EACvB;AACF;AAEF,eAAe,IAAIR,kBAAkB,CAAC,CAAC"}

{app-rn-runtime → package}/gestures/swipe.animation.js RENAMED Viewed

@@ -13,6 +13,7 @@ export class Handlers {
     _defineProperty(this, "onAnimation", () => {});
     _defineProperty(this, "onLower", () => {});
     _defineProperty(this, "onUpper", () => {});
+    _defineProperty(this, "computePhase", null);
   }
 }
 export class Props {
@@ -37,6 +38,7 @@ export class View extends React.Component {
     super(props);
     _defineProperty(this, "gesture", Gesture.Pan());
     _defineProperty(this, "position", new Animated.Value(0));
+    _defineProperty(this, "animationPhase", new Animated.Value(0));
     _defineProperty(this, "i18nService", injector.I18nService.get());
     this.state = {
       isHorizontal: props.direction === 'horizontal',
@@ -46,7 +48,15 @@ export class View extends React.Component {
     this.gesture.maxPointers(1).minDistance(this.state.threshold).enabled(this.props.enableGestures && !isWebPreviewMode()).onChange(e => {
       var _this$props$handlers, _this$props$handlers2;
       const bounds = ((_this$props$handlers = this.props.handlers) === null || _this$props$handlers === void 0 ? void 0 : _this$props$handlers.bounds) && ((_this$props$handlers2 = this.props.handlers) === null || _this$props$handlers2 === void 0 ? void 0 : _this$props$handlers2.bounds(e)) || {};
-      this.position.setValue((this.isRTL() ? -(bounds === null || bounds === void 0 ? void 0 : bounds.center) : (bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0) + (this.state.isHorizontal ? e.translationX : e.translationY));
+      const d = this.state.isHorizontal ? e.translationX : e.translationY;
+      let phase = this.computePhase((bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0);
+      if (d && d < 0 && !isNil(bounds.center) && !isNil(bounds.lower) && bounds.center !== bounds.lower) {
+        phase += d / (bounds.center - bounds.lower) || 0;
+      } else if (d && d > 0 && !isNil(bounds.center) && !isNil(bounds.upper) && bounds.center !== bounds.upper) {
+        phase += d / (bounds.upper - bounds.center) || 0;
+      }
+      this.animationPhase.setValue(phase);
+      this.position.setValue((this.isRTL() ? -(bounds === null || bounds === void 0 ? void 0 : bounds.center) : (bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0) + d);
     }).onEnd(e => {
       var _this$props$handlers3, _this$props$handlers4;
       ((_this$props$handlers3 = this.props.handlers) === null || _this$props$handlers3 === void 0 ? void 0 : _this$props$handlers3.onAnimation) && ((_this$props$handlers4 = this.props.handlers) === null || _this$props$handlers4 === void 0 ? void 0 : _this$props$handlers4.onAnimation(e));
@@ -57,23 +67,31 @@ export class View extends React.Component {
       }
     });
   }
+  computePhase(value) {
+    var _this$props$handlers5, _this$props$handlers6;
+    return ((_this$props$handlers5 = this.props.handlers) === null || _this$props$handlers5 === void 0 ? void 0 : _this$props$handlers5.computePhase) && ((_this$props$handlers6 = this.props.handlers) === null || _this$props$handlers6 === void 0 ? void 0 : _this$props$handlers6.computePhase(value)) || 0;
+  }
   isRTL() {
     return this.i18nService.isRTLLocale();
   }
   goToLower(e) {
-    var _this$props$handlers5, _this$props$handlers6;
-    const bounds = ((_this$props$handlers5 = this.props.handlers) === null || _this$props$handlers5 === void 0 ? void 0 : _this$props$handlers5.bounds) && ((_this$props$handlers6 = this.props.handlers) === null || _this$props$handlers6 === void 0 ? void 0 : _this$props$handlers6.bounds(e)) || {};
+    var _this$props$handlers7, _this$props$handlers8;
+    const bounds = ((_this$props$handlers7 = this.props.handlers) === null || _this$props$handlers7 === void 0 ? void 0 : _this$props$handlers7.bounds) && ((_this$props$handlers8 = this.props.handlers) === null || _this$props$handlers8 === void 0 ? void 0 : _this$props$handlers8.bounds(e)) || {};
     this.setPosition(bounds.lower).then(() => {
-      var _this$props$handlers7, _this$props$handlers8;
-      ((_this$props$handlers7 = this.props.handlers) === null || _this$props$handlers7 === void 0 ? void 0 : _this$props$handlers7.onLower) && ((_this$props$handlers8 = this.props.handlers) === null || _this$props$handlers8 === void 0 ? void 0 : _this$props$handlers8.onLower(e));
+      if (!isNil(bounds.lower) && bounds.center !== bounds.lower) {
+        var _this$props$handlers9, _this$props$handlers10;
+        ((_this$props$handlers9 = this.props.handlers) === null || _this$props$handlers9 === void 0 ? void 0 : _this$props$handlers9.onLower) && ((_this$props$handlers10 = this.props.handlers) === null || _this$props$handlers10 === void 0 ? void 0 : _this$props$handlers10.onLower(e));
+      }
     });
   }
   goToUpper(e) {
-    var _this$props$handlers9, _this$props$handlers10;
-    const bounds = ((_this$props$handlers9 = this.props.handlers) === null || _this$props$handlers9 === void 0 ? void 0 : _this$props$handlers9.bounds) && ((_this$props$handlers10 = this.props.handlers) === null || _this$props$handlers10 === void 0 ? void 0 : _this$props$handlers10.bounds(e)) || {};
+    var _this$props$handlers11, _this$props$handlers12;
+    const bounds = ((_this$props$handlers11 = this.props.handlers) === null || _this$props$handlers11 === void 0 ? void 0 : _this$props$handlers11.bounds) && ((_this$props$handlers12 = this.props.handlers) === null || _this$props$handlers12 === void 0 ? void 0 : _this$props$handlers12.bounds(e)) || {};
     this.setPosition(bounds.upper).then(() => {
-      var _this$props$handlers11, _this$props$handlers12;
-      ((_this$props$handlers11 = this.props.handlers) === null || _this$props$handlers11 === void 0 ? void 0 : _this$props$handlers11.onUpper) && ((_this$props$handlers12 = this.props.handlers) === null || _this$props$handlers12 === void 0 ? void 0 : _this$props$handlers12.onUpper(e));
+      if (!isNil(bounds.upper) && bounds.center !== bounds.upper) {
+        var _this$props$handlers13, _this$props$handlers14;
+        ((_this$props$handlers13 = this.props.handlers) === null || _this$props$handlers13 === void 0 ? void 0 : _this$props$handlers13.onUpper) && ((_this$props$handlers14 = this.props.handlers) === null || _this$props$handlers14 === void 0 ? void 0 : _this$props$handlers14.onUpper(e));
+      }
     });
   }
   setPosition(value) {
@@ -81,12 +99,17 @@ export class View extends React.Component {
       return Promise.reject();
     }
     return new Promise(resolve => {
-      Animated.timing(this.position, {
+      Animated.parallel([Animated.timing(this.animationPhase, {
+        useNativeDriver: true,
+        toValue: this.computePhase(value),
+        duration: 200,
+        easing: Easing.out(Easing.linear)
+      }), Animated.timing(this.position, {
         useNativeDriver: true,
         toValue: this.isRTL() ? -value : value,
         duration: 200,
         easing: Easing.out(Easing.linear)
-      }).start(resolve);
+      })]).start(resolve);
     });
   }
   render() {

package/gestures/swipe.animation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["isNil","React","Animated","Easing","Gesture","GestureDetector","isWebPreviewMode","injector","Handlers","constructor","_defineProperty","Props","State","View","Component","props","Pan","Value","I18nService","get","state","isHorizontal","direction","threshold","bounds","gesture","maxPointers","minDistance","enabled","enableGestures","onChange","e","_this$props$handlers","_this$props$handlers2","handlers","d","translationX","translationY","phase","computePhase","center","lower","upper","animationPhase","setValue","position","isRTL","onEnd","_this$props$handlers3","_this$props$handlers4","onAnimation","goToLower","goToUpper","value","_this$props$handlers5","_this$props$handlers6","i18nService","isRTLLocale","_this$props$handlers7","_this$props$handlers8","setPosition","then","_this$props$handlers9","_this$props$handlers10","onLower","_this$props$handlers11","_this$props$handlers12","_this$props$handlers13","_this$props$handlers14","onUpper","Promise","reject","resolve","parallel","timing","useNativeDriver","toValue","duration","easing","out","linear","start","render","createElement","style","transform","translateX","translateY","children"],"sources":["swipe.animation.tsx"],"sourcesContent":["import { isNil } from 'lodash-es';\nimport React from 'react';\nimport { Animated, Easing, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector, GestureUpdateEvent } from 'react-native-gesture-handler';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport class Handlers {\n bounds?: (g: GestureUpdateEvent<any>) => Bounds = null as any;\n onAnimation?: (g: GestureUpdateEvent<any>) => any = () => {};\n onLower?: (g: GestureUpdateEvent<any>) => any = () => {};\n onUpper?: (g: GestureUpdateEvent<any>) => any = () => {};\n computePhase?: (value: number) => number = null as any;\n}\n\nexport interface Bounds {\n upper?: number;\n center?: number;\n lower?: number;\n}\n\nexport class Props {\n threshold?: number = 30;\n direction?: 'horizontal' | 'vertical' = 'horizontal';\n handlers?: Handlers = {} as any;\n style?: ViewStyle = {} as any;\n children: any;\n enableGestures: any;\n}\n\nexport class State {\n threshold = 30;\n isHorizontal = false;\n bounds: Bounds = {} as any;\n}\n\nexport class View extends React.Component<Props, State> {\n\n private gesture = Gesture.Pan();\n private position = new Animated.Value(0);\n public animationPhase = new Animated.Value(0);\n private i18nService = injector.I18nService.get();\n\n constructor(props: Props) {\n super(props);\n this.state = {\n isHorizontal: props.direction === 'horizontal',\n threshold: props.threshold || 30,\n bounds: {} as any\n } as State;\n this.gesture\n .maxPointers(1)\n .minDistance(this.state.threshold)\n .enabled(this.props.enableGestures && !isWebPreviewMode())\n .onChange(e => {\n const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n const d = (this.state.isHorizontal ? e.translationX : e.translationY);\n let phase = this.computePhase(bounds?.center || 0);\n if (d && d < 0 && !isNil(bounds.center) && !isNil(bounds.lower)\n && bounds.center !== bounds.lower) {\n phase += (d / (bounds.center - bounds.lower)) || 0;\n } else if (d && d > 0 && !isNil(bounds.center) && !isNil(bounds.upper)\n && bounds.center !== bounds.upper) {\n phase += (d / (bounds.upper - bounds.center)) || 0;\n }\n this.animationPhase.setValue(phase);\n this.position.setValue(\n (this.isRTL()?-bounds?.center! :bounds?.center || 0) + d);\n })\n .onEnd(e => {\n this.props.handlers?.onAnimation && \n this.props.handlers?.onAnimation(e);\n if (e.translationX < 0) {\n this.isRTL()?this.goToLower(e):this.goToUpper(e);\n } else if (e.translationX > 0) {\n this.isRTL()?this.goToUpper(e):this.goToLower(e);\n }\n })\n\n }\n\n computePhase(value: number) {\n return (this.props.handlers?.computePhase && \n this.props.handlers?.computePhase(value)) || 0;\n }\n\n isRTL(){\n return this.i18nService.isRTLLocale();\n }\n\n goToLower(e?: any) {\n const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n this.setPosition(bounds.lower)\n .then(() => {\n if (!isNil(bounds.lower) && bounds.center !== bounds.lower) {\n this.props.handlers?.onLower && \n this.props.handlers?.onLower(e);\n }\n });\n }\n\n goToUpper(e?: any) {\n const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n this.setPosition(bounds.upper)\n .then(() => {\n if (!isNil(bounds.upper) && bounds.center !== bounds.upper) {\n this.props.handlers?.onUpper && \n this.props.handlers?.onUpper(e);\n }\n });\n }\n \n setPosition(value: number | undefined) {\n if (isNil(value)) {\n return Promise.reject();\n }\n return new Promise((resolve) => {\n Animated.parallel([\n Animated.timing(this.animationPhase, {\n useNativeDriver: true,\n toValue: this.computePhase(value),\n duration: 200,\n easing: Easing.out(Easing.linear)\n }),\n Animated.timing(this.position, {\n useNativeDriver: true,\n toValue: this.isRTL()?-value:value,\n duration: 200,\n easing: Easing.out(Easing.linear)\n })\n ]).start(resolve);\n });\n }\n\n public render() {\n return (\n //@ts-ignore\n <GestureDetector gesture={this.gesture}>\n <Animated.View style={[\n this.props.style, \n {\n transform: this.state.isHorizontal ? [{\n translateX: this.position\n }] : [{\n translateY: this.position\n }]\n }]}>\n {this.props.children}\n </Animated.View>\n </GestureDetector>\n );\n }\n\n}"],"mappings":"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"}

{app-rn-runtime → package}/package.json RENAMED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.4.1-next.25742",
+  "version": "11.4.1-patch.5",
   "description": "''",
   "main": "index",
   "module": "index",
@@ -49,7 +49,7 @@
     "@react-navigation/native": "6.1.7",
     "@react-navigation/stack": "^6.3.7",
     "@types/lodash-es": "^4.17.6",
-    "@wavemaker/variables": "11.4.1-next.25742",
+    "@wavemaker/variables": "11.4.1-patch.5",
     "axios": "^1.4.0",
     "color": "4.2.3",
     "cross-env": "^5.2.0",
@@ -127,7 +127,7 @@
     "typescript": "^5.1.3",
     "victory-native": "36.6.11",
     "yargs": "^16.2.0",
-    "@wavemaker/variables": "11.4.1-next.25742"
+    "@wavemaker/variables": "1.0.0-dev"
   },
   "jest": {
     "preset": "react-native",

package/styles/fdfd.css ADDED Viewed

@@ -0,0 +1,56 @@
+.app-label {
+    align-content: flex-start;
+    align-items: flex-start;
+    align-self: flex-start;
+    backface-visibility: hidden;
+    background-color: #000;
+    border-bottom-width: 32px;
+    border-left-width: 32px;
+    border-right-width: 32px;
+    border-top-width: 32px;
+    border-top-left-width: 4px;
+    border-top-right-width: 4px;
+    border-bottom-left-width: 4px;
+    border-bottom-left-width: 4px;
+    border-color: #fff;
+    border-top-color: red;
+    border-right-color: green;
+    border-bottom-color: yellow;
+    border-left-color: blue;
+    border-radius: 4px;
+    border-style: solid;
+    border-width: 8px;
+    border: 2px dashed #333;
+    box-shadow: 1px 1px 2px #333;
+    bottom: 12px;
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    flex-grow: 1;
+    flex-shrink: 1;
+    flex-wrap: wrap;
+    height: 32px;
+    justify-content: flex-start;
+    left: 8px;
+    margin: 12px;
+    margin-bottom: 4px;
+    margin-left: 8px;
+    margin-right: 8px;
+    margin-top: 8px;
+    max-height: 120px;
+    min-height: 32px;
+    max-width: 180px;
+    min-width: 20px;
+    opacity: 1;
+    overflow: hidden;
+    padding: 4px;
+    padding-bottom: 8px;
+    padding-left: 4px;
+    padding-right: 6px;
+    padding-top: 2px;
+    position: absolute;
+    right: 12px;
+    top: 8px;
+    width: 240px;
+    z-index: 2;
+}

{app-rn-runtime → package}/styles/theme.js RENAMED Viewed

@@ -2,7 +2,7 @@ var _class;
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { cloneDeep, forEach, flatten, isArray, isEmpty, isObject, isString, get, reverse } from 'lodash';
+import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, get, reverse } from 'lodash';
 import React from 'react';
 import { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
 import EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';
@@ -127,6 +127,20 @@ export class Theme {
     }
     return style;
   }
+  cleanseStyleProperties(style) {
+    if (!(style && isObject(style)) || isString(style) || isArray(style)) {
+      return;
+    }
+    style = style;
+    if (!isNil(style['shadowRadius'])) {
+      if (style['shadowRadius'] <= 0) {
+        style['shadowColor'] = 'transparent';
+      } else if (isNil(style['elevation'])) {
+        style['elevation'] = 2;
+      }
+    }
+    Object.keys(style).forEach((k, i) => this.cleanseStyleProperties(style[k]));
+  }
   getStyle(name) {
     let style = this.cache[name];
     if (style) {
@@ -143,6 +157,7 @@ export class Theme {
       let clonedStyle = {};
       if (!mediaQuery || matchMedia(mediaQuery).matches) {
         clonedStyle = cloneDeep(this.styles[name]);
+        this.cleanseStyleProperties(clonedStyle);
       }
       if (this !== Theme.BASE && isWebPreviewMode()) {
         this.checkStyleProperties('', clonedStyle);