@wavemaker/app-rn-runtime 11.15.1-rc.6451 → 11.15.2-dev.2

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

@@ -1,7 +1,4 @@
 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 { Text, View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
@@ -13,38 +10,10 @@ import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.compone
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
 import { createSkeleton } from '../skeleton/skeleton.component';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-export class WmButtonState extends BaseComponentState {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "contentWidth", void 0);
-  }
-}
+export class WmButtonState extends BaseComponentState {}
 export default class WmButton extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmButtonProps());
-    _defineProperty(this, "handleContentLayout", event => {
-      var _this$styles;
-      if (((_this$styles = this.styles) === null || _this$styles === void 0 || (_this$styles = _this$styles.root) === null || _this$styles === void 0 ? void 0 : _this$styles.flex) === 1) {
-        return;
-      }
-      const {
-        width
-      } = event.nativeEvent.layout;
-      const rootWidth = this.styles.root.width;
-      const hasExplicitWidth = rootWidth && rootWidth !== '100%' && !(typeof rootWidth === 'string' && rootWidth.includes('%'));
-      if (!hasExplicitWidth && width > 0 && this.state.contentWidth !== width) {
-        const paddingLeft = this.styles.root.paddingLeft || 0;
-        const paddingRight = this.styles.root.paddingRight || 0;
-        const paddingLeftNum = typeof paddingLeft === 'number' ? paddingLeft : typeof paddingLeft === 'string' ? parseFloat(paddingLeft) || 0 : 0;
-        const paddingRightNum = typeof paddingRight === 'number' ? paddingRight : typeof paddingRight === 'string' ? parseFloat(paddingRight) || 0 : 0;
-        const totalWidth = width + paddingLeftNum + paddingRightNum;
-        if (totalWidth > 0) {
-          this.updateState({
-            contentWidth: totalWidth
-          });
-        }
-      }
-    });
   }
   prepareIcon({
     iconclass,
@@ -97,32 +66,18 @@ export default class WmButton extends BaseComponent {
     });
   }
   renderWidget(props) {
-    const rootStyle = this.styles.root;
-    const isFill = rootStyle.flex === 1;
-    const hasExplicitWidth = rootStyle.width !== undefined && rootStyle.width !== null;
-    const preventShrink = !isFill && !hasExplicitWidth;
-    const buttonWidth = hasExplicitWidth ? rootStyle.width : this.state.contentWidth ? this.state.contentWidth : undefined;
-    const isPercentageWidth = typeof buttonWidth === 'string' && buttonWidth.includes('%');
-    const tappableWidth = buttonWidth ? isPercentageWidth ? '100%' : buttonWidth : undefined;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       delay: props.animationdelay,
       onLayout: event => this.handleLayout(event),
-      style: [rootStyle, {
+      style: [this.styles.root, {
         paddingTop: 0,
         paddingBottom: 0,
         paddingLeft: 0,
         paddingRight: 0,
         overflow: 'hidden',
-        flexDirection: 'column',
-        flexShrink: preventShrink ? 0 : 1,
-        ...(isFill ? {
-          flexGrow: 1
-        } : {}),
-        ...(buttonWidth ? {
-          width: buttonWidth
-        } : {})
-      }, rootStyle.height === '100%' ? {
+        flexDirection: 'column'
+      }, this.styles.root.height == "100%" ? {
         flex: 1
       } : {}]
     }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
@@ -132,11 +87,9 @@ export default class WmButton extends BaseComponent {
         paddingBottom: this.styles.root.paddingBottom,
         paddingLeft: this.styles.root.paddingLeft,
         paddingRight: this.styles.root.paddingRight,
+        width: '100%',
         height: this.styles.root.height ? '100%' : null,
-        justifyContent: 'center',
-        ...(tappableWidth ? {
-          width: tappableWidth
-        } : {})
+        justifyContent: 'center'
       },
       rippleColor: this.styles.root.rippleColor,
       target: this
@@ -145,10 +98,8 @@ export default class WmButton extends BaseComponent {
         ...getAccessibilityProps(AccessibilityWidgetType.BUTTON, props)
       }
     }), /*#__PURE__*/React.createElement(View, {
-      onLayout: this.handleContentLayout,
       style: [this.styles.content, {
-        flexDirection: props.iconposition === 'top' ? 'column' : 'row',
-        alignSelf: 'center'
+        flexDirection: props.iconposition === 'top' ? 'column' : 'row'
       }]
     }, props.iconposition === 'top' && this.prepareIcon(props), props.iconposition === 'left' && this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.text

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

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

package/components/basic/button/button.props.d.ts

@@ -0,0 +1,28 @@
+import { AccessibilityRole } from 'react-native';
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmButton from './button.component';
+export default class WmButtonProps extends BaseProps {
+    animation?: string;
+    animationdelay?: number;
+    caption?: string;
+    badgevalue?: string;
+    iconclass?: string;
+    iconposition?: string;
+    onTap?: ($event: any, instance: WmButton) => any;
+    onDoubleTap?: ($event: any, instance: WmButton) => any;
+    onLongTap?: ($event: any, instance: WmButton) => any;
+    onFocus?: ($event: any, instance: WmButton) => any;
+    onBlur?: ($event: any, instance: WmButton) => any;
+    iconsize?: number;
+    skeletonheight?: string;
+    skeletonwidth?: string;
+    iconurl?: string;
+    iconheight?: number;
+    iconwidth?: number;
+    iconmargin?: number;
+    accessible?: boolean;
+    accessibilitylabel?: string;
+    hint?: string;
+    accessibilityrole?: AccessibilityRole;
+}
+//# sourceMappingURL=button.props.d.ts.map

package/components/basic/button/button.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/button/button.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAU;IAC/B,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACvD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAK;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAQ;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAY;CACpD"}

package/components/basic/button/button.props.js

@@ -5,23 +5,27 @@ import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
 export default class WmButtonProps extends BaseProps {
   constructor(...args) {
     super(...args);
-    _defineProperty(this, "animation", null);
-    _defineProperty(this, "animationdelay", null);
-    _defineProperty(this, "caption", null);
-    _defineProperty(this, "badgevalue", null);
-    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "animation", void 0);
+    _defineProperty(this, "animationdelay", void 0);
+    _defineProperty(this, "caption", void 0);
+    _defineProperty(this, "badgevalue", void 0);
+    _defineProperty(this, "iconclass", void 0);
     _defineProperty(this, "iconposition", 'left');
-    _defineProperty(this, "onTap", null);
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "onDoubleTap", void 0);
+    _defineProperty(this, "onLongTap", void 0);
+    _defineProperty(this, "onFocus", void 0);
+    _defineProperty(this, "onBlur", void 0);
     _defineProperty(this, "iconsize", 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, "skeletonheight", void 0);
+    _defineProperty(this, "skeletonwidth", void 0);
+    _defineProperty(this, "iconurl", void 0);
+    _defineProperty(this, "iconheight", void 0);
+    _defineProperty(this, "iconwidth", void 0);
+    _defineProperty(this, "iconmargin", void 0);
     _defineProperty(this, "accessible", true);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilitylabel", void 0);
+    _defineProperty(this, "hint", void 0);
     _defineProperty(this, "accessibilityrole", "button");
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmButtonProps","constructor","args","_defineProperty","undefined"],"sources":["button.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmButtonProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption?: string = null as any;\n    badgevalue?: string = null as any;\n    iconclass?: string = null as any;\n    iconposition? = 'left';\n    onTap?: Function = null as any;\n    iconsize?:number = 0;\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 = \"button\";\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACX,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,uBACT,MAAM;IAAAA,eAAA,gBACH,IAAI;IAAAA,eAAA,mBACJ,CAAC;IAAAA,eAAA,yBACM,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,4BACe,QAAQ;EAAA;AACpD","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmButtonProps","constructor","args","_defineProperty"],"sources":["button.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmButton from './button.component';\n\nexport default class WmButtonProps extends BaseProps {\n    animation?: string;\n    animationdelay?: number;\n    caption?: string;\n    badgevalue?: string;\n    iconclass?: string;\n    iconposition?: string = 'left';\n    onTap?: ($event: any, instance: WmButton) => any;\n    onDoubleTap?: ($event: any, instance: WmButton) => any;\n    onLongTap?: ($event: any, instance: WmButton) => any;\n    onFocus?: ($event: any, instance: WmButton) => any;\n    onBlur?: ($event: any, instance: WmButton) => any;\n    iconsize?: number = 0;\n    skeletonheight?: string;\n    skeletonwidth?: string;\n    iconurl?: string;\n    iconheight?: number;\n    iconwidth?: number;\n    iconmargin?: number;\n    accessible?: boolean = true;\n    accessibilitylabel?: string;\n    hint?: string;\n    accessibilityrole?: AccessibilityRole = \"button\";\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,uBAMzB,MAAM;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAMV,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,qBAOE,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,4BAGa,QAAQ;EAAA;AACpD","ignoreList":[]}

package/components/basic/button/button.styles.d.ts

@@ -0,0 +1,12 @@
+import { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { WmIconStyles } from '../icon/icon.styles';
+import { WmSkeletonStyles } from '../skeleton/skeleton.styles';
+export type WmButtonStyles = BaseStyles & {
+    content: AllStyle;
+    badge: AllStyle;
+    icon: WmIconStyles;
+    skeleton: WmSkeletonStyles;
+};
+export declare const DEFAULT_CLASS = "app-button";
+//# sourceMappingURL=button.styles.d.ts.map

package/components/basic/button/button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC,OAAO,EAAE,QAAQ,CAAC;IAClB,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,gBAAgB,CAAA;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,eAAe,CAAC"}

package/components/basic/buttongroup/buttongroup.component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmButtongroupProps from './buttongroup.props';
+import { WmButtongroupStyles } from './buttongroup.styles';
+export declare class WmButtongroupState extends BaseComponentState<WmButtongroupProps> {
+}
+export default class WmButtongroup extends BaseComponent<WmButtongroupProps, WmButtongroupState, WmButtongroupStyles> {
+    constructor(props: WmButtongroupProps);
+    renderSkeleton(props: WmButtongroupProps): React.JSX.Element;
+    renderWidget(props: WmButtongroupProps): React.JSX.Element;
+}
+//# sourceMappingURL=buttongroup.component.d.ts.map

package/components/basic/buttongroup/buttongroup.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttongroup.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/buttongroup/buttongroup.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAElG,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAiB,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,qBAAa,kBAAmB,SAAQ,kBAAkB,CAAC,kBAAkB,CAAC;CAAG;AAEjF,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,aAAa,CAAC,kBAAkB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC;gBAEvG,KAAK,EAAE,kBAAkB;IAI9B,cAAc,CAAC,KAAK,EAAE,kBAAkB;IAQ/C,YAAY,CAAC,KAAK,EAAE,kBAAkB;CAWvC"}

package/components/basic/buttongroup/buttongroup.props.d.ts

@@ -0,0 +1,12 @@
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmButtongroup from './buttongroup.component';
+export default class WmButtongroupProps extends BaseProps {
+    children?: any;
+    vertical?: boolean;
+    skeletonheight?: string;
+    skeletonwidth?: string;
+    onTap?: ($event: any, instance: WmButtongroup) => any;
+    onDoubleTap?: ($event: any, instance: WmButtongroup) => any;
+    onLongTap?: ($event: any, instance: WmButtongroup) => any;
+}
+//# sourceMappingURL=buttongroup.props.d.ts.map

package/components/basic/buttongroup/buttongroup.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttongroup.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/buttongroup/buttongroup.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,aAAa,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,SAAS;IACvD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAK,GAAG,CAAC;IACtD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAK,GAAG,CAAC;IAC5D,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,KAAK,GAAG,CAAC;CAC3D"}

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

@@ -6,9 +6,12 @@ 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);
+    _defineProperty(this, "vertical", void 0);
+    _defineProperty(this, "skeletonheight", void 0);
+    _defineProperty(this, "skeletonwidth", void 0);
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "onDoubleTap", void 0);
+    _defineProperty(this, "onLongTap", void 0);
   }
 }
 //# sourceMappingURL=buttongroup.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmButtongroupProps","constructor","args","_defineProperty"],"sources":["buttongroup.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/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,+CAA+C;AAEzE,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":[]}
+{"version":3,"names":["BaseProps","WmButtongroupProps","constructor","args","_defineProperty"],"sources":["buttongroup.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmButtongroup from './buttongroup.component';\n\nexport default class WmButtongroupProps extends BaseProps {\n  children?: any;\n  vertical?: boolean;\n  skeletonheight?: string;\n  skeletonwidth?: string;\n  onTap?: ($event: any, instance: WmButtongroup) => any;\n  onDoubleTap?: ($event: any, instance: WmButtongroup) => any;\n  onLongTap?: ($event: any, instance: WmButtongroup) => any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAQ1D","ignoreList":[]}

package/components/basic/buttongroup/buttongroup.styles.d.ts

@@ -0,0 +1,7 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { WmSkeletonStyles } from '../skeleton/skeleton.styles';
+export type WmButtongroupStyles = BaseStyles & {
+    skeleton: WmSkeletonStyles;
+};
+export declare const DEFAULT_CLASS = "app-buttongroup";
+//# sourceMappingURL=buttongroup.styles.d.ts.map

package/components/basic/buttongroup/buttongroup.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttongroup.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/buttongroup/buttongroup.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AAEzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG,UAAU,GAAG;IAC7C,QAAQ,EAAE,gBAAgB,CAAA;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,oBAAoB,CAAC"}

package/components/basic/custom/custom.component.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCustomProps from './custom.props';
+import { WmCustomStyles } from './custom.styles';
+export declare class WmCustomState extends BaseComponentState<WmCustomProps> {
+}
+export default class WmCustom extends BaseComponent<WmCustomProps, WmCustomState, WmCustomStyles> {
+    constructor(props: WmCustomProps);
+    renderSkeleton(prop: WmCustomProps): React.JSX.Element;
+    renderWidget(props: WmCustomProps): React.JSX.Element;
+}
+//# sourceMappingURL=custom.component.d.ts.map

package/components/basic/custom/custom.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/custom/custom.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAElG,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKhE,qBAAa,aAAc,SAAQ,kBAAkB,CAAC,aAAa,CAAC;CAAI;AAExE,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC;gBAEnF,KAAK,EAAE,aAAa;IAIzB,cAAc,CAAC,IAAI,EAAE,aAAa;IAQzC,YAAY,CAAC,KAAK,EAAE,aAAa;CAWlC"}

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

@@ -1 +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/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,+CAA+C;AAEjG,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":[]}
+{"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/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,+CAA+C;AAEjG,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,CAAElB,KAAK,CACpB,CAAC;EAEX;AACF","ignoreList":[]}

package/components/basic/custom/custom.props.d.ts

@@ -0,0 +1,12 @@
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCustom from './custom.component';
+export default class WmCustomProps extends BaseProps {
+    renderview?: Function;
+    children?: any;
+    skeletonheight?: string;
+    skeletonwidth?: string;
+    onTap?: ($event: any, instance: WmCustom) => any;
+    onDoubleTap?: ($event: any, instance: WmCustom) => any;
+    onLongTap?: ($event: any, instance: WmCustom) => any;
+}
+//# sourceMappingURL=custom.props.d.ts.map

package/components/basic/custom/custom.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/custom/custom.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAAS;IAChD,UAAU,CAAC,EAAE,QAAQ,CAAuB;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACvD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;CACxD"}

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

@@ -8,9 +8,12 @@ export default class WmCustomProps extends BaseProps {
     _defineProperty(this, "renderview", () => {
       return null;
     });
-    _defineProperty(this, "children", null);
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "skeletonheight", void 0);
+    _defineProperty(this, "skeletonwidth", void 0);
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "onDoubleTap", void 0);
+    _defineProperty(this, "onLongTap", void 0);
   }
 }
 //# sourceMappingURL=custom.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmCustomProps","constructor","args","_defineProperty"],"sources":["custom.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/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}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,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":[]}
+{"version":3,"names":["BaseProps","WmCustomProps","constructor","args","_defineProperty"],"sources":["custom.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmCustom from './custom.component';\n\nexport default class WmCustomProps extends BaseProps {\n    renderview?: Function = () => {return null};\n    children?: any;\n    skeletonheight?: string;\n    skeletonwidth?: string;\n    onTap?: ($event: any, instance: WmCustom) => any;\n    onDoubleTap?: ($event: any, instance: WmCustom) => any;\n    onLongTap?: ($event: any, instance: WmCustom) => any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBACzB,MAAM;MAAC,OAAO,IAAI;IAAA,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAO/C","ignoreList":[]}

package/components/basic/custom/custom.styles.d.ts

@@ -0,0 +1,7 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { WmSkeletonStyles } from '../skeleton/skeleton.styles';
+export type WmCustomStyles = BaseStyles & {
+    skeleton: WmSkeletonStyles;
+};
+export declare const DEFAULT_CLASS = "app-custom";
+//# sourceMappingURL=custom.styles.d.ts.map

package/components/basic/custom/custom.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/custom/custom.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAG/D,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACtC,QAAQ,EAAE,gBAAgB,CAAC;CAC9B,CAAA;AAED,eAAO,MAAM,aAAa,eAAe,CAAC"}

package/components/basic/icon/icon.component.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Animated } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmIconProps from './icon.props';
+import { WmIconStyles } from './icon.styles';
+interface IconDef {
+    isFontAwesome: boolean;
+    isWavIcon: boolean;
+    isStreamlineLightIcon: boolean;
+    isStreamlineRegularIcon: boolean;
+    type: string;
+    rotate: string;
+    size: number;
+    animation: string;
+}
+export declare class WmIconState extends BaseComponentState<WmIconProps> {
+    iconDef: IconDef;
+}
+export default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {
+    spinValue: Animated.Value;
+    pulseValue: Animated.Value;
+    stopAnimation: boolean;
+    private _iconSource;
+    constructor(props: WmIconProps);
+    getIconDef(iconClass: string): IconDef;
+    private spin;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onPropertyChange(name: string, $new: any, $old: any): void;
+    private getCustomIcon;
+    renderSkeleton(props: WmIconProps): React.JSX.Element;
+    getElementToShow(props: WmIconProps, iconSrc: any): React.JSX.Element;
+    loadIcon(iconImage: string | undefined): string | number | null;
+    renderIcon(props: WmIconProps): React.JSX.Element | null;
+    renderWidget(props: WmIconProps): React.JSX.Element;
+}
+export {};
+//# sourceMappingURL=icon.component.d.ts.map

package/components/basic/icon/icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/icon/icon.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAgE,MAAM,cAAc,CAAC;AAEtG,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAIlG,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,EAAiB,YAAY,EAAE,MAAM,eAAe,CAAC;AAQ5D,UAAU,OAAO;IACf,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,uBAAuB,EAAE,OAAO,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAgBD,qBAAa,WAAY,SAAQ,kBAAkB,CAAC,WAAW,CAAC;IACvD,OAAO,UAAiB;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,aAAa,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC;IACvF,SAAS,iBAAyB;IAClC,UAAU,iBAAyB;IAC5B,aAAa,UAAQ;IAC5B,OAAO,CAAC,WAAW,CAAe;gBAEtB,KAAK,EAAE,WAAW;IAI9B,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IA4BtC,OAAO,CAAC,IAAI;IAgBZ,iBAAiB;IAKjB,oBAAoB,IAAI,IAAI;IAK5B,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;IASnD,OAAO,CAAC,aAAa;IAad,cAAc,CAAC,KAAK,EAAE,WAAW;IAmBxC,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG;IA+BjD,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS;IAWtC,UAAU,CAAC,KAAK,EAAE,WAAW;IAiE7B,YAAY,CAAC,KAAK,EAAE,WAAW;CAsBhC"}

package/components/basic/icon/icon.props.d.ts

@@ -0,0 +1,26 @@
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+import { AccessibilityRole } from 'react-native';
+import WmIcon from './icon.component';
+export default class WmIconProps extends BaseProps {
+    animation?: string;
+    animationdelay?: number;
+    iterationcount?: any;
+    iconclass?: string;
+    iconposition?: string;
+    caption?: string;
+    iconsize?: number;
+    onTap?: ($event: any, instance: WmIcon) => any;
+    onDoubleTap?: ($event: any, instance: WmIcon) => any;
+    onLongTap?: ($event: any, instance: WmIcon) => any;
+    skeletonheight?: string;
+    skeletonwidth?: string;
+    iconurl?: string;
+    iconheight?: number;
+    iconwidth?: number;
+    iconmargin?: number;
+    accessible?: boolean;
+    accessibilitylabel?: string;
+    hint?: string;
+    accessibilityrole?: AccessibilityRole;
+}
+//# sourceMappingURL=icon.props.d.ts.map

package/components/basic/icon/icon.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/icon/icon.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAqB;IACvC,YAAY,CAAC,EAAE,MAAM,CAAU;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAM;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAK;IACtB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;IACrD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAQ;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;CACvC"}

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

@@ -5,23 +5,25 @@ import { BaseProps } from '@wavemaker/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, "animation", void 0);
+    _defineProperty(this, "animationdelay", void 0);
     _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, "onDoubleTap", void 0);
+    _defineProperty(this, "onLongTap", void 0);
+    _defineProperty(this, "skeletonheight", void 0);
+    _defineProperty(this, "skeletonwidth", void 0);
+    _defineProperty(this, "iconurl", void 0);
+    _defineProperty(this, "iconheight", void 0);
+    _defineProperty(this, "iconwidth", void 0);
+    _defineProperty(this, "iconmargin", void 0);
     _defineProperty(this, "accessible", true);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilitylabel", void 0);
+    _defineProperty(this, "hint", void 0);
     _defineProperty(this, "accessibilityrole", void 0);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmIconProps","constructor","args","_defineProperty","undefined"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/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,+CAA+C;AAEzE,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":[]}
+{"version":3,"names":["BaseProps","WmIconProps","constructor","args","_defineProperty"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nimport WmIcon from './icon.component';\n\nexport default class WmIconProps extends BaseProps {\n  animation?: string;\n  animationdelay?: number;\n  iterationcount?: any;\n  iconclass?: string = 'wm-sl-l sl-user';\n  iconposition?: string = 'left';\n  caption?: string = '';\n  iconsize?: number = 0;\n  onTap?: ($event: any, instance: WmIcon) => any;\n  onDoubleTap?: ($event: any, instance: WmIcon) => any;\n  onLongTap?: ($event: any, instance: WmIcon) => any;\n  skeletonheight?: string;\n  skeletonwidth?: string;\n  iconurl?: string;\n  iconheight?: number;\n  iconwidth?: number;\n  iconmargin?: number;\n  accessible?: boolean = true;\n  accessibilitylabel?: string;\n  hint?: string;\n  accessibilityrole?: AccessibilityRole;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAI5B,iBAAiB;IAAAA,eAAA,uBACd,MAAM;IAAAA,eAAA,kBACX,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,qBAUE,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAI7B","ignoreList":[]}

package/components/basic/icon/icon.styles.d.ts

@@ -0,0 +1,10 @@
+import { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { WmSkeletonStyles } from '../skeleton/skeleton.styles';
+export type WmIconStyles = BaseStyles & {
+    icon?: AllStyle;
+    image?: AllStyle;
+    skeleton: WmSkeletonStyles;
+};
+export declare const DEFAULT_CLASS = "app-icon";
+//# sourceMappingURL=icon.styles.d.ts.map

package/components/basic/icon/icon.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/basic/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAE,QAAQ,EAAE,MAAO,wCAAwC,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,gBAAgB,CAAA;CAC7B,CAAC;AACF,eAAO,MAAM,aAAa,aAAa,CAAC"}

package/components/basic/icon/streamline-light-icon/streamline-light-icon.component.d.ts

@@ -0,0 +1,9 @@
+/*******************************************************
+ * Don't make any changes.
+ * This is a generated file.
+ * See wavicon.generator.js
+ ********************************************************/
+export declare const glyphMap: any;
+declare const _default: import("@expo/vector-icons/build/createIconSet").Icon<string, "streamline-light-icon">;
+export default _default;
+//# sourceMappingURL=streamline-light-icon.component.d.ts.map

package/components/basic/icon/streamline-light-icon/streamline-light-icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"streamline-light-icon.component.d.ts","sourceRoot":"","sources":["../../../../../../src/components/basic/icon/streamline-light-icon/streamline-light-icon.component.tsx"],"names":[],"mappings":"AACA;;;;0DAI0D;AAK1D,eAAO,MAAM,QAAQ,EAAE,GA0OtB,CAAC;;AAEF,wBAAsE"}