@wavemaker/app-rn-runtime 12.0.0-next.140535 → 12.0.0-next.141167

app-rn-runtime/components/chart/column-chart/column-chart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["column-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmColumnChartStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-column-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAASC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAK/E,OAAO,MAAMD,aAAa,GAAG,kBAAkB;AAC/CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["column-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmColumnChartStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-column-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAASC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAI/E,OAAO,MAAMD,aAAa,GAAG,kBAAkB;AAC/CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/donut-chart/donut-chart.styles.js

@@ -2,12 +2,6 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-donut-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
-    skeleton: {
-      root: {
-        height: 200
-      }
-    }
-  });
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
 });
 //# sourceMappingURL=donut-chart.styles.js.map

app-rn-runtime/components/chart/donut-chart/donut-chart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["donut-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles,  DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmDonutChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-donut-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAmCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKzG,OAAO,MAAMD,aAAa,GAAG,iBAAiB;AAC9CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["donut-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles,  DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmDonutChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-donut-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAmCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIzG,OAAO,MAAMD,aAAa,GAAG,iBAAiB;AAC9CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/line-chart/line-chart.props.js

@@ -7,8 +7,6 @@ export default class WmLineChartProps extends BaseChartComponentProps {
     super(...args);
     _defineProperty(this, "linethickness", 2);
     _defineProperty(this, "onSelect", void 0);
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
   }
 }
 //# sourceMappingURL=line-chart.props.js.map

app-rn-runtime/components/chart/line-chart/line-chart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseChartComponentProps","WmLineChartProps","constructor","args","_defineProperty"],"sources":["line-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\nexport default class WmLineChartProps extends BaseChartComponentProps {\n  linethickness: number = 2;\n  onSelect?: any;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAChG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC5C,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEC,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B","ignoreList":[]}
+{"version":3,"names":["BaseChartComponentProps","WmLineChartProps","constructor","args","_defineProperty"],"sources":["line-chart.props.ts"],"sourcesContent":["import BaseChartComponentProps from \"@wavemaker/app-rn-runtime/components/chart/basechart.props\";\nexport default class WmLineChartProps extends BaseChartComponentProps {\n  linethickness: number = 2;\n  onSelect?: any;\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,4DAA4D;AAChG,eAAe,MAAMC,gBAAgB,SAASD,uBAAuB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,wBAC5C,CAAC;IAAAA,eAAA;EAAA;AAE3B","ignoreList":[]}

app-rn-runtime/components/chart/line-chart/line-chart.styles.js

@@ -2,12 +2,6 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-line-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
-    skeleton: {
-      root: {
-        height: 200
-      }
-    }
-  });
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
 });
 //# sourceMappingURL=line-chart.styles.js.map

app-rn-runtime/components/chart/line-chart/line-chart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["line-chart.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmLineChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-line-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            } \n        } as WmSkeletonStyles\n    });\n});\n\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAE3E,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKxG,OAAO,MAAMD,aAAa,GAAG,gBAAgB;AAC7CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["line-chart.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmLineChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-line-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAE3E,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIxG,OAAO,MAAMD,aAAa,GAAG,gBAAgB;AAC7CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/chart/pie-chart/pie-chart.styles.js

@@ -2,12 +2,6 @@ import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';
 export const DEFAULT_CLASS = 'app-pie-chart';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {
-    skeleton: {
-      root: {
-        height: 200
-      }
-    }
-  });
+  addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});
 });
 //# sourceMappingURL=pie-chart.styles.js.map

app-rn-runtime/components/chart/pie-chart/pie-chart.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle","skeleton","root","height"],"sources":["pie-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmPieChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-pie-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {\n        skeleton: {\n            root: {\n                height: 200\n            }\n        } as WmSkeletonStyles\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAKxG,OAAO,MAAMD,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE;IAC9CI,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFC,MAAM,EAAE;MACZ;IACJ;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","BASE_CHART_DEFAULT_CLASS","registerStyle","themeVariables","addStyle"],"sources":["pie-chart.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {BaseChartComponentStyles, DEFAULT_CLASS as BASE_CHART_DEFAULT_CLASS } from '../basechart.styles';\n\nexport type WmPieChartStyles = BaseStyles & BaseChartComponentStyles;\n\nexport const DEFAULT_CLASS = 'app-pie-chart';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, BASE_CHART_DEFAULT_CLASS, {});\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAE/D,SAAkCC,aAAa,IAAIC,wBAAwB,QAAQ,qBAAqB;AAIxG,OAAO,MAAMD,aAAa,GAAG,eAAe;AAC5CD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACJ,aAAa,EAAEC,wBAAwB,EAAE,CAAC,CAAC,CAAC;AACzD,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/container/accordion/accordion.component.js

@@ -11,8 +11,6 @@ import WmAccordionProps from './accordion.props';
 import { DEFAULT_CLASS } from './accordion.styles';
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import { isDefined } from '@wavemaker/app-rn-runtime/core/utils';
-import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
-import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
 export class WmAccordionState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -92,23 +90,11 @@ export default class WmAccordion extends BaseComponent {
         flex: 1,
         justifyContent: 'center'
       }
-    }, this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
-      showskeleton: true,
-      styles: {
-        root: [this.styles.text, this.styles.heading]
-      },
-      caption: isDefined(item.props.title) ? item.props.title : 'Title'
-    }) : /*#__PURE__*/React.createElement(Text, _extends({
+    }, /*#__PURE__*/React.createElement(Text, _extends({
       style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}]
     }, this.getTestPropsForAction(`header${index}_title`), {
       accessibilityRole: "header"
-    }), isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
-      styles: {
-        root: this.styles.subheading
-      },
-      showskeleton: true,
-      caption: item.props.description
-    }) : /*#__PURE__*/React.createElement(Text, _extends({
+    }), isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.subheading
     }, this.getTestPropsForAction(`header${index}_description`)), item.props.description) : null), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item) : null;
   }
@@ -146,38 +132,12 @@ export default class WmAccordion extends BaseComponent {
     super.componentDidMount();
     this.toggle(this.state.props.defaultpaneindex + 1);
   }
-  getBackground() {
-    return this._showSkeleton ? null : this._background;
-  }
-  renderSkeleton(props) {
-    const accordionpanes = props.children;
-    if (!props.showskeletonchildren) {
-      var _this$props;
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
-        root: {},
-        text: {}
-      };
-      return createSkeleton(this.theme, skeletonStyles, {
-        ...this.styles.root
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.root, {
-          opacity: 0
-        }]
-      }, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null));
-    }
-    return null;
-  }
   renderWidget(props) {
-    var _this$styles$skeleton;
     const accordionpanes = props.children;
     const expandedId = this.state.lastExpandedIndex || 0;
-    const styles = this._showSkeleton ? {
-      ...this.styles.root,
-      ...((_this$styles$skeleton = this.styles.skeleton) === null || _this$styles$skeleton === void 0 ? void 0 : _this$styles$skeleton.root)
-    } : this.styles.root;
     return /*#__PURE__*/React.createElement(View, {
-      style: styles
-    }, this.getBackground(), accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null);
+      style: this.styles.root
+    }, this._background, accordionpanes ? isArray(accordionpanes) && accordionpanes.length ? accordionpanes.map((item, index) => this.renderAccordionpane(item, index, accordionpanes)) : this.renderAccordionpane(accordionpanes, 0) : null);
   }
 }
 //# sourceMappingURL=accordion.component.js.map

app-rn-runtime/components/container/accordion/accordion.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","createSkeleton","WmLabel","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","_this$state$isExpande","i","accordionPanes","findIndex","t","title","newIndex","state","isExpanded","find","v","toggle","defaultpaneindex","expand","accordionName","name","collapse","expandCollapseIcon","item","index","showBadge","showIcon","useChevron","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","show","pane","key","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","text","heading","caption","activeHeaderTitle","accessibilityRole","description","subheading","expandedId","collapseId","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","expandedPane","setState","invokeEventCallback","proxy","componentDidMount","getBackground","_background","renderSkeleton","children","showskeletonchildren","_this$props","skeletonStyles","skeleton","opacity","map","renderWidget","_this$styles$skeleton"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport {  DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => t.props.title === accordionPane.props.title);\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      this.accordionPanes[this.newIndex++] = accordionPane;\n    }\n    if (!(this.state.isExpanded?.find((v) => v))) {\n      this.toggle(this.state.props.defaultpaneindex + 1);\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon)\n    return item.props.show != false ? (\n      <View style={this.styles.pane} key={item.props.title}>\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          {item.props.iconclass ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            {this._showSkeleton ? \n             <WmLabel \n               showskeleton={true}\n               styles={{\n                root: [\n                  this.styles.text,\n                  this.styles.heading\n                ]\n              }} \n              caption={isDefined(item.props.title) ? item.props.title : 'Title'}/> :  \n             <Text \n                style={[\n                  this.styles.text,\n                  this.styles.heading,\n                  isExpanded ? this.styles.activeHeaderTitle : {}]}\n                  {...this.getTestPropsForAction(`header${index}_title`)}\n                  accessibilityRole='header'>\n                    {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>} \n            {item.props.description ? \n              (this._showSkeleton ? \n              <WmLabel \n                styles={{root: this.styles.subheading}} \n                showskeleton={true} \n                caption={item.props.description} /> : \n              <Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>\n                  {item.props.description}\n               </Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    if (expand && this.state.isExpanded[expandedId - 1]\n        || !expand && this.state.isExpanded[collapseId - 1] === false) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmAccordionProps): React.ReactNode {\n    const accordionpanes = props.children;\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n           {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton?.root\n    } : this.styles.root\n    return (\n        <View style={styles}>\n          {this.getBackground()}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","_this$state$isExpande","i","accordionPanes","findIndex","t","title","newIndex","state","isExpanded","find","v","toggle","defaultpaneindex","expand","accordionName","name","collapse","expandCollapseIcon","item","index","showBadge","showIcon","useChevron","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","show","pane","key","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","text","heading","activeHeaderTitle","accessibilityRole","description","subheading","expandedId","collapseId","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","expandedPane","setState","invokeEventCallback","proxy","componentDidMount","renderWidget","children","_background","map"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => t.props.title === accordionPane.props.title);\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      this.accordionPanes[this.newIndex++] = accordionPane;\n    }\n    if (!(this.state.isExpanded?.find((v) => v))) {\n      this.toggle(this.state.props.defaultpaneindex + 1);\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\n    }\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon)\n    return item.props.show != false ? (\n      <View style={this.styles.pane} key={item.props.title}>\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          {item.props.iconclass ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            <Text style={[\n              this.styles.text,\n              this.styles.heading,\n              isExpanded ? this.styles.activeHeaderTitle : {}]}\n              {...this.getTestPropsForAction(`header${index}_title`)}\n              accessibilityRole='header'>\n                {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            {item.props.description ? \n              (<Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>{item.props.description}</Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    if (expand && this.state.isExpanded[expandedId - 1]\n        || !expand && this.state.isExpanded[collapseId - 1] === false) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    return (\n        <View style={this.styles.root}>\n          {this._background}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/container/accordion/accordion.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmAccordionProps","constructor","args","_defineProperty"],"sources":["accordion.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionProps extends BaseProps {\n  animation: string = 'fadeInDown';\n  children: any;\n  defaultpaneindex: number = 0;\n  closeothers = true;\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAClC,YAAY;IAAAA,eAAA;IAAAA,eAAA,2BAEL,CAAC;IAAAA,eAAA,sBACd,IAAI;EAAA;AACpB","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmAccordionProps","constructor","args","_defineProperty"],"sources":["accordion.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionProps extends BaseProps {\n  animation: string = 'fadeInDown';\n  children: any;\n  defaultpaneindex: number = 0;\n  closeothers = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAClC,YAAY;IAAAA,eAAA;IAAAA,eAAA,2BAEL,CAAC;IAAAA,eAAA,sBACd,IAAI;EAAA;AACpB","ignoreList":[]}

app-rn-runtime/components/container/accordion/accordion.styles.js

@@ -106,10 +106,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     primary: {
       backgroundColor: themeVariables.labelPrimaryColor
-    },
-    skeleton: {
-      root: {},
-      text: {}
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

app-rn-runtime/components/container/accordion/accordion.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","titleIcon","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","skeleton","OS","textAlign","marginBottom"],"sources":["accordion.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmAccordionStyles = BaseStyles & {\n  icon: WmIconStyles,\n  rightToggleIcon: WmIconStyles,\n  leftToggleIcon: WmIconStyles,\n  activeIcon: WmIconStyles,\n  pane: AllStyle,\n  badge: AllStyle,\n  activeBadge: AllStyle,\n  firstHeader: ViewStyle,\n  lastHeader: ViewStyle,\n  header: AllStyle,\n  activeHeader: AllStyle,\n  activeHeaderTitle: TextStyle,\n  subheading: AllStyle,\n  titleIcon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n \nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmAccordionStyles = defineStyles({\n      root: {\n        width: '100%',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        borderRadius: 6,\n        backgroundColor: themeVariables.transparent\n      },\n      text: {\n        color: themeVariables.accordionTitleColor,\n        fontSize: 18\n      },\n      firstHeader: {\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      pane : {},\n      header: {\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        backgroundColor: themeVariables.accordionHeaderBgColor,\n        padding: 8,\n        flexDirection: 'row',\n        justifyContent: 'center'\n      },\n      lastHeader: {\n        borderBottomWidth: 0,\n        borderBottomLeftRadius: 6,\n        borderBottomRightRadius: 6\n      },\n      activeHeader: {\n        borderColor: themeVariables.accordionActiveHeaderBgColor,\n        backgroundColor: themeVariables.accordionActiveHeaderBgColor\n      },\n      activeHeaderTitle: {\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      subheading: {\n\n      },\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          width: 24,\n          height: 24,\n          borderRadius: 24,\n          justifyContent: 'center'\n        },\n        icon: {\n          color: themeVariables.accordionIconColor,\n          alignSelf: 'center',\n          justifyContent: 'center',\n          fontSize: 16,\n          fontWeight: 'bold'\n        }\n      } as WmIconStyles,\n      leftToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      rightToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      activeIcon : {\n        root: {\n          borderColor: themeVariables.accordionActiveHeaderTextColor,\n        },\n        icon: {\n          color: themeVariables.accordionActiveHeaderTextColor\n        }\n      } as WmIconStyles,\n      activeBadge: {\n        borderColor: themeVariables.accordionActiveHeaderTextColor,\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      badge: {\n          color: themeVariables.accordionIconColor,\n          fontSize: 14,\n          marginRight: 4,\n          width: 24,\n          height: 24,\n          borderRadius: 12,\n          alignContent: 'center',\n          borderStyle: 'solid',\n          borderWidth: 2,\n          borderColor: themeVariables.accordionIconColor,\n          backgroundColor: themeVariables.transparent\n      },\n      titleIcon: {} as WmIconStyles,\n      default: {},\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      },\n      skeleton: {\n        root: {\n        },\n        text: {}\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n        textAlign:'right',\n    }  \n  }:{\n    text:{\n      textAlign:'left',\n    }  \n  });\n  addStyle('app-accordion1', '', {\n    pane: {\n      marginBottom: 0\n    },\n    leftToggleIcon: {\n      root: {\n        width: 1\n      }\n    },\n    icon: {\n      root: {\n        backgroundColor: 'rgba(255, 255, 255, 0.1)'\n      }\n    }\n  } as WmAccordionStyles);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","fontWeight","leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","titleIcon","default","success","labelSuccessColor","danger","labelDangerColor","warning","labelWarningColor","info","labelInfoColor","primary","labelPrimaryColor","OS","textAlign","marginBottom"],"sources":["accordion.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\n\nexport type WmAccordionStyles = BaseStyles & {\n  icon: WmIconStyles,\n  rightToggleIcon: WmIconStyles,\n  leftToggleIcon: WmIconStyles,\n  activeIcon: WmIconStyles,\n  pane: AllStyle,\n  badge: AllStyle,\n  activeBadge: AllStyle,\n  firstHeader: ViewStyle,\n  lastHeader: ViewStyle,\n  header: AllStyle,\n  activeHeader: AllStyle,\n  activeHeaderTitle: TextStyle,\n  subheading: AllStyle,\n  titleIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-accordion';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmAccordionStyles = defineStyles({\n      root: {\n        width: '100%',\n        borderWidth: 0,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        borderRadius: 6,\n        backgroundColor: themeVariables.transparent\n      },\n      text: {\n        color: themeVariables.accordionTitleColor,\n        fontSize: 18\n      },\n      firstHeader: {\n        borderTopLeftRadius: 6,\n        borderTopRightRadius: 6\n      },\n      pane : {},\n      header: {\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.accordionBorderColor,\n        backgroundColor: themeVariables.accordionHeaderBgColor,\n        padding: 8,\n        flexDirection: 'row',\n        justifyContent: 'center'\n      },\n      lastHeader: {\n        borderBottomWidth: 0,\n        borderBottomLeftRadius: 6,\n        borderBottomRightRadius: 6\n      },\n      activeHeader: {\n        borderColor: themeVariables.accordionActiveHeaderBgColor,\n        backgroundColor: themeVariables.accordionActiveHeaderBgColor\n      },\n      activeHeaderTitle: {\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      subheading: {\n\n      },\n      icon: {\n        root: {\n          alignSelf: 'auto',\n          width: 24,\n          height: 24,\n          borderRadius: 24,\n          justifyContent: 'center'\n        },\n        icon: {\n          color: themeVariables.accordionIconColor,\n          alignSelf: 'center',\n          justifyContent: 'center',\n          fontSize: 16,\n          fontWeight: 'bold'\n        }\n      } as WmIconStyles,\n      leftToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      rightToggleIcon: {\n        root: {}\n      } as WmIconStyles,\n      activeIcon : {\n        root: {\n          borderColor: themeVariables.accordionActiveHeaderTextColor,\n        },\n        icon: {\n          color: themeVariables.accordionActiveHeaderTextColor\n        }\n      } as WmIconStyles,\n      activeBadge: {\n        borderColor: themeVariables.accordionActiveHeaderTextColor,\n        color: themeVariables.accordionActiveHeaderTextColor\n      },\n      badge: {\n          color: themeVariables.accordionIconColor,\n          fontSize: 14,\n          marginRight: 4,\n          width: 24,\n          height: 24,\n          borderRadius: 12,\n          alignContent: 'center',\n          borderStyle: 'solid',\n          borderWidth: 2,\n          borderColor: themeVariables.accordionIconColor,\n          backgroundColor: themeVariables.transparent\n      },\n      titleIcon: {} as WmIconStyles,\n      default: {},\n      success: {\n        backgroundColor: themeVariables.labelSuccessColor\n      },\n      danger: {\n        backgroundColor: themeVariables.labelDangerColor\n      },\n      warning: {\n        backgroundColor: themeVariables.labelWarningColor\n      },\n      info: {\n        backgroundColor: themeVariables.labelInfoColor\n      },\n      primary: {\n        backgroundColor: themeVariables.labelPrimaryColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n        textAlign:'right',\n    }  \n  }:{\n    text:{\n      textAlign:'left',\n    }  \n  });\n  addStyle('app-accordion1', '', {\n    pane: {\n      marginBottom: 0\n    },\n    leftToggleIcon: {\n      root: {\n        width: 1\n      }\n    },\n    icon: {\n      root: {\n        backgroundColor: 'rgba(255, 255, 255, 0.1)'\n      }\n    }\n  } as WmAccordionStyles);\n});\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/container/accordion/accordionpane/accordionpane.component.js

@@ -42,10 +42,7 @@ export default class WmAccordionpane extends BaseComponent {
   }
   componentDidMount() {
     const accordion = this.parent;
-    // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function
-    if (accordion.addAccordionPane) {
-      accordion.addAccordionPane(this);
-    }
+    accordion.addAccordionPane(this);
     super.componentDidMount();
   }
   onPartialLoad() {

app-rn-runtime/components/container/accordion/accordionpane/accordionpane.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","show","updateState","invokeEventCallback","proxy","hide","expand","parent","name","collapse","componentDidMount","accordion","addAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","createElement","style","maxHeight","overflow","_background","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n  collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n  }\n\n  isCollapsed() {\n    return this.state.collapsed;\n  }\n  \n  show() {\n    this.updateState({\n      collapsed: false\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  hide() {\n    this.updateState({\n      collapsed: true\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  expand() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  collapse() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    // When skeleton is enabled in the accordion component, the parent would be WMSkeleton which doesnot have addAccordionPane function\n    if(accordion.addAccordionPane) {\n      accordion.addAccordionPane(this);\n    }\n    super.componentDidMount();\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    return isWebPreviewMode() ? \n    (<View style={this.state.collapsed ? {maxHeight: 0, overflow: 'hidden'} : {}}>\n      {this._background}\n      {this.renderContent(props)}\n    </View>) :\n    (<CollapsiblePane close={this.state.collapsed}>\n      {this._background}\n      {this.renderContent(props)}\n    </CollapsiblePane>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmAccordionpaneProps","DEFAULT_CLASS","View","isWebPreviewMode","CollapsiblePane","WmAccordionpaneState","constructor","args","_defineProperty","WmAccordionpane","props","isCollapsed","state","collapsed","show","updateState","invokeEventCallback","proxy","hide","expand","parent","name","collapse","componentDidMount","accordion","addAccordionPane","onPartialLoad","renderContent","renderPartial","isPartialLoaded","setTimeout","bind","children","renderWidget","createElement","style","maxHeight","overflow","_background","close"],"sources":["accordionpane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmAccordionpaneProps from './accordionpane.props';\nimport { DEFAULT_CLASS, WmAccordionpaneStyles } from './accordionpane.styles';\nimport WmAccordion from '../accordion.component';\nimport { View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from '../../panel/collapsible-pane.component';\n\nexport class WmAccordionpaneState extends BaseComponentState<WmAccordionpaneProps> {\n  isPartialLoaded = false;\n  collapsed = true;\n}\n\nexport default class WmAccordionpane extends BaseComponent<WmAccordionpaneProps, WmAccordionpaneState, WmAccordionpaneStyles> {\n\n  constructor(props: WmAccordionpaneProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());\n  }\n\n  isCollapsed() {\n    return this.state.collapsed;\n  }\n  \n  show() {\n    this.updateState({\n      collapsed: false\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onExpand', [null, this.proxy]);\n  }\n\n  hide() {\n    this.updateState({\n      collapsed: true\n    } as WmAccordionpaneState);\n    this.invokeEventCallback('onCollapse', [null, this.proxy]);\n  }\n\n  expand() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  collapse() {\n    (this.parent as WmAccordion).expand(this.props.name || '');\n  }\n\n  componentDidMount() {\n    const accordion = (this.parent) as WmAccordion;\n    accordion.addAccordionPane(this);\n    super.componentDidMount();\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmAccordionpaneProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmAccordionpaneState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n  renderWidget(props: WmAccordionpaneProps) {\n    return isWebPreviewMode() ? \n    (<View style={this.state.collapsed ? {maxHeight: 0, overflow: 'hidden'} : {}}>\n      {this._background}\n      {this.renderContent(props)}\n    </View>) :\n    (<CollapsiblePane close={this.state.collapsed}>\n      {this._background}\n      {this.renderContent(props)}\n    </CollapsiblePane>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/container/container.component.js

@@ -9,7 +9,6 @@ import { DEFAULT_CLASS } from './container.styles';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
 import { PartialHost, PartialHostState } from './partial-host.component';
-import { createSkeleton } from '../basic/skeleton/skeleton.component';
 export class WmContainerState extends PartialHostState {
   constructor(...args) {
     super(...args);
@@ -20,49 +19,16 @@ export default class WmContainer extends PartialHost {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());
   }
-  getBackground() {
-    return this._showSkeleton ? null : this._background;
-  }
-  renderSkeleton(props) {
-    if (!props.showskeletonchildren) {
-      var _this$props;
-      const dimensions = {
-        width: this.styles.root.width ? '100%' : undefined,
-        height: this.styles.root.height ? '100%' : undefined
-      };
-      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
-        root: {},
-        text: {}
-      };
-      return createSkeleton(this.theme, skeletonStyles, {
-        ...this.styles.root
-      }, /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.root, {
-          opacity: 0
-        }]
-      }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
-        target: this,
-        styles: dimensions
-      }), /*#__PURE__*/React.createElement(View, {
-        style: [dimensions, this.styles.content]
-      }, this.renderContent(props)))));
-    }
-    return null;
-  }
   renderWidget(props) {
     const dimensions = {
       width: this.styles.root.width ? '100%' : undefined,
       height: this.styles.root.height ? '100%' : undefined
     };
-    const styles = this._showSkeleton ? {
-      ...this.styles.root,
-      ...this.styles.skeleton.root
-    } : this.styles.root;
     return /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       delay: props.animationdelay,
-      style: styles
-    }, this.getBackground(), /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
       target: this,
       styles: dimensions
     }), /*#__PURE__*/React.createElement(View, {

app-rn-runtime/components/container/container.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","WmContainerState","constructor","args","_defineProperty","WmContainer","props","getBackground","_showSkeleton","_background","renderSkeleton","showskeletonchildren","_this$props","dimensions","width","styles","root","undefined","height","skeletonStyles","skeleton","text","theme","createElement","style","opacity","_extends","getTestPropsForAction","target","content","renderContent","renderWidget","entryanimation","animation","delay","animationdelay"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ColorValue, View, ViewStyle } from 'react-native';\n\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\nimport { createSkeleton } from '../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n  }\n\n  getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmContainerProps): React.ReactNode {\n      if(!props.showskeletonchildren) {\n        const dimensions = {\n          width: this.styles.root.width ? '100%' : undefined,\n          height: this.styles.root.height ? '100%' : undefined\n        };    \n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n                  <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={styles}>\n        {this.getBackground()}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","WmContainerState","constructor","args","_defineProperty","WmContainer","props","renderWidget","dimensions","width","styles","root","undefined","height","createElement","entryanimation","animation","delay","animationdelay","style","_background","_extends","getTestPropsForAction","target","content","renderContent"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\n\nimport WmContainerProps from './container.props';\nimport { DEFAULT_CLASS, WmContainerStyles } from './container.styles';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { PartialHost, PartialHostState } from './partial-host.component';\n\nexport class WmContainerState extends PartialHostState<WmContainerProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmContainer extends PartialHost<WmContainerProps, WmContainerState, WmContainerStyles> {\n  constructor(props: WmContainerProps) {\n    super(props, DEFAULT_CLASS, new WmContainerProps(), new WmContainerState());\n  }\n\n  renderWidget(props: WmContainerProps) {\n    const dimensions = {\n      width: this.styles.root.width ? '100%' : undefined,\n      height: this.styles.root.height ? '100%' : undefined\n    };\n    return (\n      <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={this.styles.root}>\n        {this._background}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions}>\n            <View style={[dimensions as ViewStyle,  this.styles.content]}>{this.renderContent(props)}</View>\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAmB,cAAc;AAE9C,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAASC,WAAW,EAAEC,gBAAgB,QAAQ,0BAA0B;AAExE,OAAO,MAAMC,gBAAgB,SAASD,gBAAgB,CAAmB;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACrD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAASN,WAAW,CAAwD;EAC1GG,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIM,gBAAgB,CAAC,CAAC,CAAC;EAC7E;EAEAM,YAAYA,CAACD,KAAuB,EAAE;IACpC,MAAME,UAAU,GAAG;MACjBC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,KAAK,GAAG,MAAM,GAAGG,SAAS;MAClDC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACC,IAAI,CAACE,MAAM,GAAG,MAAM,GAAGD;IAC7C,CAAC;IACD,oBACEnB,KAAA,CAAAqB,aAAA,CAAChB,YAAY;MAACiB,cAAc,EAAET,KAAK,CAACU,SAAU;MAACC,KAAK,EAAEX,KAAK,CAACY,cAAe;MAACC,KAAK,EAAE,IAAI,CAACT,MAAM,CAACC;IAAK,GACjG,IAAI,CAACS,WAAW,eACjB3B,KAAA,CAAAqB,aAAA,CAACjB,QAAQ,EAAAwB,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,MAAM,EAAE,IAAK;MAACb,MAAM,EAAEF;IAAW,iBACzEf,KAAA,CAAAqB,aAAA,CAACpB,IAAI;MAACyB,KAAK,EAAE,CAACX,UAAU,EAAgB,IAAI,CAACE,MAAM,CAACc,OAAO;IAAE,GAAE,IAAI,CAACC,aAAa,CAACnB,KAAK,CAAQ,CACzF,CACE,CAAC;EAEnB;AACF","ignoreList":[]}

app-rn-runtime/components/container/container.styles.js

@@ -7,13 +7,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     text: {},
     content: {
       flexDirection: 'column'
-    },
-    skeleton: {
-      root: {
-        borderColor: 'transparent',
-        shadowColor: 'transparent',
-        backgroundColor: 'transparent'
-      }
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

app-rn-runtime/components/container/container.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","content","flexDirection","skeleton","borderColor","shadowColor","backgroundColor","flex","paddingLeft","paddingRight","justifyContent","shadowOffset","width","height","shadowRadius","borderRadius","borderWidth","containerOutlineColor","borderStyle"],"sources":["container.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\n\nexport type WmContainerStyles = BaseStyles & {\n    content: AllStyle,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-container';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmContainerStyles = defineStyles({\n        root: {},\n        text: {},\n        content: {\n            flexDirection: 'column'\n        },\n        skeleton: {\n            root: {\n                borderColor: 'transparent',\n                shadowColor: 'transparent',\n                backgroundColor: 'transparent',\n            },\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('media-body', '', {\n        root: {\n            flex: 1,\n            paddingLeft: 8,\n            paddingRight: 8,\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('media-right', '', {\n        root: {\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('app-elevated-container', '', {\n        root: {\n            shadowColor: 'rgba(0, 0, 0, 0.2)',\n            shadowOffset: {\n                width: 2,\n                height: 2\n            },\n            shadowRadius: 2,\n            borderRadius: 8\n        }\n    } as WmContainerStyles);\n    addStyle('app-outlined-container', '', {\n        root: {\n            borderWidth: 1,\n            borderColor: themeVariables.containerOutlineColor,\n            borderStyle: 'solid'\n        }\n    } as WmContainerStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLC,aAAa,EAAE;IACnB,CAAC;IACDC,QAAQ,EAAE;MACNJ,IAAI,EAAE;QACFK,WAAW,EAAE,aAAa;QAC1BC,WAAW,EAAE,aAAa;QAC1BC,eAAe,EAAE;MACrB;IACJ;EACJ,CAAC,CAAC;EAEFT,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAE;MACFQ,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBb,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;MACFW,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBb,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFM,WAAW,EAAE,oBAAoB;MACjCM,YAAY,EAAE;QACVC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACZ,CAAC;MACDC,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE;IAClB;EACJ,CAAsB,CAAC;EACvBlB,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFiB,WAAW,EAAE,CAAC;MACdZ,WAAW,EAAER,cAAc,CAACqB,qBAAqB;MACjDC,WAAW,EAAE;IACjB;EACJ,CAAsB,CAAC;AAC3B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","content","flexDirection","flex","paddingLeft","paddingRight","justifyContent","shadowColor","shadowOffset","width","height","shadowRadius","borderRadius","borderWidth","borderColor","containerOutlineColor","borderStyle"],"sources":["container.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle }  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmContainerStyles = BaseStyles & {\n    content: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-container';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmContainerStyles = defineStyles({\n        root: {},\n        text: {},\n        content: {\n            flexDirection: 'column'\n        }\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('media-body', '', {\n        root: {\n            flex: 1,\n            paddingLeft: 8,\n            paddingRight: 8,\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('media-right', '', {\n        root: {\n            justifyContent: 'center'\n        }\n    } as WmContainerStyles);\n    addStyle('app-elevated-container', '', {\n        root: {\n            shadowColor: 'rgba(0, 0, 0, 0.2)',\n            shadowOffset: {\n                width: 2,\n                height: 2\n            },\n            shadowRadius: 2,\n            borderRadius: 8\n        }\n    } as WmContainerStyles);\n    addStyle('app-outlined-container', '', {\n        root: {\n            borderWidth: 1,\n            borderColor: themeVariables.containerOutlineColor,\n            borderStyle: 'solid'\n        }\n    } as WmContainerStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAAqBC,YAAY,QAAQ,+CAA+C;AAMxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACLC,aAAa,EAAE;IACnB;EACJ,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAE;MACFI,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBT,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;MACFO,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBT,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFQ,WAAW,EAAE,oBAAoB;MACjCC,YAAY,EAAE;QACVC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACZ,CAAC;MACDC,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE;IAClB;EACJ,CAAsB,CAAC;EACvBf,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFc,WAAW,EAAE,CAAC;MACdC,WAAW,EAAElB,cAAc,CAACmB,qBAAqB;MACjDC,WAAW,EAAE;IACjB;EACJ,CAAsB,CAAC;AAC3B,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.component.js

@@ -9,12 +9,8 @@ export default class WmGridrow extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmGridrowProps());
   }
   renderWidget(props) {
-    const styles = this._showSkeleton ? {
-      ...this.styles.root,
-      ...this.styles.skeleton.root
-    } : this.styles.root;
     return /*#__PURE__*/React.createElement(View, {
-      style: styles
+      style: this.styles.root
     }, this._background, props.children);
   }
 }

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridrowProps","DEFAULT_CLASS","WmGridrowState","WmGridrow","constructor","props","renderWidget","styles","_showSkeleton","root","skeleton","createElement","style","_background","children"],"sources":["gridrow.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridrowProps from './gridrow.props';\nimport { DEFAULT_CLASS, WmGridRowStyles } from './gridrow.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport class WmGridrowState extends BaseComponentState<WmGridrowProps> {\n\n}\n\nexport default class WmGridrow extends BaseComponent<WmGridrowProps, WmGridrowState, WmGridRowStyles> {\n\n  constructor(props: WmGridrowProps) {\n    super(props, DEFAULT_CLASS, new WmGridrowProps());\n  }\n\n  renderWidget(props: WmGridrowProps) {\n    const styles = this._showSkeleton ?  {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n\n    return (\n      <View style={styles}>{this._background}{props.children}</View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAGjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;EACnD;EAEAM,YAAYA,CAACD,KAAqB,EAAE;IAClC,MAAME,MAAM,GAAG,IAAI,CAACC,aAAa,GAAI;MACnC,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnB,GAAG,IAAI,CAACF,MAAM,CAACG,QAAQ,CAACD;IAC1B,CAAC,GAAG,IAAI,CAACF,MAAM,CAACE,IAAI;IAEpB,oBACEb,KAAA,CAAAe,aAAA,CAACd,IAAI;MAACe,KAAK,EAAEL;IAAO,GAAE,IAAI,CAACM,WAAW,EAAER,KAAK,CAACS,QAAe,CAAC;EAElE;AACF","ignoreList":[]}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridrowProps","DEFAULT_CLASS","WmGridrowState","WmGridrow","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["gridrow.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmGridrowProps from './gridrow.props';\nimport { DEFAULT_CLASS, WmGridRowStyles } from './gridrow.styles';\n\nexport class WmGridrowState extends BaseComponentState<WmGridrowProps> {\n\n}\n\nexport default class WmGridrow extends BaseComponent<WmGridrowProps, WmGridrowState, WmGridRowStyles> {\n\n  constructor(props: WmGridrowProps) {\n    super(props, DEFAULT_CLASS, new WmGridrowProps());\n  }\n\n  renderWidget(props: WmGridrowProps) {\n    return (\n      <View style={this.styles.root}>{this._background}{props.children}</View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASH,kBAAkB,CAAiB;AAIvE,eAAe,MAAMI,SAAS,SAASL,aAAa,CAAkD;EAEpGM,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;EACnD;EAEAM,YAAYA,CAACD,KAAqB,EAAE;IAClC,oBACET,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAE5E;AACF","ignoreList":[]}

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.styles.js

@@ -8,12 +8,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       width: '100%',
       flexWrap: 'wrap'
     },
-    text: {},
-    skeleton: {
-      root: {
-        borderColor: 'transparent'
-      }
-    }
+    text: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
   addStyle('table-row', '', {

app-rn-runtime/components/container/layoutgrid/gridrow/gridrow.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","width","flexWrap","text","skeleton","borderColor","borderBottomWidth","borderStyle","gridColumnBorderColor","backgroundColor","layoutGridHeaderBgColor","layoutGridStripColor1","layoutGridStripColor2"],"sources":["gridrow.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmGridRowStyles = BaseStyles & {\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-gridrow';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmGridRowStyles = defineStyles({\n      root: {\n          flexDirection: 'row',\n          width: '100%',\n          flexWrap: 'wrap'\n      },\n      text: {},\n      skeleton: {\n        root: {\n          borderColor: 'transparent'\n        } \n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('table-row', '', {\n      root: {\n          borderBottomWidth: 1,\n          borderStyle: 'solid',\n          borderColor: themeVariables.gridColumnBorderColor\n      }\n  });\n  addStyle('table-header-row', '', {\n      root: {\n          backgroundColor: themeVariables.layoutGridHeaderBgColor\n      }\n  });\n  addStyle('table-striped-row0', '', {\n    root: {\n      backgroundColor: themeVariables.layoutGridStripColor1\n    }\n  });\n  addStyle('table-striped-row1', '', {\n    root: {\n      backgroundColor: themeVariables.layoutGridStripColor2\n    }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE;IACd,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACRL,IAAI,EAAE;QACJM,WAAW,EAAE;MACf;IACF;EACJ,CAAC,CAAC;EAEFR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IACtBE,IAAI,EAAE;MACFO,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBF,WAAW,EAAET,cAAc,CAACY;IAChC;EACJ,CAAC,CAAC;EACFX,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAE;IAC7BE,IAAI,EAAE;MACFU,eAAe,EAAEb,cAAc,CAACc;IACpC;EACJ,CAAC,CAAC;EACFb,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IACjCE,IAAI,EAAE;MACJU,eAAe,EAAEb,cAAc,CAACe;IAClC;EACF,CAAC,CAAC;EACFd,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IACjCE,IAAI,EAAE;MACJU,eAAe,EAAEb,cAAc,CAACgB;IAClC;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","width","flexWrap","text","borderBottomWidth","borderStyle","borderColor","gridColumnBorderColor","backgroundColor","layoutGridHeaderBgColor","layoutGridStripColor1","layoutGridStripColor2"],"sources":["gridrow.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmGridRowStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-gridrow';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmGridRowStyles = defineStyles({\n      root: {\n          flexDirection: 'row',\n          width: '100%',\n          flexWrap: 'wrap'\n      },\n      text: {}\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('table-row', '', {\n      root: {\n          borderBottomWidth: 1,\n          borderStyle: 'solid',\n          borderColor: themeVariables.gridColumnBorderColor\n      }\n  });\n  addStyle('table-header-row', '', {\n      root: {\n          backgroundColor: themeVariables.layoutGridHeaderBgColor\n      }\n  });\n  addStyle('table-striped-row0', '', {\n    root: {\n      backgroundColor: themeVariables.layoutGridStripColor1\n    }\n  });\n  addStyle('table-striped-row1', '', {\n    root: {\n      backgroundColor: themeVariables.layoutGridStripColor2\n    }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE;IACd,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFN,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IACtBE,IAAI,EAAE;MACFK,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEV,cAAc,CAACW;IAChC;EACJ,CAAC,CAAC;EACFV,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAE;IAC7BE,IAAI,EAAE;MACFS,eAAe,EAAEZ,cAAc,CAACa;IACpC;EACJ,CAAC,CAAC;EACFZ,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IACjCE,IAAI,EAAE;MACJS,eAAe,EAAEZ,cAAc,CAACc;IAClC;EACF,CAAC,CAAC;EACFb,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAE;IACjCE,IAAI,EAAE;MACJS,eAAe,EAAEZ,cAAc,CAACe;IAClC;EACF,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}