@wavemaker/app-rn-runtime 11.4.2-next.25745 → 11.4.2-next.25746

app-rn-runtime/components/input/radioset/radioset.component.js.map

@@ -1 +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","displayText","displayexp","displayfield","createElement","style","styles","radioHead","key","Android","state","datafield","getItemKey","color","root","uncheckedColor","disabled","readonly","radioLabel","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","Group","bind","datavalue","group","renderWidget","dataItems","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } 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) {\n    const displayText = item.displayexp || item.displayfield;\n    return (\n      <View style={this.styles.radioHead} 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    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)): 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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,oBAAoB;AAEhD,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAA0B,mBAAmB;AACnE,SACEC,oBAAoB,EACpBC,gBAAgB,QACX,8EAA8E;AAGrF,OAAO,MAAMC,eAAe,SAASD,gBAAgB,CAAkB;AAGvE,eAAe,MAAME,UAAU,SAASH,oBAAoB,CAAqD;EAE/GI,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,CAAC;EACpD;EAEAQ,OAAOA,CAACC,KAAU,EAAE;IAClB,IAAI,CAACC,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACrD,IAAI,CAACC,aAAa,CAACH,KAAK,CAAC;EAC3B;EAEAI,WAAWA,CAACC,IAAS,EAAEC,KAAU,EAAE;IACjC,MAAMC,WAAW,GAAGF,IAAI,CAACG,UAAU,IAAIH,IAAI,CAACI,YAAY;IACxD,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,SAAU;MAACC,GAAG,EAAET,IAAI,CAACS;IAAI,gBAC9C3B,KAAA,CAAAuB,aAAA,CAACpB,WAAW,CAACyB,OAAO;MAClBf,KAAK,EAAE,IAAI,CAACgB,KAAK,CAAClB,KAAK,CAACmB,SAAS,KAAK,YAAY,GAAG,IAAI,CAACC,UAAU,CAACb,IAAI,CAACY,SAAS,CAAC,GAAGZ,IAAI,CAACY,SAAU;MACtGE,KAAK,EAAE,IAAI,CAACP,MAAM,CAACQ,IAAI,CAACD,KAAgB;MACxCE,cAAc,EAAE,IAAI,CAACT,MAAM,CAACQ,IAAI,CAACD,KAAgB;MACjDG,QAAQ,EAAE,IAAI,CAACN,KAAK,CAAClB,KAAK,CAACyB,QAAQ,IAAI,IAAI,CAACP,KAAK,CAAClB,KAAK,CAACwB;IAAS,CAClE,CAAC,eACFnC,KAAA,CAAAuB,aAAA,CAACrB,IAAI;MAACsB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACY;IAAW,GAAEjB,WAAkB,CACxD,CAAC;EACT;EAEAkB,aAAaA,CAAA,EAAG;IACd,MAAMC,WAAW,GAAG,IAAI,CAACV,KAAK,CAACU,WAAW;IAC1C,oBACEvC,KAAA,CAAAuB,aAAA,CAACtB,IAAI,QACFsC,WAAW,IAAIA,WAAW,CAACC,MAAM,GAC9BD,WAAW,CAACE,GAAG,CAAC,CAACC,QAAa,EAAEvB,KAAU,KAAK;MAC/C,oBACEnB,KAAA,CAAAuB,aAAA,CAACtB,IAAI;QAAC0B,GAAG,EAAEe,QAAQ,CAACf;MAAI,gBACtB3B,KAAA,CAAAuB,aAAA,CAACrB,IAAI;QAACsB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACkB;MAAiB,GAAED,QAAQ,CAACf,GAAU,CAAC,EAC/D,IAAI,CAACiB,kBAAkB,CAACF,QAAQ,CAACG,IAAI,CAClC,CAAC;IACX,CAAC,CAAC,GACA,IACA,CAAC;EAEX;EAEAD,kBAAkBA,CAACE,KAAU,EAAE;IAC7B,MAAMnC,KAAK,GAAG,IAAI,CAACkB,KAAK,CAAClB,KAAK;IAC9B,oBAAOX,KAAA,CAAAuB,aAAA,CAACpB,WAAW,CAAC4C,KAAK;MAAC/B,aAAa,EAAE,IAAI,CAACJ,OAAO,CAACoC,IAAI,CAAC,IAAI,CAAE;MAACnC,KAAK,EAAE,IAAI,CAACgB,KAAK,CAAClB,KAAK,CAACmB,SAAS,KAAK,YAAY,GAAE,IAAI,CAACC,UAAU,CAACpB,KAAK,CAACsC,SAAS,CAAC,GAAGtC,KAAK,CAACsC;IAAU,gBACvKjD,KAAA,CAAAuB,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACyB;IAAM,GAC5BJ,KAAK,IAAIA,KAAK,CAACN,MAAM,GACpBM,KAAK,CAACL,GAAG,CAAC,CAACvB,IAAS,EAAEC,KAAU,KAAK,IAAI,CAACF,WAAW,CAACC,IAAI,EAAEC,KAAK,CAAC,CAAC,GAAE,IACnE,CACW,CAAC;EACtB;EAEAgC,YAAYA,CAACxC,KAAsB,EAAE;IACnC,MAAMmC,KAAK,GAAG,IAAI,CAACjB,KAAK,CAACuB,SAAS;IAClC,oBACIpD,KAAA,CAAAuB,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACQ;IAAK,GAC3BtB,KAAK,CAAC0C,OAAO,IAAI,IAAI,CAACf,aAAa,CAAC,CAAC,EACrC,CAAC3B,KAAK,CAAC0C,OAAO,IAAI,IAAI,CAACT,kBAAkB,CAACE,KAAK,CAC5C,CAAC;EAEb;AACF"}
+{"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/components/input/radioset/radioset.props.js

@@ -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

app-rn-runtime/components/input/radioset/radioset.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseDatasetProps","WmRadiosetProps","constructor","arguments","_defineProperty"],"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}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAEvG,eAAe,MAAMC,eAAe,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAC7C,8BAA8B;EAAA;AAC/C"}
+{"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/components/input/radioset/radioset.styles.js

@@ -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

app-rn-runtime/components/input/radioset/radioset.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","checkedColor","text","group","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","radioHead","flexDirection","alignContent","radioLabel","alignSelf","labelDefaultColor","skeleton","width","height","borderRadius","checkedDisabledColor","opacity","flexWrap","justifyContent"],"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      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 + '-row', '', {\n    group : {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      justifyContent:'space-between'\n    }\n  } as WmRadiosetStyles);\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,CAAC,CAAC;IACTC,gBAAgB,EAAE;MAChBC,eAAe,EAAET,cAAc,CAACU,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEf,cAAc,CAACgB;IAC7B,CAAa;IACbC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAa;IACbC,UAAU,EAAE;MACRC,SAAS,EAAE,QAAQ;MACnBN,UAAU,EAAEf,cAAc,CAACgB,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZP,KAAK,EAAEJ,cAAc,CAACsB;IAC1B,CAAa;IACbC,QAAQ,EAAE;MACRpB,IAAI,EAAE;QACJqB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFzB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLC,KAAK,EAAEJ,cAAc,CAAC2B,oBAAoB;MAC1CC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF3B,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCS,KAAK,EAAG;MACNW,aAAa,EAAE,KAAK;MACpBW,QAAQ,EAAE,MAAM;MAChBC,cAAc,EAAC;IACjB;EACF,CAAqB,CAAC;EAEtB7B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"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/components/navigation/basenav/basenav.component.js

@@ -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
         };
       });

app-rn-runtime/components/navigation/basenav/basenav.component.js.map

@@ -1 +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","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  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          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          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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"}
+{"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/components/navigation/navitem/navitem.component.js

@@ -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);

app-rn-runtime/components/navigation/navitem/navitem.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","TouchableOpacity","BaseComponent","BaseComponentState","WmAnchor","WmIcon","WmNavItemProps","DEFAULT_CLASS","WmNavItemState","constructor","arguments","_defineProperty","WmNavItem","props","onSelectItem","cb","$item","$event","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);\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":"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"}
+{"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":"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"}

app-rn-runtime/gestures/swipe.animation.js

@@ -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() {

app-rn-runtime/gestures/swipe.animation.js.map

@@ -1 +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","position","setValue","isRTL","center","translationX","translationY","onEnd","_this$props$handlers3","_this$props$handlers4","onAnimation","goToLower","goToUpper","i18nService","isRTLLocale","_this$props$handlers5","_this$props$handlers6","setPosition","lower","then","_this$props$handlers7","_this$props$handlers8","onLower","_this$props$handlers9","_this$props$handlers10","upper","_this$props$handlers11","_this$props$handlers12","onUpper","value","Promise","reject","resolve","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, I18nManager, Platform } 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}\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    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                this.position.setValue(\n                    (this.isRTL()?-bounds?.center! :bounds?.center || 0) +\n                    (this.state.isHorizontal ? e.translationX : e.translationY));\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    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                this.props.handlers?.onLower && \n                this.props.handlers?.onLower(e);\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                this.props.handlers?.onUpper && \n                this.props.handlers?.onUpper(e);\n            });\n    }\n    \n    setPosition(value: number | undefined) {\n        if (isNil(value)) {\n            return Promise.reject();\n        }\n        return new Promise((resolve) => {\n            Animated.timing(this.position, {\n                useNativeDriver: true,\n                toValue:  this.isRTL()?-value:value,\n                duration: 200,\n                easing: Easing.out(Easing.linear)\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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"}
+{"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.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.4.2-next.25745",
+  "version": "11.4.2-next.25746",
   "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.2-next.25745",
+    "@wavemaker/variables": "11.4.2-next.25746",
     "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.2-next.25745"
+    "@wavemaker/variables": "11.4.2-next.25746"
   },
   "jest": {
     "preset": "react-native",

app-rn-runtime/styles/theme.js

@@ -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);

app-rn-runtime/styles/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["cloneDeep","forEach","flatten","isArray","isEmpty","isObject","isString","get","reverse","React","deepCopy","isWebPreviewMode","EventNotifier","ViewPort","EVENTS","ViewPortEvents","MediaQueryList","ThemeVariables","getErrorMessage","getStyleReference","isValidStyleProp","DEFAULT_CLASS","window","matchMedia","query","DEVICE_BREAK_POINTS","ThemeEvent","Theme","constructor","parent","name","_defineProperty","traceEnabled","subscribe","event","fn","eventNotifer","notify","children","t","clearCache","cache","registerStyle","styleGenerators","push","INSTANCE","addStyle","bind","checkStyleProperties","value","Object","keys","map","k","console","log","extend","style","styles","getStyle","addTrace","styleName","mergedChildstyle","childStyle","parentStyle","v","__trace","prefix","arguments","length","undefined","result","collect","mergeStyle","_len","Array","_key","flattenStyles","s","cs","filter","indexOf","split","c","mediaQuery","clonedStyle","matches","BASE","$new","newTheme","reset","destroy","i","splice","themeVariables","CHANGE","_class","SIZE_CHANGE","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","addColStyles","device","minWidth","root","width","MIN_EXTRA_SMALL_DEVICE","MIN_SMALL_DEVICE","MIN_MEDIUM_DEVICE","MIN_LARGE_DEVICE","display","addDisplayStyles","maxWidth","MAX_LARGE_DEVICE","MAX_EXTRA_SMALL_DEVICE","MAX_SMALL_DEVICE","MAX_MEDIUM_DEVICE","addElevationClasses","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","transform","scale","backgroundColor","dangerColor","infoColor","primaryColor","successColor","warningColor","borderColor","text","userSelect"],"sources":["theme.tsx"],"sourcesContent":["import { cloneDeep, forEach, flatten, isArray, isEmpty, isObject, isString, isFunction, get, reverse } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { TextStyle, ViewStyle, ImageStyle, ImageBackground } from 'react-native';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';\nimport ViewPort, {EVENTS as ViewPortEvents} from '@wavemaker/app-rn-runtime/core/viewport';\nimport MediaQueryList from './MediaQueryList';\nimport ThemeVariables from './theme.variables';\nimport { getErrorMessage, getStyleReference, isValidStyleProp } from './style-prop.validator';\nexport const DEFAULT_CLASS = 'DEFAULT_CLASS';\n\ndeclare const matchMedia: any, window: any;\n\nif (typeof window !== \"undefined\") {\n    // @ts-ignore: does not properly extend MediaQueryList\n    window.matchMedia = (query: string) => new MediaQueryList(query);\n}\n\nexport const DEVICE_BREAK_POINTS = {\n    'MIN_EXTRA_SMALL_DEVICE' : '0px',\n    'MAX_EXTRA_SMALL_DEVICE' : '767px',\n    'MIN_SMALL_DEVICE' : '768px',\n    'MAX_SMALL_DEVICE' : '991px',\n    'MIN_MEDIUM_DEVICE' : '992px',\n    'MAX_MEDIUM_DEVICE' : '1199px',\n    'MIN_LARGE_DEVICE' : '1200px',\n    'MAX_LARGE_DEVICE' : '1000000px',\n};\n\nexport type styleGeneratorFn<T extends NamedStyles<any>> = (\n    themeVariables: ThemeVariables,\n    addStyle: (name: string, extend: string, style: T) => void) => void\n\nexport enum ThemeEvent {\n    CHANGE ='change'\n};\n\nexport class Theme {\n    public static BASE = new Theme(null as any, 'default');\n\n    static {\n        ViewPort.subscribe(ViewPortEvents.SIZE_CHANGE, () => {\n            Theme.BASE.reset();\n        });\n    }\n\n\n    private eventNotifer = new EventNotifier();\n\n    private children: Theme[] = [];\n\n    private styles: any = {};\n\n    private cache: any = {};\n\n    private traceEnabled = false;\n\n    private styleGenerators: styleGeneratorFn<any>[] = [];\n\n    private constructor(private parent:Theme, public readonly name: string) {\n        if (parent) {\n            this.traceEnabled = parent.traceEnabled;\n        } else {\n            this.traceEnabled = isWebPreviewMode();\n        }\n    }\n\n    public subscribe(event: ThemeEvent, fn: Function) {\n        return this.eventNotifer.subscribe(event, fn);\n    }\n\n    public notify(event: ThemeEvent): void {\n        this.eventNotifer.notify(event, []);\n        this.children.forEach(t => t.notify(event));\n    }\n\n    clearCache() {\n        this.cache = {};\n        this.children.forEach((t) => t.clearCache());\n    }\n\n    registerStyle<T extends NamedStyles<any>>(fn: styleGeneratorFn<T>) {\n        this.styleGenerators.push(fn);\n        fn(ThemeVariables.INSTANCE, this.addStyle.bind(this));\n    }\n\n    checkStyleProperties(name: string, value : any) {\n        if (isObject(value)) {\n            Object.keys(value).map((k) => this.checkStyleProperties(k, (value as any)[k]));\n        } else if(name && !isValidStyleProp(name, value)) {\n            console.log(\n                `%cInvalid Style property in ${this.name}: ${getErrorMessage(name, value)}`,\n                'background-color: #FF0000;font-weight: bold; color: #fff'\n            );\n            console.log(`Refer: ${getStyleReference(name)}`);\n        }\n    }\n\n    private addStyle<T extends NamedStyles<any>>(name: string, extend: string, style: T) {\n        this.styles[name] = deepCopy(this.getStyle(extend), this.styles[name], style);\n    }\n\n    private addTrace(styleName: string, mergedChildstyle: any, childStyle: any, parentStyle?: any) {\n        if (!this.traceEnabled) {\n            return;\n        }\n        let addTrace = !isEmpty(childStyle);\n        forEach(mergedChildstyle, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                addTrace = false;\n                this.addTrace(styleName + '.' + k, v, childStyle && childStyle[k], parentStyle && parentStyle[k])\n            }\n        });\n        if (addTrace) {\n            mergedChildstyle['__trace'] = [\n                {\n                    name: styleName,\n                    value: childStyle\n                },\n                ...(parentStyle?.__trace|| [])\n            ];\n        } else {\n            mergedChildstyle['__trace'] = [...(parentStyle?.__trace|| [])];\n        }\n    }\n\n    private flatten(style: any, prefix = \"\", result = {} as any) {\n        let collect = !isEmpty(style);\n        forEach(style, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                collect = false;\n                this.flatten(v, (prefix ?  prefix + '.' : '') + k, result)\n            }\n        });\n        if (collect) {\n            result[prefix] = style;\n        }\n        return result;\n    }\n\n    mergeStyle(...styles: any) {\n        const style = deepCopy(...styles);\n        if (this.traceEnabled) {\n            const flattenStyles = this.flatten(style);\n            Object.keys(flattenStyles).forEach(k => {\n                const s = flattenStyles[k];\n                s['__trace'] = flatten(reverse(styles.map((v: any) => {\n                    const cs = get(v, k);\n                    if (cs && cs.__trace) {\n                        return [...cs.__trace];\n                    }\n                    return [];\n                }).filter((t: any) => t.length > 0)));\n            });\n        }\n        return style;\n    }\n\n    getStyle(name: string) {\n        let style = this.cache[name];\n        if (style) {\n            return style;\n        }\n        if (!name) {\n            return {};\n        }\n        if (name.indexOf(' ') > 0) {\n            style = this.mergeStyle(...(name.split(' ').map(c => this.getStyle(c))));\n        } else {\n            const parentStyle = this.parent && this.parent.getStyle(name);\n            const mediaQuery = (this.styles[name] || {})['@media'];\n            let clonedStyle = {};\n            if (!mediaQuery || matchMedia(mediaQuery).matches) {\n                clonedStyle = cloneDeep(this.styles[name]);\n            }\n            if (this !== Theme.BASE && isWebPreviewMode()) {\n                this.checkStyleProperties('', clonedStyle);\n            }\n            style = deepCopy(parentStyle, clonedStyle);\n            this.addTrace(`@${this.name}:${name}`, style, clonedStyle, parentStyle);\n        }\n        this.cache[name] = style;\n        return style;\n    }\n\n    $new(name = \"\", styles = {} as NamedStyles<any>) {\n        const newTheme = new Theme(this, name);\n        newTheme.reset(styles);\n        this.children.push(newTheme);\n        return newTheme;\n    }\n\n    destroy() {\n        const i = this.parent.children.indexOf(this);\n        if (i >= 0) {\n            this.parent.children.splice(i, 1);\n        }\n    }\n\n    reset(styles?: NamedStyles<any>) {\n        this.styles = {};\n        this.clearCache();\n        if (styles) {\n            this.registerStyle((themeVariables, addStyle) => {\n                Object.keys(styles).forEach(k => {\n                    addStyle(k, '', styles[k] as any);\n                });\n            });\n        } else {\n            this.styleGenerators.forEach(fn => \n                fn(ThemeVariables.INSTANCE, this.addStyle.bind(this)));\n        }\n        this.notify(ThemeEvent.CHANGE);\n    }\n}\nexport default Theme.BASE;\nexport type NamedStyles<T> = { [P in keyof T]: AllStyle | NamedStyles<T>};\nexport type BackgroundImageStyle = {\n    backgroundImage: string,\n    backgroundPosition: string,\n    backgroundRepeat: string,\n    backgroundSize: string | number\n};\n\nexport type AllStyle = (ViewStyle & TextStyle & ImageStyle & {userSelect?: 'none'| 'text'});\n\nconst ThemeContext = React.createContext<Theme>(null as any);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n/**\n * Common styles\n */\n Theme.BASE.registerStyle((themeVariables, addStyle) => {\n    const addColStyles = (device: string, minWidth: string) => {\n        for(let i = 1; i <= 12; i++) {\n            addStyle(`col-${device}-${i}`, '', {\n                \"@media\": `(min-width: ${minWidth})`,\n                root: {\n                    width: (100 * i / 12) + '%'\n                }\n            } as any)\n        }\n    };\n    addColStyles('xs', DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE);\n    addColStyles('sm',  DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE);\n    addColStyles('md',  DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE);\n    addColStyles('lg',  DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE);\n\n    addStyle('d-none', '', {\n        root: {\n            display: 'none'\n        }\n    } as any);\n    addStyle('d-flex', '', {\n        root: {\n            display: 'flex'\n        }\n    } as any);\n\n    const addDisplayStyles = (device: string, minWidth: string, maxWidth: string) => {\n        addStyle(`d-${device}-none`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'none'\n            }\n        } as any);\n        addStyle(`d-${device}-flex`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'flex'\n            }\n        } as any);\n    };\n    addDisplayStyles('all', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n    addDisplayStyles('xs', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_EXTRA_SMALL_DEVICE);\n    addDisplayStyles('sm',   \n        DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_SMALL_DEVICE);\n    addDisplayStyles('md',   \n        DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_MEDIUM_DEVICE);\n    addDisplayStyles('lg',   \n        DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n\n    const addElevationClasses = () => {\n        for(let i = 1; i <= 10; i++) {\n            addStyle(`elevate${i}`, '', {\n                root : {\n                    shadowColor: \"#000000\",\n                    shadowOffset: {\n                        width: i,\n                        height: i,\n                    },\n                    shadowOpacity: 0.27,\n                    shadowRadius: i,\n                    elevation: i,\n                    zIndex: 1\n                }\n            });\n        }\n    };\n    addElevationClasses();\n    addStyle('hidden', '', {\n        root: {\n            width: 0,\n            height: 0,\n            transform: [{ scale: 0 }]\n        }\n    });\n    addStyle('bg-danger', '', { root: { backgroundColor: themeVariables.dangerColor }});\n    addStyle('bg-info', '', { root: { backgroundColor: themeVariables.infoColor }});\n    addStyle('bg-primary', '', { root: { backgroundColor: themeVariables.primaryColor }});\n    addStyle('bg-success', '', { root: { backgroundColor: themeVariables.successColor }});\n    addStyle('bg-warning', '', { root: { backgroundColor: themeVariables.warningColor }});\n\n    addStyle('border-danger', '', { root: { borderColor: themeVariables.dangerColor }});\n    addStyle('border-info', '', { root: { borderColor: themeVariables.infoColor }});\n    addStyle('border-primary', '', { root: { borderColor: themeVariables.primaryColor }});\n    addStyle('border-success', '', { root: { borderColor: themeVariables.successColor }});\n    addStyle('border-warning', '', { root: { borderColor: themeVariables.warningColor }});\n\n    addStyle('hide-context-menu', '', { text: { userSelect: 'none' }});\n});\n\n"],"mappings":"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"}
+{"version":3,"names":["cloneDeep","isNil","forEach","flatten","isArray","isEmpty","isObject","isString","get","reverse","React","deepCopy","isWebPreviewMode","EventNotifier","ViewPort","EVENTS","ViewPortEvents","MediaQueryList","ThemeVariables","getErrorMessage","getStyleReference","isValidStyleProp","DEFAULT_CLASS","window","matchMedia","query","DEVICE_BREAK_POINTS","ThemeEvent","Theme","constructor","parent","name","_defineProperty","traceEnabled","subscribe","event","fn","eventNotifer","notify","children","t","clearCache","cache","registerStyle","styleGenerators","push","INSTANCE","addStyle","bind","checkStyleProperties","value","Object","keys","map","k","console","log","extend","style","styles","getStyle","addTrace","styleName","mergedChildstyle","childStyle","parentStyle","v","__trace","prefix","arguments","length","undefined","result","collect","mergeStyle","_len","Array","_key","flattenStyles","s","cs","filter","cleanseStyleProperties","i","indexOf","split","c","mediaQuery","clonedStyle","matches","BASE","$new","newTheme","reset","destroy","splice","themeVariables","CHANGE","_class","SIZE_CHANGE","ThemeContext","createContext","ThemeProvider","Provider","ThemeConsumer","Consumer","addColStyles","device","minWidth","root","width","MIN_EXTRA_SMALL_DEVICE","MIN_SMALL_DEVICE","MIN_MEDIUM_DEVICE","MIN_LARGE_DEVICE","display","addDisplayStyles","maxWidth","MAX_LARGE_DEVICE","MAX_EXTRA_SMALL_DEVICE","MAX_SMALL_DEVICE","MAX_MEDIUM_DEVICE","addElevationClasses","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","zIndex","transform","scale","backgroundColor","dangerColor","infoColor","primaryColor","successColor","warningColor","borderColor","text","userSelect"],"sources":["theme.tsx"],"sourcesContent":["import { cloneDeep, isNil, forEach, flatten, isArray, isEmpty, isObject, isString, isFunction, get, reverse } from 'lodash';\nimport React, { ReactNode } from 'react';\nimport { TextStyle, ViewStyle, ImageStyle, ImageBackground } from 'react-native';\nimport { deepCopy, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport EventNotifier from '@wavemaker/app-rn-runtime/core/event-notifier';\nimport ViewPort, {EVENTS as ViewPortEvents} from '@wavemaker/app-rn-runtime/core/viewport';\nimport MediaQueryList from './MediaQueryList';\nimport ThemeVariables from './theme.variables';\nimport { getErrorMessage, getStyleReference, isValidStyleProp } from './style-prop.validator';\nexport const DEFAULT_CLASS = 'DEFAULT_CLASS';\n\ndeclare const matchMedia: any, window: any;\n\nif (typeof window !== \"undefined\") {\n    // @ts-ignore: does not properly extend MediaQueryList\n    window.matchMedia = (query: string) => new MediaQueryList(query);\n}\n\nexport const DEVICE_BREAK_POINTS = {\n    'MIN_EXTRA_SMALL_DEVICE' : '0px',\n    'MAX_EXTRA_SMALL_DEVICE' : '767px',\n    'MIN_SMALL_DEVICE' : '768px',\n    'MAX_SMALL_DEVICE' : '991px',\n    'MIN_MEDIUM_DEVICE' : '992px',\n    'MAX_MEDIUM_DEVICE' : '1199px',\n    'MIN_LARGE_DEVICE' : '1200px',\n    'MAX_LARGE_DEVICE' : '1000000px',\n};\n\nexport type styleGeneratorFn<T extends NamedStyles<any>> = (\n    themeVariables: ThemeVariables,\n    addStyle: (name: string, extend: string, style: T) => void) => void\n\nexport enum ThemeEvent {\n    CHANGE ='change'\n};\n\nexport class Theme {\n    public static BASE = new Theme(null as any, 'default');\n\n    static {\n        ViewPort.subscribe(ViewPortEvents.SIZE_CHANGE, () => {\n            Theme.BASE.reset();\n        });\n    }\n\n\n    private eventNotifer = new EventNotifier();\n\n    private children: Theme[] = [];\n\n    private styles: any = {};\n\n    private cache: any = {};\n\n    private traceEnabled = false;\n\n    private styleGenerators: styleGeneratorFn<any>[] = [];\n\n    private constructor(private parent:Theme, public readonly name: string) {\n        if (parent) {\n            this.traceEnabled = parent.traceEnabled;\n        } else {\n            this.traceEnabled = isWebPreviewMode();\n        }\n    }\n\n    public subscribe(event: ThemeEvent, fn: Function) {\n        return this.eventNotifer.subscribe(event, fn);\n    }\n\n    public notify(event: ThemeEvent): void {\n        this.eventNotifer.notify(event, []);\n        this.children.forEach(t => t.notify(event));\n    }\n\n    clearCache() {\n        this.cache = {};\n        this.children.forEach((t) => t.clearCache());\n    }\n\n    registerStyle<T extends NamedStyles<any>>(fn: styleGeneratorFn<T>) {\n        this.styleGenerators.push(fn);\n        fn(ThemeVariables.INSTANCE, this.addStyle.bind(this));\n    }\n\n    checkStyleProperties(name: string, value : any) {\n        if (isObject(value)) {\n            Object.keys(value).map((k) => this.checkStyleProperties(k, (value as any)[k]));\n        } else if(name && !isValidStyleProp(name, value)) {\n            console.log(\n                `%cInvalid Style property in ${this.name}: ${getErrorMessage(name, value)}`,\n                'background-color: #FF0000;font-weight: bold; color: #fff'\n            );\n            console.log(`Refer: ${getStyleReference(name)}`);\n        }\n    }\n\n    private addStyle<T extends NamedStyles<any>>(name: string, extend: string, style: T) {\n        this.styles[name] = deepCopy(this.getStyle(extend), this.styles[name], style);\n    }\n\n    private addTrace(styleName: string, mergedChildstyle: any, childStyle: any, parentStyle?: any) {\n        if (!this.traceEnabled) {\n            return;\n        }\n        let addTrace = !isEmpty(childStyle);\n        forEach(mergedChildstyle, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                addTrace = false;\n                this.addTrace(styleName + '.' + k, v, childStyle && childStyle[k], parentStyle && parentStyle[k])\n            }\n        });\n        if (addTrace) {\n            mergedChildstyle['__trace'] = [\n                {\n                    name: styleName,\n                    value: childStyle\n                },\n                ...(parentStyle?.__trace|| [])\n            ];\n        } else {\n            mergedChildstyle['__trace'] = [...(parentStyle?.__trace|| [])];\n        }\n    }\n\n    private flatten(style: any, prefix = \"\", result = {} as any) {\n        let collect = !isEmpty(style);\n        forEach(style, (v: any, k: string) => {\n            if (v && !isString(v) && !isArray(v) && isObject(v)) {\n                collect = false;\n                this.flatten(v, (prefix ?  prefix + '.' : '') + k, result)\n            }\n        });\n        if (collect) {\n            result[prefix] = style;\n        }\n        return result;\n    }\n\n    mergeStyle(...styles: any) {\n        const style = deepCopy(...styles);\n        if (this.traceEnabled) {\n            const flattenStyles = this.flatten(style);\n            Object.keys(flattenStyles).forEach(k => {\n                const s = flattenStyles[k];\n                s['__trace'] = flatten(reverse(styles.map((v: any) => {\n                    const cs = get(v, k);\n                    if (cs && cs.__trace) {\n                        return [...cs.__trace];\n                    }\n                    return [];\n                }).filter((t: any) => t.length > 0)));\n            });\n        }\n        return style;\n    }\n\n    cleanseStyleProperties(style: any) {\n        if (!(style && isObject(style)) || isString(style) || isArray(style)) {\n            return;\n        }\n        style = style as any;\n        if (!isNil(style['shadowRadius'])) {\n            if (style['shadowRadius'] <= 0) {\n                style['shadowColor'] = 'transparent';\n            } else if (isNil(style['elevation'])) {\n                style['elevation'] = 2;\n            }\n        }\n        Object.keys(style).forEach((k, i) => this.cleanseStyleProperties(style[k]));\n    }\n\n    getStyle(name: string) {\n        let style = this.cache[name];\n        if (style) {\n            return style;\n        }\n        if (!name) {\n            return {};\n        }\n        if (name.indexOf(' ') > 0) {\n            style = this.mergeStyle(...(name.split(' ').map(c => this.getStyle(c))));\n        } else {\n            const parentStyle = this.parent && this.parent.getStyle(name);\n            const mediaQuery = (this.styles[name] || {})['@media'];\n            let clonedStyle = {};\n            if (!mediaQuery || matchMedia(mediaQuery).matches) {\n                clonedStyle = cloneDeep(this.styles[name]);\n                this.cleanseStyleProperties(clonedStyle);\n            }\n            if (this !== Theme.BASE && isWebPreviewMode()) {\n                this.checkStyleProperties('', clonedStyle);\n            }\n            style = deepCopy(parentStyle, clonedStyle);\n            this.addTrace(`@${this.name}:${name}`, style, clonedStyle, parentStyle);\n        }\n        this.cache[name] = style;\n        return style;\n    }\n\n    $new(name = \"\", styles = {} as NamedStyles<any>) {\n        const newTheme = new Theme(this, name);\n        newTheme.reset(styles);\n        this.children.push(newTheme);\n        return newTheme;\n    }\n\n    destroy() {\n        const i = this.parent.children.indexOf(this);\n        if (i >= 0) {\n            this.parent.children.splice(i, 1);\n        }\n    }\n\n    reset(styles?: NamedStyles<any>) {\n        this.styles = {};\n        this.clearCache();\n        if (styles) {\n            this.registerStyle((themeVariables, addStyle) => {\n                Object.keys(styles).forEach(k => {\n                    addStyle(k, '', styles[k] as any);\n                });\n            });\n        } else {\n            this.styleGenerators.forEach(fn => \n                fn(ThemeVariables.INSTANCE, this.addStyle.bind(this)));\n        }\n        this.notify(ThemeEvent.CHANGE);\n    }\n}\nexport default Theme.BASE;\nexport type NamedStyles<T> = { [P in keyof T]: AllStyle | NamedStyles<T>};\nexport type BackgroundImageStyle = {\n    backgroundImage: string,\n    backgroundPosition: string,\n    backgroundRepeat: string,\n    backgroundSize: string | number\n};\n\nexport type AllStyle = (ViewStyle & TextStyle & ImageStyle & {userSelect?: 'none'| 'text'});\n\nconst ThemeContext = React.createContext<Theme>(null as any);\n\nexport const ThemeProvider = ThemeContext.Provider;\nexport const ThemeConsumer = ThemeContext.Consumer;\n/**\n * Common styles\n */\n Theme.BASE.registerStyle((themeVariables, addStyle) => {\n    const addColStyles = (device: string, minWidth: string) => {\n        for(let i = 1; i <= 12; i++) {\n            addStyle(`col-${device}-${i}`, '', {\n                \"@media\": `(min-width: ${minWidth})`,\n                root: {\n                    width: (100 * i / 12) + '%'\n                }\n            } as any)\n        }\n    };\n    addColStyles('xs', DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE);\n    addColStyles('sm',  DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE);\n    addColStyles('md',  DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE);\n    addColStyles('lg',  DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE);\n\n    addStyle('d-none', '', {\n        root: {\n            display: 'none'\n        }\n    } as any);\n    addStyle('d-flex', '', {\n        root: {\n            display: 'flex'\n        }\n    } as any);\n\n    const addDisplayStyles = (device: string, minWidth: string, maxWidth: string) => {\n        addStyle(`d-${device}-none`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'none'\n            }\n        } as any);\n        addStyle(`d-${device}-flex`, '', {\n            \"@media\": `(min-width: ${minWidth}) and (max-width: ${maxWidth})`,\n            root: {\n                display: 'flex'\n            }\n        } as any);\n    };\n    addDisplayStyles('all', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n    addDisplayStyles('xs', \n        DEVICE_BREAK_POINTS.MIN_EXTRA_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_EXTRA_SMALL_DEVICE);\n    addDisplayStyles('sm',   \n        DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_SMALL_DEVICE);\n    addDisplayStyles('md',   \n        DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_MEDIUM_DEVICE);\n    addDisplayStyles('lg',   \n        DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE,\n        DEVICE_BREAK_POINTS.MAX_LARGE_DEVICE);\n\n    const addElevationClasses = () => {\n        for(let i = 1; i <= 10; i++) {\n            addStyle(`elevate${i}`, '', {\n                root : {\n                    shadowColor: \"#000000\",\n                    shadowOffset: {\n                        width: i,\n                        height: i,\n                    },\n                    shadowOpacity: 0.27,\n                    shadowRadius: i,\n                    elevation: i,\n                    zIndex: 1\n                }\n            });\n        }\n    };\n    addElevationClasses();\n    addStyle('hidden', '', {\n        root: {\n            width: 0,\n            height: 0,\n            transform: [{ scale: 0 }]\n        }\n    });\n    addStyle('bg-danger', '', { root: { backgroundColor: themeVariables.dangerColor }});\n    addStyle('bg-info', '', { root: { backgroundColor: themeVariables.infoColor }});\n    addStyle('bg-primary', '', { root: { backgroundColor: themeVariables.primaryColor }});\n    addStyle('bg-success', '', { root: { backgroundColor: themeVariables.successColor }});\n    addStyle('bg-warning', '', { root: { backgroundColor: themeVariables.warningColor }});\n\n    addStyle('border-danger', '', { root: { borderColor: themeVariables.dangerColor }});\n    addStyle('border-info', '', { root: { borderColor: themeVariables.infoColor }});\n    addStyle('border-primary', '', { root: { borderColor: themeVariables.primaryColor }});\n    addStyle('border-success', '', { root: { borderColor: themeVariables.successColor }});\n    addStyle('border-warning', '', { root: { borderColor: themeVariables.warningColor }});\n\n    addStyle('hide-context-menu', '', { text: { userSelect: 'none' }});\n});\n\n"],"mappings":"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"}