@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","rippleColor","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","position","borderWidth","borderStyle","top","right","zIndex","icon","alignSelf","buttonTextPadding","skeleton","width","height","opacity","getButtonStyles","bgColor","borderColor","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","bottom","marginLeft","marginRight"],"sources":["button.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n  content: AllStyle,\n  badge: AllStyle,\n  icon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n      root: {\n          minHeight: 40,\n          borderRadius: 32,\n          paddingTop: 12,\n          paddingBottom: 12,\n          paddingLeft: 24,\n          paddingRight: 24,\n          rippleColor: themeVariables.rippleColor\n      },\n      content: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center'\n      },\n      text: {\n        fontSize: 14,\n        fontFamily: themeVariables.baseFont,\n        fontWeight: '500',\n        textAlign: 'center',\n        textTransform: 'capitalize',\n      },\n      badge: {\n        backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n        color: themeVariables.buttonBadgeTextColor,\n        position: 'absolute',\n        borderWidth: 1,\n        borderStyle: 'solid',\n        top: -8,\n        right: -12,\n        zIndex: 1\n      },\n      icon: {\n        root : {\n          alignSelf: 'auto',\n          paddingLeft: -8,\n          paddingRight: -8\n        },\n        icon: {},\n        text: {\n          paddingRight: themeVariables.buttonTextPadding,\n          fontSize: 16\n        }\n      } as WmIconStyles,\n      skeleton: {\n        root: {\n          width: 96,\n          height: 48,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      opacity: 0.5\n    }\n  });\n\n  const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n    return {\n      root: {\n        borderWidth: 1,\n        borderColor: borderColor,\n        borderStyle: 'solid',\n        backgroundColor: bgColor\n      },\n      text: {\n        color: color\n      },\n      badge: {\n        backgroundColor: color,\n        color: bgColor,\n        borderColor: bgColor\n      },\n      icon: {\n        text: {\n          color: color\n        }\n      }\n    } as WmButtonStyles;\n  }\n\n  const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n  linkBtnStyle.root.paddingVertical = 4;\n  linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n  linkBtnStyle.text.textDecorationLine = 'underline';\n  linkBtnStyle.text.textDecorationStyle = 'solid';\n\n  addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n  addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n  addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n  addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n  addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n  addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n  addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n  addStyle('btn-link', '', linkBtnStyle);\n  addStyle('btn-only-label', '', buttonWithOnlyLabel);\n  addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n  addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n  addStyle('fab-btn', 'btn-primary', {\n    root : {\n      ...BASE_THEME.getStyle('elevate2').root,\n      position: 'fixed' as any,\n      bottom: 160,\n      right: 48,\n      width: 56,\n      height: 56,\n      borderRadius: 56,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      marginLeft: 0,\n      marginRight: 0\n    },\n    icon: {\n      icon: {\n        fontSize: 24\n      }\n    } as WmIconStyles\n  } as WmButtonStyles);\n  addStyle('mini-fab-btn', 'fab-btn', {\n    root : {\n      width: 40,\n      height: 40\n    }\n  } as WmButtonStyles);\n});\n"],"mappings":"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","ignoreList":[]}

package/components/basic/buttongroup/buttongroup.component.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmButtongroupProps from './buttongroup.props';
+import { DEFAULT_CLASS } from './buttongroup.styles';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmButtongroupState extends BaseComponentState {}
+export default class WmButtongroup extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmButtongroupProps());
+  }
+  renderSkeleton(props) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: this.props.skeletonwidth || this.styles.root.width,
+      height: this.props.skeletonheight || this.styles.root.height
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, {
+        flexDirection: props.vertical ? 'column' : 'row'
+      }],
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=buttongroup.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmButtongroupProps","DEFAULT_CLASS","createSkeleton","WmButtongroupState","WmButtongroup","constructor","props","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","createElement","style","flexDirection","vertical","onLayout","event","handleLayout","_background","children"],"sources":["buttongroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmButtongroupProps from './buttongroup.props';\nimport { DEFAULT_CLASS, WmButtongroupStyles } from './buttongroup.styles';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmButtongroupState extends BaseComponentState<WmButtongroupProps> {}\n\nexport default class WmButtongroup extends BaseComponent<WmButtongroupProps, WmButtongroupState, WmButtongroupStyles> {\n\n  constructor(props: WmButtongroupProps) {\n    super(props, DEFAULT_CLASS, new WmButtongroupProps());\n  }\n\n  public renderSkeleton(props: WmButtongroupProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtongroupProps) {\n    return (\n      <View\n        style={[this.styles.root, {flexDirection: props.vertical ? 'column': 'row'}]}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAQ,cAAc;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,kBAAkB,MAAM,qBAAqB;AACpD,SAASC,aAAa,QAA6B,sBAAsB;AACzE,SAAqBC,cAAc,QAAQ,gCAAgC;AAE3E,OAAO,MAAMC,kBAAkB,SAASJ,kBAAkB,CAAqB;AAE/E,eAAe,MAAMK,aAAa,SAASN,aAAa,CAA8D;EAEpHO,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEOO,cAAcA,CAACD,KAAyB,EAAC;IAC9C,OAAOJ,cAAc,CAAC,IAAI,CAACM,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAG,IAAI,CAACN,KAAK,CAACO,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAwB;MAC7EE,MAAM,EAAG,IAAI,CAACR,KAAK,CAACS,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACzD,CAAC,CAAC;EACJ;EAEAE,YAAYA,CAACV,KAAyB,EAAE;IACtC,oBACEV,KAAA,CAAAqB,aAAA,CAACpB,IAAI;MACHqB,KAAK,EAAE,CAAC,IAAI,CAACT,MAAM,CAACE,IAAI,EAAE;QAACQ,aAAa,EAAEb,KAAK,CAACc,QAAQ,GAAG,QAAQ,GAAE;MAAK,CAAC,CAAE;MAC7EC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBlB,KAAK,CAACmB,QACH,CAAC;EAEX;AACF","ignoreList":[]}

package/components/basic/buttongroup/buttongroup.props.js

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmButtongroupProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "vertical", null);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+  }
+}
+//# sourceMappingURL=buttongroup.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmButtongroupProps","constructor","args","_defineProperty"],"sources":["buttongroup.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmButtongroupProps extends BaseProps {\n  children?: any;\n  vertical: boolean = null as any;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,mBAEpC,IAAI;IAAAA,eAAA,yBACE,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B","ignoreList":[]}

package/components/basic/buttongroup/buttongroup.styles.js

@@ -0,0 +1,59 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-buttongroup';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      alignSelf: 'flex-start',
+      alignItems: 'center',
+      borderRadius: 100,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: themeVariables.buttonGrpBorderColor,
+      backgroundColor: themeVariables.buttonGrpBgColor,
+      overflow: 'hidden'
+    },
+    text: {},
+    skeleton: {
+      root: {
+        width: '100%',
+        height: 48,
+        borderRadius: 4,
+        borderColor: themeVariables.buttonGrpBorderColor
+      }
+    }
+  });
+  addStyle('btn-group-child', '', {
+    root: {
+      borderTopWidth: 0,
+      borderBottomWidth: 0,
+      borderLeftWidth: 1,
+      borderRightWidth: 0,
+      borderRadius: 0,
+      backgroundColor: 'transparent',
+      flex: 1,
+      borderColor: themeVariables.buttonGrpBorderColor
+    }
+  });
+  addStyle('btn-group-first-child', '', {
+    root: {
+      borderLeftWidth: 0,
+      borderTopLeftRadius: 28,
+      borderBottomLeftRadius: 28,
+      backgroundColor: 'transparent',
+      borderColor: themeVariables.buttonGrpBorderColor
+    }
+  });
+  addStyle('btn-group-last-child', '', {
+    root: {
+      borderRightWidth: 0,
+      borderTopRightRadius: 28,
+      borderBottomRightRadius: 28,
+      backgroundColor: 'transparent',
+      borderColor: themeVariables.buttonGrpBorderColor
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=buttongroup.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignSelf","alignItems","borderRadius","borderWidth","borderStyle","borderColor","buttonGrpBorderColor","backgroundColor","buttonGrpBgColor","overflow","text","skeleton","width","height","borderTopWidth","borderBottomWidth","borderLeftWidth","borderRightWidth","flex","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius"],"sources":["buttongroup.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '../button/button.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtongroupStyles = BaseStyles & {\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-buttongroup';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmButtongroupStyles = defineStyles({\n      root: {\n        flexDirection: 'row',\n        alignSelf: 'flex-start',\n        alignItems: 'center',\n        borderRadius: 100,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.buttonGrpBorderColor,\n        backgroundColor: themeVariables.buttonGrpBgColor,\n        overflow: 'hidden'\n      },\n      text: {},\n      skeleton: {\n        root : {\n          width: '100%',\n          height: 48,\n          borderRadius: 4,\n          borderColor: themeVariables.buttonGrpBorderColor\n        }\n      } as any as WmSkeletonStyles\n  });\n\n\n  addStyle('btn-group-child', '', {\n    root: {\n      borderTopWidth: 0,\n      borderBottomWidth: 0,\n      borderLeftWidth: 1,\n      borderRightWidth: 0,\n      borderRadius: 0,\n      backgroundColor: 'transparent',\n      flex: 1,\n      borderColor: themeVariables.buttonGrpBorderColor,\n    },\n  } as WmButtonStyles);\n  addStyle('btn-group-first-child', '', {\n    root: {\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 28,\n      borderBottomLeftRadius: 28,\n      backgroundColor: 'transparent',\n      borderColor: themeVariables.buttonGrpBorderColor\n    }\n  } as WmButtonStyles);\n  addStyle('btn-group-last-child', '', {\n    root: {\n      borderRightWidth: 0,\n      borderTopRightRadius: 28,\n      borderBottomRightRadius: 28,\n      backgroundColor: 'transparent',\n      borderColor: themeVariables.buttonGrpBorderColor\n    }\n  } as WmButtonStyles);\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAQ3F,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,SAAS,EAAE,YAAY;MACvBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE,GAAG;MACjBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEV,cAAc,CAACW,oBAAoB;MAChDC,eAAe,EAAEZ,cAAc,CAACa,gBAAgB;MAChDC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACRb,IAAI,EAAG;QACLc,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVX,YAAY,EAAE,CAAC;QACfG,WAAW,EAAEV,cAAc,CAACW;MAC9B;IACF;EACJ,CAAC,CAAC;EAGFV,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAE;IAC9BE,IAAI,EAAE;MACJgB,cAAc,EAAE,CAAC;MACjBC,iBAAiB,EAAE,CAAC;MACpBC,eAAe,EAAE,CAAC;MAClBC,gBAAgB,EAAE,CAAC;MACnBf,YAAY,EAAE,CAAC;MACfK,eAAe,EAAE,aAAa;MAC9BW,IAAI,EAAE,CAAC;MACPb,WAAW,EAAEV,cAAc,CAACW;IAC9B;EACF,CAAmB,CAAC;EACpBV,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAE;IACpCE,IAAI,EAAE;MACJkB,eAAe,EAAE,CAAC;MAClBG,mBAAmB,EAAE,EAAE;MACvBC,sBAAsB,EAAE,EAAE;MAC1Bb,eAAe,EAAE,aAAa;MAC9BF,WAAW,EAAEV,cAAc,CAACW;IAC9B;EACF,CAAmB,CAAC;EACpBV,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACJmB,gBAAgB,EAAE,CAAC;MACnBI,oBAAoB,EAAE,EAAE;MACxBC,uBAAuB,EAAE,EAAE;MAC3Bf,eAAe,EAAE,aAAa;MAC9BF,WAAW,EAAEV,cAAc,CAACW;IAC9B;EACF,CAAmB,CAAC;EACpBV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

package/components/basic/custom/custom.component.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmCustomProps from './custom.props';
+import { DEFAULT_CLASS } from './custom.styles';
+import { View } from 'react-native';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmCustomState extends BaseComponentState {}
+export default class WmCustom extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCustomProps(), new WmCustomState());
+  }
+  renderSkeleton(prop) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: this.props.skeletonwidth || this.styles.root.width,
+      height: this.props.skeletonheight || this.styles.root.height
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.renderview(props));
+  }
+}
+//# sourceMappingURL=custom.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmCustomProps","DEFAULT_CLASS","View","createSkeleton","WmCustomState","WmCustom","constructor","props","renderSkeleton","prop","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","createElement","style","onLayout","event","handleLayout","_background","renderview"],"sources":["custom.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmCustomProps from './custom.props';\nimport { DEFAULT_CLASS, WmCustomStyles } from './custom.styles';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\n\nexport class WmCustomState extends BaseComponentState<WmCustomProps> { }\n\nexport default class WmCustom extends BaseComponent<WmCustomProps, WmCustomState, WmCustomStyles> {\n\n  constructor(props: WmCustomProps) {\n    super(props, DEFAULT_CLASS, new WmCustomProps(), new WmCustomState());\n  }\n\n  public renderSkeleton(prop: WmCustomProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmCustomProps) {\n    return (\n      <View\n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.renderview(props)}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAA+BC,IAAI,QAAQ,cAAc;AACzD,SAASC,cAAc,QAAQ,gCAAgC;AAG/D,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;AAErE,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAEhGQ,WAAWA,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,EAAE,IAAII,aAAa,CAAC,CAAC,CAAC;EACvE;EAEOI,cAAcA,CAACC,IAAmB,EAAE;IACzC,OAAON,cAAc,CAAC,IAAI,CAACO,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAG,IAAI,CAACP,KAAK,CAACQ,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAwB;MAC7EE,MAAM,EAAG,IAAI,CAACT,KAAK,CAACU,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACzD,CAAC,CAAC;EACJ;EAEAE,YAAYA,CAACX,KAAoB,EAAE;IACjC,oBACEV,KAAA,CAAAsB,aAAA,CAACjB,IAAI;MACHkB,KAAK,EAAE,IAAI,CAACT,MAAM,CAACE,IAAK;MACxBQ,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBjB,KAAK,CAACkB,UAAU,CAAClB,KAAK,CACnB,CAAC;EAEX;AACF","ignoreList":[]}

package/components/basic/custom/custom.props.js

@@ -0,0 +1,16 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmCustomProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "renderview", () => {
+      return null;
+    });
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+  }
+}
+//# sourceMappingURL=custom.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCustomProps","constructor","args","_defineProperty"],"sources":["custom.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmCustomProps extends BaseProps {\n    renderview:Function = () => {return null};\n    children? = null as any;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC3B,MAAM;MAAC,OAAO,IAAI;IAAA,CAAC;IAAAA,eAAA,mBAC7B,IAAI;IAAAA,eAAA,yBACU,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AACjC","ignoreList":[]}

package/components/basic/custom/custom.styles.js

@@ -0,0 +1,18 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-custom';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    skeleton: {
+      root: {
+        width: 96,
+        height: 48,
+        borderRadius: 4
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=custom.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","skeleton","width","height","borderRadius"],"sources":["custom.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\n\nexport type WmCustomStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles;\n}\n\nexport const DEFAULT_CLASS = 'app-custom';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmCustomStyles>({\n        root: {},\n        text: {},\n        skeleton: {\n            root: {\n              width: 96,\n              height: 48,\n              borderRadius: 4\n            }\n          } as WmSkeletonStyles\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAQ3F,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAiB;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNF,IAAI,EAAE;QACJG,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF;EACN,CAAC,CAAC;EACFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/basic/icon/icon.component.js

@@ -0,0 +1,270 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Animated, Easing, Text, Image, View } from 'react-native';
+import { FontAwesome } from '@expo/vector-icons';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { isFullPathUrl } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import WmIconProps from './icon.props';
+import { DEFAULT_CLASS } from './icon.styles';
+import WavIcon from './wavicon/wavicon.component';
+import StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';
+import StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+import { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';
+import { createSkeleton } from '../skeleton/skeleton.component';
+const ICON_SIZES = new Map([['fa-lg', 24], ['fa-2x', 36], ['fa-3x', 48], ['fa-4x', 60], ['fa-5x', 72]]);
+const ICON_ROTATTION = new Map([['fa-rotate-90', '90deg'], ['fa-rotate-180', '180deg'], ['fa-rotate-270', '270deg']]);
+export class WmIconState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "iconDef", {});
+  }
+}
+export default class WmIcon extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmIconProps());
+    _defineProperty(this, "spinValue", new Animated.Value(0));
+    _defineProperty(this, "pulseValue", new Animated.Value(0));
+    _defineProperty(this, "stopAnimation", true);
+    _defineProperty(this, "_iconSource", null);
+  }
+  getIconDef(iconClass) {
+    const iconDef = {
+      rotate: '0'
+    };
+    const splits = iconClass.split(' ');
+    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');
+    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');
+    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');
+    if (iconDef.isFontAwesome) {
+      var _splits$find;
+      iconDef.type = ((_splits$find = splits.find(v => v.startsWith('fa-'))) === null || _splits$find === void 0 ? void 0 : _splits$find.substring(3)) || '';
+    } else if (iconDef.isStreamlineLightIcon) {
+      var _splits$find2;
+      iconDef.type = ((_splits$find2 = splits.find(v => v.startsWith('sl-'))) === null || _splits$find2 === void 0 ? void 0 : _splits$find2.substring(3)) || '';
+    } else if (iconDef.isStreamlineRegularIcon) {
+      var _splits$find3;
+      iconDef.type = ((_splits$find3 = splits.find(v => v.startsWith('sl-'))) === null || _splits$find3 === void 0 ? void 0 : _splits$find3.substring(3)) || '';
+    } else {
+      var _splits$find4;
+      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');
+      iconDef.type = iconDef.isWavIcon && ((_splits$find4 = splits.find(v => v.startsWith('wi-'))) === null || _splits$find4 === void 0 ? void 0 : _splits$find4.substring(3)) || '';
+    }
+    if (iconClass.indexOf('fa-spin') >= 0) {
+      iconDef.animation = 'spin';
+    } else if (iconClass.indexOf('fa-pulse') >= 0) {
+      iconDef.animation = 'pulse';
+    }
+    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;
+    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';
+    return iconDef;
+  }
+  spin() {
+    if (this.stopAnimation) {
+      return;
+    }
+    this.spinValue.setValue(0);
+    Animated.timing(this.spinValue, {
+      toValue: 1,
+      duration: 1000,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }).start(() => this.spin());
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.spin();
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+    this.stopAnimation = true;
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'iconclass':
+        $new && this.updateState({
+          iconDef: this.getIconDef($new)
+        });
+        break;
+    }
+  }
+  getCustomIcon(props, style) {
+    var _this$theme$getStyle;
+    const customIcon = this.theme.mergeStyle({}, ((_this$theme$getStyle = this.theme.getStyle((props === null || props === void 0 ? void 0 : props.iconclass) || '')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.icon) || this.styles.icon);
+    const customIconContent = customIcon === null || customIcon === void 0 ? void 0 : customIcon.content;
+    if (customIconContent) {
+      delete customIcon.content;
+      return /*#__PURE__*/React.createElement(Text, {
+        style: [style, customIcon.fontFamily ? {
+          fontFamily: customIcon.fontFamily
+        } : null]
+      }, decodeURIComponent(customIconContent));
+    }
+    return null;
+  }
+  renderSkeleton(props) {
+    let skeletonWidth = this.props.skeletonwidth || this.props.iconsize || this.styles.root.width;
+    let skeletonHeight = this.props.skeletonheight || this.props.iconsize || this.styles.root.height;
+    if (this.props.skeletonheight == "0") {
+      skeletonWidth = 0;
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    }
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: skeletonWidth,
+      height: skeletonHeight
+    });
+  }
+  getElementToShow(props, iconSrc) {
+    var _this$styles$image, _this$styles$image2, _this$styles$image3;
+    const {
+      iconmargin,
+      iconheight,
+      iconwidth
+    } = props;
+    let width, height;
+    let elementToshow, source;
+    if (iconwidth) width = iconwidth;else if (iconheight) width = iconheight;else width = ((_this$styles$image = this.styles.image) === null || _this$styles$image === void 0 ? void 0 : _this$styles$image.width) || 12;
+    if (iconheight) height = iconheight;else if (iconwidth) height = iconwidth;else height = ((_this$styles$image2 = this.styles.image) === null || _this$styles$image2 === void 0 ? void 0 : _this$styles$image2.height) || 12;
+    if (isFullPathUrl(iconSrc)) {
+      source = {
+        uri: iconSrc
+      };
+    } else {
+      source = iconSrc;
+    }
+    elementToshow = /*#__PURE__*/React.createElement(Image, {
+      testID: this.getTestId('icon'),
+      style: {
+        margin: iconmargin !== null && iconmargin !== void 0 ? iconmargin : 0,
+        height: height,
+        width: width,
+        borderRadius: ((_this$styles$image3 = this.styles.image) === null || _this$styles$image3 === void 0 ? void 0 : _this$styles$image3.borderRadius) || 0
+      },
+      source: source
+    });
+    return elementToshow;
+  }
+  loadIcon(iconImage) {
+    if (!iconImage || !this.loadAsset) {
+      return null;
+    }
+    const iconImageSrc = this.loadAsset(iconImage);
+    if (iconImageSrc && typeof iconImageSrc !== 'function') {
+      return iconImageSrc;
+    }
+    return null;
+  }
+  renderIcon(props) {
+    let iconJsx = null;
+    this._iconSource = this._iconSource || this.loadIcon(props.iconurl);
+    const iconSrc = this._iconSource;
+    if (iconSrc) {
+      return this.getElementToShow(props, iconSrc);
+    }
+    const iconDef = this.state.iconDef;
+    if (!iconDef) {
+      return null;
+    }
+    const {
+      root,
+      text,
+      icon
+    } = this.styles;
+    const style = [{
+      color: root.color || text.color
+    }, icon, {
+      transform: [{
+        rotate: iconDef.rotate
+      }]
+    }];
+    const customIcon = this.getCustomIcon(props, style);
+    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;
+    if (props.show && iconDef && iconDef.isFontAwesome) {
+      //@ts-ignore type information is not matching
+      iconJsx = /*#__PURE__*/React.createElement(FontAwesome, _extends({
+        name: customIcon ? '' : iconDef.type,
+        style: style,
+        size: iconSize
+      }, this.getTestProps('icon')), customIcon);
+    } else if (props.show && iconDef) {
+      var _this$styles$icon;
+      let WMCustomIcon = WavIcon;
+      if (iconDef.isStreamlineLightIcon) {
+        WMCustomIcon = StreamlineLightIcon;
+      } else if (iconDef.isStreamlineRegularIcon) {
+        WMCustomIcon = StreamlineRegularIcon;
+      } else if (!iconDef.isWavIcon && !customIcon && !((_this$styles$icon = this.styles.icon) !== null && _this$styles$icon !== void 0 && _this$styles$icon.fontFamily)) {
+        return null;
+      }
+      //@ts-ignore type information is not matching
+      iconJsx = WMCustomIcon ? /*#__PURE__*/React.createElement(WMCustomIcon, _extends({
+        name: customIcon ? '' : iconDef.type,
+        style: style,
+        size: iconSize
+      }, this.getTestProps('icon')), customIcon) : null;
+    }
+    if (iconJsx && iconDef.animation === 'spin') {
+      const rotate = this.spinValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '360deg']
+      });
+      const animation = {
+        transform: [{
+          rotate
+        }]
+      };
+      this.stopAnimation = false;
+      return /*#__PURE__*/React.createElement(Animated.View, {
+        style: animation
+      }, iconJsx);
+    } else if (iconJsx && iconDef.animation === 'pulse') {
+      const opacity = this.spinValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, 1]
+      });
+      const animation = {
+        opacity: opacity
+      };
+      this.stopAnimation = false;
+      return /*#__PURE__*/React.createElement(Animated.View, {
+        style: animation
+      }, iconJsx);
+    } else {
+      this.stopAnimation = true;
+    }
+    return /*#__PURE__*/React.createElement(View
+    // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}
+    , null, iconJsx);
+  }
+  renderWidget(props) {
+    let icon = this.renderIcon(props);
+    let iterationCount = props.iterationcount ? props.iterationcount != 'infinite' ? parseInt(props.iterationcount) : 'infinite' : undefined;
+    return /*#__PURE__*/React.createElement(Tappable, _extends({
+      target: this,
+      rippleColor: this.styles.root.rippleColor
+    }, this.getTestPropsForAction(), {
+      disableTouchEffect: this.state.props.disabletoucheffect,
+      onLayout: event => this.handleLayout(event)
+    }), /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: this.styles.root,
+      iterationCount: iterationCount,
+      accessibilityProps: props.accessible ? {
+        ...getAccessibilityProps(AccessibilityWidgetType.ICON, props)
+      } : {}
+    }, this._background, props.iconposition === 'left' && icon || null, props.caption && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
+      style: this.styles.text,
+      importantForAccessibility: "no"
+    }), props.caption) || null, props.iconposition === 'right' && icon || null));
+  }
+}
+//# sourceMappingURL=icon.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","Text","Image","View","FontAwesome","BaseComponent","BaseComponentState","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","args","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeletonWidth","skeletonwidth","iconsize","root","width","skeletonHeight","skeletonheight","height","skeleton","getElementToShow","iconSrc","_this$styles$image","_this$styles$image2","_this$styles$image3","iconmargin","iconheight","iconwidth","elementToshow","source","image","uri","testID","getTestId","margin","borderRadius","loadIcon","iconImage","loadAsset","iconImageSrc","renderIcon","iconJsx","_iconSource","iconurl","state","text","color","transform","iconSize","fontSize","show","_extends","getTestProps","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","opacity","renderWidget","iterationCount","iterationcount","parseInt","undefined","target","rippleColor","getTestPropsForAction","disableTouchEffect","disabletoucheffect","onLayout","event","handleLayout","entryanimation","delay","animationdelay","accessibilityProps","accessible","ICON","_background","iconposition","caption","getTestPropsForLabel","importantForAccessibility"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text, Image, View, LayoutChangeEvent } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { isFullPathUrl } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker-ai/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n  isFontAwesome: boolean;\n  isWavIcon: boolean;\n  isStreamlineLightIcon: boolean;\n  isStreamlineRegularIcon: boolean;\n  type: string;\n  rotate: string;\n  size: number;\n  animation: string;\n}\n\nconst ICON_SIZES = new Map([\n  ['fa-lg', 24],\n  ['fa-2x', 36],\n  ['fa-3x', 48],\n  ['fa-4x', 60],\n  ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n  ['fa-rotate-90', '90deg'],\n  ['fa-rotate-180', '180deg'],\n  ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n  public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n  spinValue = new Animated.Value(0);\n  pulseValue = new Animated.Value(0);\n  public stopAnimation = true;\n  private _iconSource = null as any;\n\n  constructor(props: WmIconProps) {\n    super(props, DEFAULT_CLASS, new WmIconProps());\n  }\n\n  getIconDef(iconClass: string): IconDef {\n    const iconDef = {\n      rotate: '0'\n    } as IconDef;\n    const splits = iconClass.split(' ');\n    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n    if (iconDef.isFontAwesome) {\n      iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineLightIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineRegularIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else {\n      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n      iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n    }\n    if (iconClass.indexOf('fa-spin') >= 0) {\n      iconDef.animation = 'spin';\n    } else if (iconClass.indexOf('fa-pulse') >= 0) {\n      iconDef.animation = 'pulse';\n    }\n    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n    return iconDef;\n  }\n\n  private spin () {\n    if (this.stopAnimation) {\n      return;\n    }\n    this.spinValue.setValue(0);\n    Animated.timing(\n      this.spinValue,\n      {\n        toValue: 1,\n        duration: 1000,\n        easing: Easing.linear,\n        useNativeDriver: true\n      }\n    ).start(() => this.spin());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.spin();\n  }\n\n  componentWillUnmount(): void {\n      super.componentWillUnmount();\n      this.stopAnimation = true;\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'iconclass':\n        $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n        break;\n    }\n  }\n\n  private getCustomIcon(props: WmIconProps, style: any) {\n    const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n    const customIconContent = customIcon?.content;\n    if (customIconContent) {\n      delete customIcon.content;\n      return (<Text\n        style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n          {decodeURIComponent(customIconContent)}\n      </Text>);\n    }\n    return null;\n  }\n\n  public renderSkeleton(props: WmIconProps) {\n    let skeletonWidth = (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue;\n    let skeletonHeight =  (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonWidth = 0\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth,\n      height: skeletonHeight\n    });\n  }\n\n  getElementToShow(props: WmIconProps, iconSrc: any) {\n\n    const { iconmargin, iconheight, iconwidth } = props;\n    let width, height;\n    let elementToshow, source;\n\n    if (iconwidth) width = iconwidth;\n    else if (iconheight) width = iconheight;\n    else width = this.styles.image?.width || 12;\n    if (iconheight) height = iconheight;\n    else if (iconwidth) height = iconwidth;\n    else height = this.styles.image?.height || 12;\n\n    if (isFullPathUrl(iconSrc)) {\n      source = {\n        uri: iconSrc\n      };\n    } else {\n      source = iconSrc;\n    }\n    elementToshow = <Image testID={this.getTestId('icon')}\n      style={{\n        margin: iconmargin ?? 0,\n        height: height,\n        width: width,\n        borderRadius: this.styles.image?.borderRadius || 0\n      }}\n      source={source}/>;\n    return elementToshow;\n  }\n\n  loadIcon(iconImage: string | undefined) {\n    if (!iconImage || !this.loadAsset) {\n      return null;\n    }\n    const iconImageSrc = this.loadAsset(iconImage);\n    if (iconImageSrc && typeof iconImageSrc !== 'function') {\n      return iconImageSrc;\n    }\n    return null;\n  }\n\n  renderIcon(props: WmIconProps) {\n    let iconJsx = null;\n    this._iconSource =  this._iconSource || this.loadIcon(props.iconurl);\n    const iconSrc: any = this._iconSource\n    if (iconSrc) {\n      return this.getElementToShow(props, iconSrc);\n    }\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    const { root, text, icon } = this.styles;\n    const style = [{ color: root.color || text.color },\n    icon,\n    { transform: [{ rotate: iconDef.rotate }] }];\n\n    const customIcon = this.getCustomIcon(props, style);\n    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n    if (props.show && iconDef && iconDef.isFontAwesome) {\n      //@ts-ignore type information is not matching\n      iconJsx = (<FontAwesome name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}\n        {...this.getTestProps('icon')}>\n          {customIcon}\n        </FontAwesome>);\n    } else if (props.show && iconDef) {\n      let WMCustomIcon = WavIcon as unknown;\n      if (iconDef.isStreamlineLightIcon) {\n        WMCustomIcon = StreamlineLightIcon;\n      } else if (iconDef.isStreamlineRegularIcon) {\n        WMCustomIcon = StreamlineRegularIcon;\n      } else if (!iconDef.isWavIcon && !customIcon && !this.styles.icon?.fontFamily) {\n        return null;\n      }\n      //@ts-ignore type information is not matching\n      iconJsx = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}\n        {...this.getTestProps('icon')}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (iconJsx && iconDef.animation === 'spin') {\n      const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n      const animation = { transform: [{ rotate }] };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else if (iconJsx && iconDef.animation === 'pulse') {\n      const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n      const animation = { opacity: opacity };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return (\n      <View\n        // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}\n      >\n        {iconJsx}\n      </View>\n    );\n  }\n\n  renderWidget(props: WmIconProps) {\n    let icon = this.renderIcon(props);\n    let iterationCount: any = props.iterationcount ? (props.iterationcount != 'infinite' ? parseInt(props.iterationcount): 'infinite') : undefined;\n    return (\n      <Tappable\n        target={this}\n        rippleColor = {this.styles.root.rippleColor}\n        {...this.getTestPropsForAction()}\n        disableTouchEffect={this.state.props.disabletoucheffect}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      >\n        <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={this.styles.root} iterationCount={iterationCount} accessibilityProps={props.accessible ? {...getAccessibilityProps(AccessibilityWidgetType.ICON, props)} : {}}>\n          {this._background}\n          {(props.iconposition === 'left' && icon) || null}\n          {(props.caption && (<Text {...this.getTestPropsForLabel('caption')} style={this.styles.text}\n              importantForAccessibility=\"no\">{props.caption}\n            </Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/icon/icon.props.js

@@ -0,0 +1,28 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmIconProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "iterationcount", void 0);
+    _defineProperty(this, "iconclass", 'wm-sl-l sl-user');
+    _defineProperty(this, "iconposition", 'left');
+    _defineProperty(this, "caption", '');
+    _defineProperty(this, "iconsize", 0);
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+    _defineProperty(this, "accessible", true);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+  }
+}
+//# sourceMappingURL=icon.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmIconProps","constructor","args","_defineProperty","undefined"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmIconProps extends BaseProps {\n  animation?: string = null as any;\n  animationdelay?: number = null as any;\n  iterationcount?: any;\n  iconclass?: string = 'wm-sl-l sl-user';\n  iconposition? = 'left';\n  caption? = '';\n  iconsize? = 0;\n  onTap?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAET,iBAAiB;IAAAA,eAAA,uBACtB,MAAM;IAAAA,eAAA,kBACX,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEa,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,kBACV,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B","ignoreList":[]}