@wavemaker/app-rn-runtime 12.0.0-next.46502 → 12.0.0-next.47810

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","Platform","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","LinearGradient","MaskedView","parseLinearGradient","WmLabelState","constructor","args","_defineProperty","WmLabel","props","updateState","parts","parseCaption","caption","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","String","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","replace","lastIndex","match","pattern","exec","index","push","text","substring","undefined","boldContent","linkPattern","linkMatch","beforeLink","bold","link","afterLink","length","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","root","skeletonheight","_this$styles$root2","fontSize","multilineskeleton","shouldUseAndroidEllipsis","OS","enableandroidellipsis","getNumberOfLines","numOfLines","wrap","nooflines","renderLabelTextContent","navigationService","isHidden","hasLinearGradient","_this$styles","_this$state$parts","_this$state$parts2","gradientTextWebStyle","backgroundImage","color","backgroundClip","showWebTextGradient","state","useAndroidEllipsis","baseStyle","hiddenStyle","opacity","gradientStyle","isSinglePart","androidEllipsisTextStyle","userSelect","textAlign","_extends","numberOfLines","ellipsizeMode","getTestPropsForLabel","LABEL","map","part","join","required","combinedTextStyle","flexWrap","isLink","key","fontWeight","isValid","selectable","onPress","startsWith","openUrl","eventName","invokeEventCallback","proxy","renderWidget","_this$styles2","linkStyles","mergeStyle","start","end","gradientColors","colorStops","entryanimation","animation","delay","animationdelay","onLayout","event","handleLayout","_background","target","disableTouchEffect","disabletoucheffect","maskElement","colors","locations"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Text, View,Platform } 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 NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\nimport { LinearGradient } from 'expo-linear-gradient';\nimport MaskedView from '@react-native-masked-view/masked-view';\nimport { parseLinearGradient } from '@wavemaker/app-rn-runtime/core/utils';\n\n\ntype PartType = {\n  text?: string,\n  link?: string,\n  bold?: boolean;\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n  parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n    this.updateState({\n      parts: this.parseCaption(props.caption || '')\n    } as WmLabelState);\n  }\n\n  private getAsterisk() {\n    return <Text style={this.styles.asterisk}>*</Text>;\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n\n    switch (name) {\n      case \"caption\":\n        this.updateState({\n          parts: this.parseCaption(String($new))\n        } as WmLabelState);\n        break;\n    }\n  }\n  private getMultilineSkeleton(width: any, height: any) {\n    const styles = {\n      borderRadius: 4,\n      marginBottom: 10,\n      height: height\n    };\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...styles,\n      width: width,\n      height: height\n    });\n  }\n\n  parseCaption(caption: string) {\n    if (!caption) {\n      return [];\n    }\n    caption += '';\n    caption = caption.replace(/\\s*\\(\\s*\\$event,\\s*\\$widget\\s*\\)\\s*/, '');\n    caption = caption.replace(/\\(\\s*\\)/, '(#/__EMPTY__)');\n  \n    let parts: PartType[] = [];\n    let lastIndex = 0;\n    let match;\n  \n    // Updated pattern to handle asterisks properly - using lazy matching and proper boundaries\n    const pattern = /\\*\\*(.*?)\\*\\*|\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n  \n    while ((match = pattern.exec(caption)) !== null) {\n      // Add any text before the match\n      if (match.index > lastIndex) {\n        parts.push({ text: caption.substring(lastIndex, match.index) });\n      }\n  \n      if (match[1] !== undefined) {\n        // This is a bold section (first capture group)\n        const boldContent = match[1];\n        \n        // Check if the bold content contains a link\n        const linkPattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/;\n        const linkMatch = boldContent.match(linkPattern);\n        \n        if (linkMatch) {\n          // If there's text before the link\n          const beforeLink = boldContent.substring(0, linkMatch.index);\n          if (beforeLink) {\n            parts.push({ text: beforeLink, bold: true });\n          }\n          \n          // Add the link part\n          parts.push({ text: linkMatch[1], link: linkMatch[2], bold: true });\n          \n          // If there's text after the link\n          if(linkMatch.index !== undefined) {\n            const afterLink = boldContent.substring(linkMatch.index + linkMatch[0].length);\n            if (afterLink) {\n              parts.push({ text: afterLink, bold: true });\n            }  \n          }\n        } else {\n          // If no link, just add the entire content as bold\n          parts.push({ text: boldContent, bold: true });\n        }\n      } else if (match[2] !== undefined && match[3] !== undefined) {\n        // This is a standalone link (second and third capture groups)\n        parts.push({ text: match[2], link: match[3] });\n      }\n  \n      lastIndex = pattern.lastIndex;\n    }\n  \n    // Add any remaining text after the last match\n    if (lastIndex < caption.length) {\n      parts.push({ text: caption.substring(lastIndex) });\n    }\n  \n    return parts;\n  }\n\n  public renderSkeleton(props: WmLabelProps) {\n\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 || this.styles.text.fontSize;\n    }\n\n    if (this.props.multilineskeleton) {\n      return (<View style={{\n        width: skeletonWidth as DimensionValue\n      }}>\n        {this.getMultilineSkeleton('100%', skeletonHeight)}\n        {this.getMultilineSkeleton('70%', skeletonHeight)}\n        {this.getMultilineSkeleton('40%', skeletonHeight)}\n      </View>)\n    }\n    else {\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 shouldUseAndroidEllipsis(props: WmLabelProps): boolean {\n    return Platform.OS === 'android' && props.enableandroidellipsis !== false;\n  }\n\n  // Helper to get the proper number of lines\n  private getNumberOfLines(props: WmLabelProps): number | undefined {\n      let numOfLines: number | undefined = undefined;\n      if (props.wrap === false) {\n          numOfLines = 1;\n      } else if (typeof props.nooflines === 'number' && props.nooflines > 0) {\n          numOfLines = props.nooflines;\n      }\n      return numOfLines;\n  }\n\n  private renderLabelTextContent(navigationService: NavigationService, isHidden: boolean = false, hasLinearGradient: boolean = false) {\n    //gradient text support for web\n    const gradientTextWebStyle = {\n      backgroundImage: (this.styles?.text.color as string),\n      color: 'transparent',\n      backgroundClip: 'text',\n    }\n    const showWebTextGradient = (hasLinearGradient && Platform.OS === 'web');\n    const numOfLines = this.getNumberOfLines(this.state.props);\n    const useAndroidEllipsis = this.shouldUseAndroidEllipsis(this.state.props);\n\n    // Shared styles\n    const baseStyle = this.styles.text;\n    const hiddenStyle = isHidden ? { opacity: 0 } : {};\n    const gradientStyle = showWebTextGradient ? gradientTextWebStyle : {};\n\n    // Determine if it's a single part\n    const isSinglePart = this.state.parts.length <= 1;\n    if (useAndroidEllipsis) {\n      const androidEllipsisTextStyle: any = {\n          ...baseStyle,\n          ...hiddenStyle,\n          ...gradientStyle,\n          userSelect: 'none',\n          width: '100%',\n          textAlign: baseStyle.textAlign,\n      };\n      return (\n          <Text\n              style={androidEllipsisTextStyle}\n              numberOfLines={numOfLines}\n              ellipsizeMode=\"tail\"\n              {...(this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {})}\n              {...getAccessibilityProps(AccessibilityWidgetType.LABEL, this.state.props)}\n          >\n              {this.state.parts.length === 1\n                  ? toString(this.state.props.caption)\n                  : this.state.parts.map(part => toString(part.text)).join('')}\n              {this.state.props.required && this.getAsterisk()}\n          </Text>\n      );\n    }  \n\n\n    // Compose final style\n    const combinedTextStyle = isSinglePart\n      ? { ...baseStyle, ...hiddenStyle, ...gradientStyle }\n      : {\n          flexWrap: 'wrap',\n          textAlign: baseStyle.textAlign,\n          ...hiddenStyle,\n          ...gradientStyle,\n        };\n\n\n\n    return (\n      <Text style={combinedTextStyle}\n        {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n        {...getAccessibilityProps(AccessibilityWidgetType.LABEL, this.state.props)}\n        numberOfLines={numOfLines} ellipsizeMode=\"tail\">\n        {(this.state.parts?.length === 1 && !this.state.parts[0].link && !this.state.parts[0].bold) ? toString(this.state.props.caption) : this.state.parts?.map((part, index) => {\n          const isLink = !isNil(part.link);\n          return (\n            <Text\n              key={`part_${index}`}\n              style={[\n                this.styles.text,\n                isLink ? this.styles.link.text : null,\n                part.bold ? { fontWeight: 'bold'} : null, \n                this.state.props.isValid ? null : { color: 'red' }\n              ]}\n              {...this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`)}\n              selectable={this.styles.text.userSelect === 'text'}\n              onPress={() => {\n                if (part.link) {\n                  if (part.link.startsWith('http:')\n                    || part.link.startsWith('https:')\n                    || part.link.startsWith('#')) {\n                    navigationService.openUrl(part.link, '_blank');\n                  } else if (part.link.startsWith('javascript:')) {\n                    const eventName = part.link.substring(11);\n                    this.invokeEventCallback(eventName, [null, this.proxy]);\n                  }\n                }\n                this.invokeEventCallback('onTap', [null, this.proxy]);\n              }}\n            // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n            >\n              {toString(part.text)}\n            </Text>\n          );\n        })}\n        {this.state.props.required && this.getAsterisk()}\n      </Text>\n    )\n\n  }\n  renderWidget(props: WmLabelProps) {\n    const linkStyles = this.theme.mergeStyle({ text: this.styles.text }, this.styles.link);\n    const { hasLinearGradient, start, end, gradientColors,colorStops } = parseLinearGradient((this.styles?.text.color) as string);\n    \n    \n\n\n    return !isNil(props.caption) ? (\n      <Animatedview\n        entryanimation={props.animation}\n        delay={props.animationdelay}\n        style={this.styles.root}\n        onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n      >\n        {this._background}\n        <NavigationServiceConsumer>\n          {(navigationService: NavigationService) => {\n            return (<Tappable target={this} disableTouchEffect={this.state.props.disabletoucheffect} >\n              {hasLinearGradient ? <MaskedView\n                maskElement={this.renderLabelTextContent(navigationService, false, hasLinearGradient)}\n              >\n                <LinearGradient colors={gradientColors} start={start} end={end}  locations={colorStops.length > 0 ? colorStops : undefined}>\n                  {this.renderLabelTextContent(navigationService, true)}\n                </LinearGradient>\n              </MaskedView> : this.renderLabelTextContent(navigationService)}\n            </Tappable>)\n          }}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/label/label.props.js

@@ -0,0 +1,25 @@
+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/app-rn-runtime/core/base.component';
+export default class WmLabelProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "caption", 'Label');
+    _defineProperty(this, "required", null);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "wrap", true);
+    _defineProperty(this, "nooflines", undefined);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "multilineskeleton", false);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'text');
+    _defineProperty(this, "onTap", null);
+    _defineProperty(this, "enableandroidellipsis", false);
+  }
+}
+//# sourceMappingURL=label.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmLabelProps","constructor","args","_defineProperty","undefined"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmLabelProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption?: string = 'Label';\n    required?: boolean = null as any;\n    isValid?: boolean = true;\n    wrap?: boolean = true;\n    nooflines?: any = undefined;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    multilineskeleton?: boolean = false;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'text';\n    onTap?: Function = null as any;\n    enableandroidellipsis?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACX,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,oBACHC,SAAS;IAAAD,eAAA,yBACD,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;IAAAA,eAAA,6BACLC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,gBAC3B,IAAI;IAAAA,eAAA,gCACW,KAAK;EAAA;AAC3C","ignoreList":[]}

package/components/basic/label/label.styles.js

@@ -0,0 +1,146 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-label';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      alignSelf: 'flex-start'
+    },
+    text: {
+      fontSize: 16,
+      color: themeVariables.labelDefaultColor,
+      textAlign: 'left'
+    },
+    asterisk: {
+      color: themeVariables.labelAsteriskColor,
+      marginLeft: 2
+    },
+    skeleton: {
+      root: {
+        width: '100%',
+        height: 16,
+        borderRadius: 4
+      }
+    },
+    link: {
+      text: {
+        textDecorationLine: 'underline'
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {});
+
+  // Add horizontal form label styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-label-horizontal', '', {
+    root: {
+      paddingBottom: 0,
+      paddingRight: 12,
+      paddingTop: 8,
+      width: '30%',
+      flexShrink: 0,
+      flexGrow: 0
+    },
+    text: {
+      fontSize: 16,
+      color: themeVariables.labelDefaultColor,
+      textAlign: 'left'
+    }
+  });
+  const getLabelStyles = (color, textColor) => {
+    return {
+      root: {
+        backgroundColor: color,
+        paddingLeft: 32,
+        paddingTop: 16,
+        paddingRight: 32,
+        paddingBottom: 16,
+        borderRadius: 6
+      },
+      text: {
+        color: textColor,
+        fontWeight: 'bold'
+      }
+    };
+  };
+  addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));
+  addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));
+  addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));
+  addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));
+  addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));
+  addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));
+  addStyle('label-test', '', getLabelStyles('yellow', 'red'));
+  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));
+  addStyle('label-test111', '', getLabelStyles('grey', 'red'));
+  addStyle('label-test11112', '', getLabelStyles('green', 'yellow'));
+  addStyle('label-test12311', '', getLabelStyles('violet', 'pink'));
+  addStyle('label-test9', '', getLabelStyles('green', 'blue'));
+  const getTextStyles = color => {
+    return {
+      text: {
+        color: color
+      }
+    };
+  };
+  addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));
+  addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));
+  addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));
+  addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));
+  addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));
+  addStyle('text-center', '', {
+    text: {
+      textAlign: 'center'
+    }
+  });
+  addStyle('text-left', '', {
+    text: {
+      textAlign: 'left'
+    }
+  });
+  addStyle('text-right', '', {
+    text: {
+      textAlign: 'right'
+    }
+  });
+  const getHeadingStyles = (fontSize, overrides) => {
+    return deepCopy({
+      text: {
+        fontWeight: '400',
+        fontSize: fontSize,
+        margin: 4,
+        color: themeVariables.labelHeaderColor
+      }
+    }, overrides);
+  };
+  addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {
+    text: {
+      fontWeight: 'bold'
+    }
+  }));
+  addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {
+    text: {
+      fontWeight: '500'
+    }
+  }));
+  addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));
+  addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));
+  addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));
+  addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));
+  addStyle('media-heading', '', {
+    text: {
+      fontSize: 16
+    }
+  });
+  addStyle('text-muted', '', {
+    text: {
+      color: themeVariables.labelTextMutedColor
+    }
+  });
+  addStyle('p', '', {
+    text: {
+      fontSize: 12
+    }
+  });
+});
+//# sourceMappingURL=label.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","textAlign","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","paddingBottom","paddingRight","paddingTop","flexShrink","flexGrow","getLabelStyles","textColor","backgroundColor","paddingLeft","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n  asterisk: AllStyle,\n  skeleton: WmSkeletonStyles \n  link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmLabelStyles = defineStyles({\n    root: {\n      alignSelf: 'flex-start',\n    },\n    text: {\n        fontSize: 16,\n        color: themeVariables.labelDefaultColor,\n        textAlign: 'left'\n      },\n      asterisk: {\n        color: themeVariables.labelAsteriskColor,\n        marginLeft: 2\n      },\n      skeleton: {\n        root:{\n          width: '100%',\n          height: 16,\n          borderRadius: 4,\n        }\n      } as any as WmSkeletonStyles,\n      link: {\n        text: {\n          textDecorationLine: 'underline'\n        }\n      } as WmAnchorStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {\n\n  });\n  \n  // Add horizontal form label styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-label-horizontal', '', {\n    root : {\n      paddingBottom: 0,\n      paddingRight: 12,\n      paddingTop: 8,\n      width: '30%',\n      flexShrink: 0, \n      flexGrow: 0\n    },\n    text: {\n      fontSize: 16,\n      color: themeVariables.labelDefaultColor,\n      textAlign: 'left'\n    }\n  } as BaseStyles);\n  \n  const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n    return {\n      root: {\n        backgroundColor: color,\n        paddingLeft: 32,\n        paddingTop: 16,\n        paddingRight: 32,\n        paddingBottom: 16,\n        borderRadius: 6\n      },\n      text: {\n        color: textColor,\n        fontWeight: 'bold'\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n  addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n  addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n  addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n  addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n  addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n  addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n  addStyle('label-test111', '', getLabelStyles('grey', 'red'));\n  addStyle('label-test11112', '', getLabelStyles('green', 'yellow'));\n  addStyle('label-test12311', '', getLabelStyles('violet', 'pink'));\n  addStyle('label-test9', '', getLabelStyles('green', 'blue'));\n\n  const getTextStyles = (color: string) => {\n    return {\n      text: {\n        color: color\n      }\n    } as WmLabelStyles;\n  };\n\n  addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n  addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n  addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n  addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n  addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n  addStyle('text-center', '', {\n    text: {\n      textAlign: 'center'\n    }\n  } as WmLabelStyles);\n  addStyle('text-left', '', {\n    text: {\n      textAlign: 'left'\n    }\n  } as WmLabelStyles);\n  addStyle('text-right', '', {\n    text: {\n      textAlign: 'right'\n    }\n  } as WmLabelStyles);\n\n\n  const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n    return deepCopy({\n      text: {\n        fontWeight: '400',\n        fontSize: fontSize,\n        margin: 4,\n        color: themeVariables.labelHeaderColor\n      }\n    } as WmLabelStyles, overrides);\n  };\n  addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n  addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n  addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n  addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n  addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n  addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n  addStyle('media-heading', '', {\n    text : {\n      fontSize: 16\n    }\n  } as WmLabelStyles);\n  addStyle('text-muted', '', {\n    text : {\n      color: themeVariables.labelTextMutedColor\n    }\n  } as WmLabelStyles);\n  addStyle('p', '', {\n    text : {\n      fontSize: 12\n    }\n  } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAASC,QAAQ,QAAQ,sCAAsC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACFC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEP,cAAc,CAACQ,iBAAiB;MACvCC,SAAS,EAAE;IACb,CAAC;IACDC,QAAQ,EAAE;MACRH,KAAK,EAAEP,cAAc,CAACW,kBAAkB;MACxCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRV,IAAI,EAAC;QACHW,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BC,IAAI,EAAE;MACJZ,IAAI,EAAE;QACJa,kBAAkB,EAAE;MACtB;IACF;EACJ,CAAC,CAAC;EAEFjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE,CAErC,CAAC,CAAC;;EAEF;EACAG,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAE;IACpCE,IAAI,EAAG;MACLgB,aAAa,EAAE,CAAC;MAChBC,YAAY,EAAE,EAAE;MAChBC,UAAU,EAAE,CAAC;MACbP,KAAK,EAAE,KAAK;MACZQ,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE;IACZ,CAAC;IACDlB,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEP,cAAc,CAACQ,iBAAiB;MACvCC,SAAS,EAAE;IACb;EACF,CAAe,CAAC;EAEhB,MAAMe,cAAc,GAAGA,CAACjB,KAAa,EAAEkB,SAAiB,KAAoB;IAC1E,OAAO;MACLtB,IAAI,EAAE;QACJuB,eAAe,EAAEnB,KAAK;QACtBoB,WAAW,EAAE,EAAE;QACfN,UAAU,EAAE,EAAE;QACdD,YAAY,EAAE,EAAE;QAChBD,aAAa,EAAE,EAAE;QACjBH,YAAY,EAAE;MAChB,CAAC;MACDX,IAAI,EAAE;QACJE,KAAK,EAAEkB,SAAS;QAChBG,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;EAED3B,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEuB,cAAc,CAACxB,cAAc,CAAC6B,gBAAgB,EAAE7B,cAAc,CAAC8B,wBAAwB,CAAC,CAAC;EACtH7B,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEuB,cAAc,CAACxB,cAAc,CAACQ,iBAAiB,EAAER,cAAc,CAAC+B,yBAAyB,CAAC,CAAC;EACzH9B,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAEuB,cAAc,CAACxB,cAAc,CAACgC,cAAc,EAAEhC,cAAc,CAACiC,sBAAsB,CAAC,CAAC;EAChHhC,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEuB,cAAc,CAACxB,cAAc,CAACkC,iBAAiB,EAAElC,cAAc,CAACmC,yBAAyB,CAAC,CAAC;EACzHlC,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEuB,cAAc,CAACxB,cAAc,CAACoC,iBAAiB,EAAEpC,cAAc,CAACqC,yBAAyB,CAAC,CAAC;EACzHpC,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEuB,cAAc,CAACxB,cAAc,CAACsC,iBAAiB,EAAEtC,cAAc,CAACuC,yBAAyB,CAAC,CAAC;EACzHtC,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAEuB,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;EAC3DvB,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEuB,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EAC7DvB,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAEuB,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;EAC5DvB,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAEuB,cAAc,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAClEvB,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAEuB,cAAc,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;EACjEvB,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEuB,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EAE5D,MAAMgB,aAAa,GAAIjC,KAAa,IAAK;IACvC,OAAO;MACLF,IAAI,EAAE;QACJE,KAAK,EAAEA;MACT;IACF,CAAC;EACH,CAAC;EAEDN,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAEuC,aAAa,CAACxC,cAAc,CAACyC,oBAAoB,CAAC,CAAC;EAC/ExC,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAEuC,aAAa,CAACxC,cAAc,CAAC0C,kBAAkB,CAAC,CAAC;EAC3EzC,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEuC,aAAa,CAACxC,cAAc,CAAC2C,qBAAqB,CAAC,CAAC;EACjF1C,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEuC,aAAa,CAACxC,cAAc,CAAC4C,qBAAqB,CAAC,CAAC;EACjF3C,QAAQ,CAAC,cAAc,EAAE,EAAE,EAAEuC,aAAa,CAACxC,cAAc,CAAC6C,qBAAqB,CAAC,CAAC;EACjF5C,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IAC1BI,IAAI,EAAE;MACJI,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EACnBR,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IACxBI,IAAI,EAAE;MACJI,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EACnBR,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBI,IAAI,EAAE;MACJI,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EAGnB,MAAMqC,gBAAgB,GAAGA,CAACxC,QAAgB,EAAEyC,SAAyB,KAAK;IACxE,OAAOnD,QAAQ,CAAC;MACdS,IAAI,EAAE;QACJuB,UAAU,EAAE,KAAK;QACjBtB,QAAQ,EAAEA,QAAQ;QAClB0C,MAAM,EAAE,CAAC;QACTzC,KAAK,EAAEP,cAAc,CAACiD;MACxB;IACF,CAAC,EAAmBF,SAAS,CAAC;EAChC,CAAC;EACD9C,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE6C,gBAAgB,CAAC9C,cAAc,CAACkD,gBAAgB,EAAE;IAAC7C,IAAI,EAAE;MAACuB,UAAU,EAAE;IAAM;EAAC,CAAkB,CAAC,CAAC;EACpH3B,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE6C,gBAAgB,CAAC9C,cAAc,CAACmD,gBAAgB,EAAE;IAAC9C,IAAI,EAAE;MAACuB,UAAU,EAAE;IAAK;EAAC,CAAkB,CAAC,CAAC;EACnH3B,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE6C,gBAAgB,CAAC9C,cAAc,CAACoD,gBAAgB,CAAC,CAAC;EACrEnD,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE6C,gBAAgB,CAAC9C,cAAc,CAACqD,gBAAgB,CAAC,CAAC;EACrEpD,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE6C,gBAAgB,CAAC9C,cAAc,CAACsD,gBAAgB,CAAC,CAAC;EACrErD,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAE6C,gBAAgB,CAAC9C,cAAc,CAACuD,gBAAgB,CAAC,CAAC;EACrEtD,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BI,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;EACnBL,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBI,IAAI,EAAG;MACLE,KAAK,EAAEP,cAAc,CAACwD;IACxB;EACF,CAAkB,CAAC;EACnBvD,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE;IAChBI,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;AACrB,CAAC,CAAC","ignoreList":[]}

package/components/basic/lottie/lottie.component.js

@@ -0,0 +1,139 @@
+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 axios from 'axios';
+import { Platform, View } from 'react-native';
+import LottieView from 'lottie-react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLottieProps from './lottie.props';
+import { DEFAULT_CLASS } from './lottie.styles';
+export class WmLottieState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animationData", void 0);
+    _defineProperty(this, "isCompleted", false);
+  }
+}
+export default class WmLottie extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLottieProps(), new WmLottieState());
+    _defineProperty(this, "lottie", /*#__PURE__*/React.createRef());
+  }
+  play() {
+    if (this.lottie.current) {
+      if (this.state.isCompleted) {
+        this.reset();
+      } else {
+        this.lottie.current.play();
+        this.invokeEventCallback('onPlay', [null, this.proxy]);
+      }
+    }
+  }
+  pause() {
+    if (this.lottie.current) {
+      this.lottie.current.pause();
+      this.invokeEventCallback('onPause', [null, this.proxy]);
+    }
+  }
+  reset() {
+    if (this.lottie.current) {
+      if (this.lottie.current.reset) {
+        this.lottie.current.reset();
+        this.lottie.current.play();
+      } else if (this.lottie.current.goToAndPlay) {
+        this.lottie.current.goToAndPlay(0);
+      } else {
+        return;
+      }
+      this.invokeEventCallback('onPlay', [null, this.proxy]);
+      this.updateState({
+        isCompleted: false
+      });
+    }
+  }
+  onReady() {
+    this.invokeEventCallback('onReady', [null, this.proxy]);
+    if (this.state.props.autoplay) {
+      this.invokeEventCallback('onPlay', [null, this.proxy]);
+    }
+  }
+  loadAnimationData() {
+    if (this.state.animationData || !this.loadAsset || !this.state.props.source) {
+      return;
+    }
+    if (Platform.OS == 'web') {
+      const url = this.loadAsset(this.state.props.source);
+      axios.get(url).then(({
+        data
+      }) => {
+        this.updateState({
+          animationData: data
+        }, () => this.onReady());
+      });
+    } else {
+      this.updateState({
+        animationData: this.loadAsset(this.state.props.source)
+      }, () => this.onReady());
+    }
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'src':
+        this.loadAnimationData();
+        break;
+      case 'loop':
+        if (this.initialized && !this.state.isCompleted && ($new || this.state.props.autoplay)) {
+          setTimeout(() => this.reset(), 200);
+        }
+        break;
+    }
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.loadAnimationData();
+  }
+  renderWebLottie(props) {
+    var _Lottie;
+    let Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;
+    Lottie = ((_Lottie = Lottie) === null || _Lottie === void 0 ? void 0 : _Lottie.default) || Lottie;
+    return /*#__PURE__*/React.createElement(Lottie, {
+      animationData: this.state.animationData,
+      ref: this.lottie,
+      loop: props.loop,
+      play: props.autoplay,
+      speed: props.speed,
+      style: this.styles.content,
+      onComplete: () => {
+        this.updateState({
+          isCompleted: true
+        });
+        this.invokeEventCallback('onComplete', [null, this.proxy]);
+      }
+    });
+  }
+  renderNativeLottie(props) {
+    return /*#__PURE__*/React.createElement(LottieView, {
+      source: this.state.animationData,
+      ref: this.lottie,
+      autoPlay: props.autoplay,
+      speed: props.speed,
+      loop: props.loop,
+      style: this.styles.content,
+      onAnimationFinish: () => {
+        this.updateState({
+          isCompleted: true
+        });
+        this.invokeEventCallback('onComplete', [null, this.proxy]);
+      }
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, this.state.animationData ? Platform.OS == 'web' ? this.renderWebLottie(props) : this.renderNativeLottie(props) : null);
+  }
+}
+//# sourceMappingURL=lottie.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","axios","Platform","View","LottieView","BaseComponent","BaseComponentState","WmLottieProps","DEFAULT_CLASS","WmLottieState","constructor","args","_defineProperty","WmLottie","props","createRef","play","lottie","current","state","isCompleted","reset","invokeEventCallback","proxy","pause","goToAndPlay","updateState","onReady","autoplay","loadAnimationData","animationData","loadAsset","source","OS","url","get","then","data","onPropertyChange","name","$new","$old","initialized","setTimeout","componentDidMount","renderWebLottie","_Lottie","Lottie","require","default","createElement","ref","loop","speed","style","styles","content","onComplete","renderNativeLottie","autoPlay","onAnimationFinish","renderWidget","root","onLayout","event","handleLayout","_background"],"sources":["lottie.component.tsx"],"sourcesContent":["import React from 'react';\nimport axios from 'axios';\nimport { Platform, View } from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLottieProps from './lottie.props';\nimport { DEFAULT_CLASS, WmLottieStyles } from './lottie.styles';\n\nexport class WmLottieState extends BaseComponentState<WmLottieProps> {\n  animationData: any;\n  isCompleted = false;\n}\n\nexport default class WmLottie extends BaseComponent<WmLottieProps, WmLottieState, WmLottieStyles> {\n\n  private lottie = React.createRef<LottieView>();\n\n  constructor(props: WmLottieProps) {\n    super(props, DEFAULT_CLASS, new WmLottieProps(), new WmLottieState());\n  }\n  \n  play() {\n    if (this.lottie.current) {\n      if (this.state.isCompleted) {\n        this.reset();\n      } else {\n        this.lottie.current.play();\n        this.invokeEventCallback('onPlay', [null, this.proxy]);\n      }\n    }\n  }\n\n  pause() {\n    if (this.lottie.current) {\n      this.lottie.current.pause();\n      this.invokeEventCallback('onPause', [null, this.proxy]);\n    }\n  }\n\n  reset() {\n    if (this.lottie.current) {\n      if (this.lottie.current.reset) {\n        this.lottie.current.reset();\n        this.lottie.current.play();\n      } else if((this.lottie.current as any).goToAndPlay) {\n        (this.lottie.current as any).goToAndPlay(0);\n      } else {\n        return;\n      }\n      this.invokeEventCallback('onPlay', [null, this.proxy]);\n      this.updateState({\n        isCompleted: false\n      } as WmLottieState);\n    }\n    \n  }\n\n  private onReady() {\n    this.invokeEventCallback('onReady', [null, this.proxy]);\n    if (this.state.props.autoplay) {\n      this.invokeEventCallback('onPlay', [null, this.proxy]);\n    }\n  }\n\n  private loadAnimationData() {\n    if (this.state.animationData || ! this.loadAsset || !this.state.props.source) {\n      return;\n    }\n    if (Platform.OS == 'web') {\n      const url = this.loadAsset(this.state.props.source) as string;\n      axios.get(url).then(({data}) => {\n        this.updateState({\n          animationData: data\n        } as WmLottieState, () => this.onReady());\n      });\n    } else {\n      this.updateState({\n        animationData: this.loadAsset(this.state.props.source)\n      } as WmLottieState, () => this.onReady());\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'src':\n        this.loadAnimationData();\n        break;\n      case 'loop':\n        if (this.initialized && \n          !this.state.isCompleted && \n          ($new || this.state.props.autoplay)) {\n          setTimeout(() => this.reset(), 200);\n        }\n        break;\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.loadAnimationData();\n  }\n\n  private renderWebLottie(props: WmLottieProps) {\n    let Lottie = Platform.OS == 'web' ? require('react-lottie-player') : null;\n    Lottie = Lottie?.default || Lottie;\n    return (<Lottie \n      animationData={this.state.animationData}\n      ref= {this.lottie}\n      loop={props.loop}\n      play={props.autoplay}\n      speed={props.speed}\n      style={this.styles.content}\n      onComplete={() => {\n        this.updateState({\n          isCompleted: true\n        } as WmLottieState);\n        this.invokeEventCallback('onComplete', [null, this.proxy]);\n      }}/>);\n  }\n\n  private renderNativeLottie(props: WmLottieProps) {\n    return (\n      <LottieView\n          source={this.state.animationData}\n          ref= {this.lottie}\n          autoPlay={props.autoplay}\n          speed={props.speed}\n          loop={props.loop}\n          style={this.styles.content}\n          onAnimationFinish={() => {\n            this.updateState({\n              isCompleted: true\n            } as WmLottieState);\n            this.invokeEventCallback('onComplete', [null, this.proxy]);\n          }}\n        />\n    );\n  }\n\n  renderWidget(props: WmLottieProps) {\n    return (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {this.state.animationData ? \n          (Platform.OS == 'web' ?  this.renderWebLottie(props) : this.renderNativeLottie(props)) \n          : null \n        }\n      </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/lottie/lottie.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/app-rn-runtime/core/base.component';
+export default class WmLottieProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "speed", 1);
+    _defineProperty(this, "autoplay", false);
+    _defineProperty(this, "loop", false);
+    _defineProperty(this, "source", '');
+  }
+}
+//# sourceMappingURL=lottie.props.js.map

package/components/basic/message/message.component.js

@@ -0,0 +1,79 @@
+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 { View, Text } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmMessageProps from './message.props';
+import { DEFAULT_CLASS } from './message.styles';
+import WmIcon from '../icon/icon.component';
+import WmButton from '../button/button.component';
+import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+export class WmMessageState extends BaseComponentState {}
+const MESSAGE_ICONS = {
+  'success': 'wm-sl-l sl-check',
+  'warning': 'wm-sl-l sl-alarm-bell',
+  'error': 'fa fa-times-circle',
+  'info': 'wi wi-info',
+  'loading': 'fa fa-spinner fa-spin'
+};
+const DEFAULT_TITLE = {
+  'success': 'Success',
+  'warning': 'Warning',
+  'error': 'Error',
+  'info': 'Info',
+  'loading': 'Processing'
+};
+export default class WmMessage extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmMessageProps());
+    _defineProperty(this, "close", () => {
+      this.updateState({
+        props: {
+          show: false
+        }
+      }, () => this.invokeEventCallback('onClose', [null, this]));
+    });
+  }
+  showMessage() {
+    this.updateState({
+      props: {
+        show: true
+      }
+    });
+  }
+  hideMessage() {
+    this.updateState({
+      props: {
+        show: false
+      }
+    });
+  }
+  renderWidget(props) {
+    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);
+    return /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
+      iconclass: props.type && MESSAGE_ICONS[props.type],
+      styles: styles.icon
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.message
+    }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('title'), {
+      style: styles.title
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
+      style: styles.text
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('close'),
+      iconclass: props.closeiconclass || "wi wi-close",
+      styles: styles.closeBtn,
+      onTap: this.close
+    }));
+  }
+}
+//# sourceMappingURL=message.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","delay","animationdelay","style","root","onLayout","event","handleLayout","_background","id","getTestId","iconclass","icon","message","_extends","getTestPropsForLabel","title","MESSAGE","text","caption","hideclose","closeiconclass","closeBtn","onTap","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n  'success': 'wm-sl-l sl-check',\n  'warning': 'wm-sl-l sl-alarm-bell',\n  'error': 'fa fa-times-circle',\n  'info': 'wi wi-info',\n  'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n  'success': 'Success',\n  'warning': 'Warning',\n  'error': 'Error',\n  'info': 'Info',\n  'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n  constructor(props: WmMessageProps) {\n    super(props, DEFAULT_CLASS, new WmMessageProps());\n  }\n\n  showMessage() {\n    this.updateState({\n      props: {\n        show: true\n      }\n    } as WmMessageState);\n  }\n\n  hideMessage() {\n    this.updateState({\n      props: {\n        show: false\n      }\n    } as WmMessageState);\n  }\n\n  close = () => {\n    this.updateState({props: {\n      show : false\n    }}, () => this.invokeEventCallback('onClose', [null, this]));\n  }\n\n  renderWidget(props: WmMessageProps) {\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n    return (\n    <Animatedview \n      entryanimation={props.animation} \n      delay={props.animationdelay} \n      style={styles.root}\n      onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n    >\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.type && MESSAGE_ICONS[props.type]}\n        styles={styles.icon}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass={props.closeiconclass || \"wi wi-close\"}\n          styles={styles.closeBtn}\n          onTap={this.close}></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/message/message.props.js

@@ -0,0 +1,22 @@
+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/app-rn-runtime/core/base.component';
+export default class WmMessageProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", 'fadeIn');
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "variant", 'dark');
+    _defineProperty(this, "caption", 'Message');
+    _defineProperty(this, "type", 'success');
+    _defineProperty(this, "hideclose", false);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'alert');
+    _defineProperty(this, "onClose", void 0);
+    _defineProperty(this, "closeiconclass", 'wi wi-close');
+  }
+}
+//# sourceMappingURL=message.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmMessageProps","constructor","args","_defineProperty","undefined"],"sources":["message.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmMessageProps extends BaseProps {\n  animation?: string = 'fadeIn';\n  animationdelay?: number = null as any;\n  title?: string = '';\n  variant?: string = 'dark'\n  caption? = 'Message';\n  type?: 'success' | 'warning' | 'error' | 'info' | 'loading' = 'success';\n  hideclose? = false;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'alert';\n  onClose?: () => void;\n  closeiconclass?: string = 'wi wi-close';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,yBACH,IAAI;IAAAA,eAAA,gBACb,EAAE;IAAAA,eAAA,kBACA,MAAM;IAAAA,eAAA,kBACd,SAAS;IAAAA,eAAA,eAC0C,SAAS;IAAAA,eAAA,oBAC1D,KAAK;IAAAA,eAAA,6BACYC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,OAAO;IAAAA,eAAA;IAAAA,eAAA,yBAErB,aAAa;EAAA;AACzC","ignoreList":[]}

package/components/basic/modal/modal.component.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { View, Modal as ReactModal } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmModalProps from './modal.props';
+import { DEFAULT_CLASS } from './modal.styles';
+export class WmModalState extends BaseComponentState {}
+export default class WmModal extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmModalProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(ReactModal, {
+      animationType: props.animationType,
+      transparent: true,
+      //@ts-ignore
+      style: this.styles.content,
+      onLayout: event => this.handleLayout(event)
+    }, props.children));
+  }
+}
+//# sourceMappingURL=modal.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Modal","ReactModal","BaseComponent","BaseComponentState","WmModalProps","DEFAULT_CLASS","WmModalState","WmModal","constructor","props","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","animationType","transparent","content","children"],"sources":["modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Modal as ReactModal } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmModalProps from './modal.props';\nimport { DEFAULT_CLASS, WmModalStyles } from './modal.styles';\n\nexport class WmModalState extends BaseComponentState<WmModalProps> {\n\n}\n\nexport default class WmModal extends BaseComponent<WmModalProps, WmModalState, WmModalStyles> {\n\n  constructor(props: WmModalProps) {\n    super(props, DEFAULT_CLASS, new WmModalProps());\n  }\n\n  renderWidget(props: WmModalProps) {\n    return React.createElement(View, {\n      style: this.styles.root,\n      onLayout: (event) => this.handleLayout(event)\n    }, React.createElement(ReactModal, {\n      animationType: props.animationType as any,\n      transparent: true,\n      //@ts-ignore\n      style: this.styles.content,\n      onLayout: (event) => this.handleLayout(event)\n    }, props.children));\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,KAAK,IAAIC,UAAU,QAAQ,cAAc;AACxD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAE7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;AAInE,eAAe,MAAMI,OAAO,SAASL,aAAa,CAA4C;EAE5FM,WAAWA,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAM,YAAYA,CAACD,KAAmB,EAAE;IAChC,oBAAOX,KAAK,CAACa,aAAa,CAACZ,IAAI,EAAE;MAC/Ba,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI;MACvBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAC9C,CAAC,eAAElB,KAAK,CAACa,aAAa,CAACV,UAAU,EAAE;MACjCiB,aAAa,EAAET,KAAK,CAACS,aAAoB;MACzCC,WAAW,EAAE,IAAI;MACjB;MACAP,KAAK,EAAE,IAAI,CAACC,MAAM,CAACO,OAAO;MAC1BL,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAC9C,CAAC,EAAEP,KAAK,CAACY,QAAQ,CAAC,CAAC;EACrB;AACF","ignoreList":[]}

package/components/basic/modal/modal.props.js

@@ -0,0 +1,12 @@
+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/app-rn-runtime/core/base.component';
+export default class WmModalProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "animationType", 'slide');
+  }
+}
+//# sourceMappingURL=modal.props.js.map