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

package/components/container/accordion/accordion.component.js

@@ -0,0 +1,191 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { Badge } from 'react-native-paper';
+import { isArray } from 'lodash';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+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);
+    _defineProperty(this, "lastExpandedIndex", -1);
+    _defineProperty(this, "isExpanded", []);
+  }
+}
+export default class WmAccordion extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());
+    _defineProperty(this, "accordionPanes", []);
+    _defineProperty(this, "newIndex", 0);
+  }
+  addAccordionPane(accordionPane) {
+    const i = this.accordionPanes.findIndex(t => {
+      return t.paneId === accordionPane.paneId;
+    });
+    if (i >= 0) {
+      this.accordionPanes[i] = accordionPane;
+    } else {
+      accordionPane.paneId = `accordionPane${this.newIndex++}`;
+      this.accordionPanes.push(accordionPane);
+    }
+    this.toggle(this.state.props.defaultpaneindex + 1);
+  }
+  removeAccordionPane(accordionPane) {
+    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);
+    if (index >= 0) {
+      this.accordionPanes.splice(index, 1);
+      this.newIndex--;
+    }
+  }
+  expand(accordionName) {
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);
+    this.toggle(i + 1, true);
+  }
+  collapse(accordionName) {
+    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);
+    this.toggle(i + 1, false);
+  }
+  expandCollapseIcon(item, index, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {
+    const widgetProps = item.props;
+    //@ts-ignore
+    const badge = showBadge && widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
+      style: [this.styles.badge, isExpanded ? this.styles.activeBadge : null, this.styles[widgetProps.badgetype || 'default']]
+    }, this.getTestProps('badge' + index)), widgetProps.badgevalue) : null;
+    let iconclass = null;
+    if (useChevron) {
+      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';
+    } else {
+      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, badge, showIcon ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon' + index),
+      styles: this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null),
+      name: 'expand_collapse_icon',
+      iconclass: iconclass
+    }) : null);
+  }
+  renderAccordionpane(item, index, accordionpanes = []) {
+    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
+    const isExpanded = this.state.isExpanded[index];
+    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon);
+    return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
+      style: this.styles.pane,
+      key: item.props.title,
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+      key: 'accordionpane_' + (index + 1)
+    }, this.getTestPropsForAction(`header${index}`), {
+      style: [this.styles.header, index === 0 ? this.styles.firstHeader : null, index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader : null, isExpanded ? this.styles.activeHeader : {}],
+      onPress: this.toggle.bind(this, index + 1, !isExpanded)
+    }), this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded), item.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
+      styles: titleIconStyles,
+      name: item.props.name + '_icon',
+      iconclass: item.props.iconclass
+    }) : null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'column',
+        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({
+      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({
+      style: this.styles.subheading
+    }, this.getTestPropsForAction(`header${index}_description`)), item.props.description) : null), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item) : null;
+  }
+  toggle(index, expand = true) {
+    let expandedId = expand ? index : -1;
+    let collapseId = expand ? -1 : index;
+    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1] : null;
+    if (expand && this.state.isExpanded[expandedId - 1] && !(expandedPane !== null && expandedPane !== void 0 && expandedPane.state.collapsed) || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane !== null && expandedPane !== void 0 && expandedPane.state.collapsed) {
+      return;
+    }
+    if (collapseId < 0 && this.state.props.closeothers) {
+      collapseId = this.state.lastExpandedIndex;
+    }
+    const collapsedPane = this.accordionPanes[collapseId - 1];
+    collapsedPane === null || collapsedPane === void 0 || collapsedPane.hide();
+    Promise.resolve().then(() => {
+      expandedPane === null || expandedPane === void 0 || expandedPane.show();
+      this.setState(state => {
+        if (collapseId > 0 && collapsedPane) {
+          state.isExpanded[collapseId - 1] = false;
+        }
+        if (expandedId > 0 && expandedPane) {
+          state.isExpanded[expandedId - 1] = true;
+        }
+        return {
+          lastExpandedIndex: expandedId,
+          isExpanded: [...state.isExpanded]
+        };
+      }, () => {
+        this.invokeEventCallback('onChange', [{}, this.proxy, expandedId - 1, collapseId ? collapseId - 1 : null, expandedPane && expandedPane.props.name, collapsedPane && collapsedPane.props.name]);
+      });
+    }, () => {});
+  }
+  componentDidMount() {
+    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);
+  }
+}
+//# sourceMappingURL=accordion.component.js.map

package/components/container/accordion/accordion.component.js.map

@@ -0,0 +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","i","accordionPanes","findIndex","t","paneId","newIndex","push","toggle","state","defaultpaneindex","removeAccordionPane","index","splice","expand","accordionName","name","collapse","expandCollapseIcon","item","showBadge","showIcon","useChevron","isExpanded","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","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","text","heading","caption","activeHeaderTitle","accessibilityRole","description","subheading","expandedId","collapseId","expandedPane","collapsed","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","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 => {\n      return t.paneId === accordionPane.paneId});\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      accordionPane.paneId = `accordionPane${this.newIndex++}`;\n      this.accordionPanes.push(accordionPane);\n    }\n    this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  removeAccordionPane(accordionPane: WmAccordionpane){\n    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n    if (index >= 0) {\n      this.accordionPanes.splice(index, 1); \n      this.newIndex--;\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 \n        style={this.styles.pane} \n        key={item.props.title}\n        onLayout={(event) => this.handleLayout(event)}\n      >\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    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n    if (expand && this.state.isExpanded[expandedId - 1] && !expandedPane?.state.collapsed\n        || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane?.state.collapsed) {\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      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":[]}

package/components/container/accordion/accordion.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 WmAccordionProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", 'fadeInDown');
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "defaultpaneindex", 0);
+    _defineProperty(this, "closeothers", true);
+  }
+}
+//# sourceMappingURL=accordion.props.js.map

package/components/container/accordion/accordionpane/accordionpane.component.js

@@ -0,0 +1,85 @@
+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 { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAccordionpaneProps from './accordionpane.props';
+import { DEFAULT_CLASS } from './accordionpane.styles';
+import { View } from 'react-native';
+import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { CollapsiblePane } from '../../panel/collapsible-pane.component';
+export class WmAccordionpaneState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+    _defineProperty(this, "collapsed", true);
+  }
+}
+export default class WmAccordionpane extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAccordionpaneProps(), new WmAccordionpaneState());
+    _defineProperty(this, "paneId", "");
+  }
+  isCollapsed() {
+    return this.state.collapsed;
+  }
+  show() {
+    this.updateState({
+      collapsed: false
+    });
+    this.invokeEventCallback('onExpand', [null, this.proxy]);
+  }
+  hide() {
+    this.updateState({
+      collapsed: true
+    });
+    this.invokeEventCallback('onCollapse', [null, this.proxy]);
+  }
+  expand() {
+    this.parent.expand(this.props.name || '');
+  }
+  collapse() {
+    this.parent.expand(this.props.name || '');
+  }
+  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);
+    }
+    super.componentDidMount();
+  }
+  componentWillUnmount() {
+    const accordion = this.parent;
+    if (accordion.removeAccordionPane) {
+      accordion.removeAccordionPane(this);
+    }
+  }
+  onPartialLoad() {
+    this.invokeEventCallback('onLoad', [this]);
+  }
+  renderContent(props) {
+    if (props.renderPartial) {
+      if (!this.state.isPartialLoaded) {
+        setTimeout(() => {
+          this.updateState({
+            isPartialLoaded: true
+          });
+        });
+      }
+      return props.renderPartial(props, this.onPartialLoad.bind(this));
+    }
+    return props.children;
+  }
+  renderWidget(props) {
+    return isWebPreviewMode() ? /*#__PURE__*/React.createElement(View, {
+      style: this.state.collapsed ? {
+        maxHeight: 0,
+        overflow: 'hidden'
+      } : {}
+    }, this._background, this.renderContent(props)) : /*#__PURE__*/React.createElement(CollapsiblePane, {
+      close: this.state.collapsed
+    }, this._background, this.renderContent(props));
+  }
+}
+//# sourceMappingURL=accordionpane.component.js.map

package/components/container/accordion/accordionpane/accordionpane.props.js

@@ -0,0 +1,17 @@
+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 WmAccordionpaneProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "title", 'Title');
+    _defineProperty(this, "renderPartial", void 0);
+    _defineProperty(this, "subheading", null);
+    _defineProperty(this, "badgevalue", null);
+    _defineProperty(this, "badgetype", null);
+  }
+}
+//# sourceMappingURL=accordionpane.props.js.map

package/components/container/container.component.js

@@ -0,0 +1,108 @@
+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 } from 'react-native';
+import WmContainerProps from './container.props';
+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';
+import { ScrollView } from 'react-native-gesture-handler';
+import { StickyView } from '@wavemaker/app-rn-runtime/core/sticky-container.component';
+export class WmContainerState extends PartialHostState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+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,
+        disableTouchEffect: this.state.props.disabletoucheffect
+      }), /*#__PURE__*/React.createElement(View, {
+        style: [dimensions, this.styles.content]
+      }, this.renderContent(props)))));
+    }
+    return null;
+  }
+  getFlexUtilityStyles() {
+    return {
+      flexDirection: this.styles.root.flexDirection,
+      justifyContent: this.styles.root.justifyContent,
+      alignContent: this.styles.root.alignContent,
+      alignItems: this.styles.root.alignItems,
+      alignSelf: this.styles.root.alignSelf,
+      flexShrink: this.styles.root.flexShrink,
+      flexGrow: this.styles.root.flexGrow,
+      flexWrap: this.styles.root.flexWrap,
+      textAlign: this.styles.root.textAlign
+    };
+  }
+  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;
+    if (props.issticky) this.isSticky = true;
+    return /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: styles,
+      onLayout: (event, ref) => this.handleLayout(event, ref)
+    }, this.getBackground(), /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      target: this,
+      styles: dimensions,
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }), props.issticky ? /*#__PURE__*/React.createElement(StickyView, {
+      component: this,
+      style: this.styles.sticky,
+      theme: this.theme
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles
+    }, this.renderContent(props))) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
+      style: [{
+        flexDirection: 'column'
+      }, this.getFlexUtilityStyles(), dimensions, this.styles.content]
+    }, this.renderContent(props)) : /*#__PURE__*/React.createElement(ScrollView, {
+      style: [{
+        flexDirection: 'column'
+      }, this.getFlexUtilityStyles(), dimensions, this.styles.content],
+      onScroll: event => {
+        this.notify('scroll', [event]);
+      },
+      scrollEventThrottle: 48
+    }, this.renderContent(props))));
+  }
+}
+//# sourceMappingURL=container.component.js.map

package/components/container/container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","WmContainerProps","DEFAULT_CLASS","Tappable","Animatedview","PartialHost","PartialHostState","createSkeleton","ScrollView","StickyView","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","disableTouchEffect","state","disabletoucheffect","content","renderContent","getFlexUtilityStyles","flexDirection","justifyContent","alignContent","alignItems","alignSelf","flexShrink","flexGrow","flexWrap","textAlign","renderWidget","issticky","isSticky","entryanimation","animation","delay","animationdelay","onLayout","event","ref","handleLayout","component","sticky","scrollable","onScroll","notify","scrollEventThrottle"],"sources":["container.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ColorValue, LayoutChangeEvent, 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';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { StickyView } from '@wavemaker/app-rn-runtime/core/sticky-container.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  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} disableTouchEffect={this.state.props.disabletoucheffect}>\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    getFlexUtilityStyles() {\n      return {\n        flexDirection: this.styles.root.flexDirection,\n        justifyContent: this.styles.root.justifyContent,\n        alignContent: this.styles.root.alignContent,\n        alignItems: this.styles.root.alignItems,\n        alignSelf: this.styles.root.alignSelf,\n        flexShrink: this.styles.root.flexShrink,\n        flexGrow: this.styles.root.flexGrow,\n        flexWrap: this.styles.root.flexWrap,\n        textAlign: this.styles.root.textAlign,\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    if(props.issticky) this.isSticky = true;\n    return (\n      <Animatedview \n        entryanimation={props.animation} \n        delay={props.animationdelay} \n        style={styles}\n        onLayout={(event: LayoutChangeEvent, ref: React.RefObject<View>) => this.handleLayout(event, ref)}\n      >\n        {this.getBackground()}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={dimensions} disableTouchEffect={this.state.props.disabletoucheffect}>\n          { props.issticky ? \n            <StickyView\n              component={this}\n              style={this.styles.sticky}\n              theme={this.theme}>\n               <View style={styles}>\n                  {this.renderContent(props)}\n              </View>\n            </StickyView>\n            : !props.scrollable ? <View   \n                style={[{\n                flexDirection: 'column'}, \n                this.getFlexUtilityStyles(),\n                dimensions as ViewStyle,  \n                this.styles.content]}>{this.renderContent(props)}</View> : \n              <ScrollView style={[{\n                  flexDirection: 'column'}, \n                  this.getFlexUtilityStyles(),\n                  dimensions as ViewStyle,  \n                  this.styles.content]}\n                onScroll={(event) => {this.notify('scroll', [event])}}\n                scrollEventThrottle={48}>\n              {this.renderContent(props)}\n            </ScrollView>\n          }\n        </Tappable>\n      </Animatedview>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/container.props.js

@@ -0,0 +1,15 @@
+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 { PartialHostProps } from './partial-host.component';
+export default class WmContainerProps extends PartialHostProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "onLoad", void 0);
+    _defineProperty(this, "scrollable", false);
+    _defineProperty(this, "issticky", false);
+  }
+}
+//# sourceMappingURL=container.props.js.map

package/components/container/container.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PartialHostProps","WmContainerProps","constructor","args","_defineProperty"],"sources":["container.props.ts"],"sourcesContent":["import { PartialHostProps } from './partial-host.component';\n\nexport default class WmContainerProps extends PartialHostProps {\n  animation?: string = null as any;\n  animationdelay?: number = null as any;\n  onLoad?: Function;\n  scrollable?: Boolean = false as any;\n  issticky?: Boolean = false as boolean;\n}\n"],"mappings":";;;AAAA,SAASA,gBAAgB,QAAQ,0BAA0B;AAE3D,eAAe,MAAMC,gBAAgB,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACxC,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEP,KAAK;IAAAA,eAAA,mBACP,KAAK;EAAA;AAC5B","ignoreList":[]}

package/components/container/container.styles.js

@@ -0,0 +1,53 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-container';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    content: {},
+    skeleton: {
+      root: {
+        borderColor: 'transparent',
+        shadowColor: 'transparent',
+        backgroundColor: 'transparent'
+      }
+    },
+    sticky: {
+      paddingHorizontal: 8
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('media-body', '', {
+    root: {
+      flex: 1,
+      paddingLeft: 8,
+      paddingRight: 8,
+      justifyContent: 'center'
+    }
+  });
+  addStyle('media-right', '', {
+    root: {
+      justifyContent: 'center'
+    }
+  });
+  addStyle('app-elevated-container', '', {
+    root: {
+      shadowColor: 'rgba(0, 0, 0, 0.2)',
+      shadowOffset: {
+        width: 2,
+        height: 2
+      },
+      shadowRadius: 2,
+      borderRadius: 8
+    }
+  });
+  addStyle('app-outlined-container', '', {
+    root: {
+      borderWidth: 1,
+      borderColor: themeVariables.containerOutlineColor,
+      borderStyle: 'solid'
+    }
+  });
+});
+//# sourceMappingURL=container.styles.js.map

package/components/container/container.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","content","skeleton","borderColor","shadowColor","backgroundColor","sticky","paddingHorizontal","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    sticky: 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        skeleton: {\n            root: {\n                borderColor: 'transparent',\n                shadowColor: 'transparent',\n                backgroundColor: 'transparent',\n            },\n        } as any as WmSkeletonStyles, \n        sticky: {\n            paddingHorizontal: 8\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;AASxF,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,CAAC,CAAC;IACXC,QAAQ,EAAE;MACNH,IAAI,EAAE;QACFI,WAAW,EAAE,aAAa;QAC1BC,WAAW,EAAE,aAAa;QAC1BC,eAAe,EAAE;MACrB;IACJ,CAA4B;IAC5BC,MAAM,EAAE;MACJC,iBAAiB,EAAE;IACvB;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAE;MACFS,IAAI,EAAE,CAAC;MACPC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBd,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;MACFY,cAAc,EAAE;IACpB;EACJ,CAAsB,CAAC;EACvBd,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFK,WAAW,EAAE,oBAAoB;MACjCQ,YAAY,EAAE;QACVC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACZ,CAAC;MACDC,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE;IAClB;EACJ,CAAsB,CAAC;EACvBnB,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCE,IAAI,EAAE;MACFkB,WAAW,EAAE,CAAC;MACdd,WAAW,EAAEP,cAAc,CAACsB,qBAAqB;MACjDC,WAAW,EAAE;IACjB;EACJ,CAAsB,CAAC;AAC3B,CAAC,CAAC","ignoreList":[]}

package/components/container/layoutgrid/gridcolumn/gridcolumn.component.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmGridcolumnProps from './gridcolumn.props';
+import { DEFAULT_CLASS } from './gridcolumn.styles';
+export class WmGridcolumnState extends BaseComponentState {}
+export default class WmGridcolumn extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmGridcolumnProps());
+  }
+  renderWidget(props) {
+    if (this.styles.root.height) {
+      this.styles.root.overflow = undefined;
+    }
+    const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);
+    return /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: "100%"
+      }, styles.root, this.styles.root],
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=gridcolumn.component.js.map

package/components/container/layoutgrid/gridcolumn/gridcolumn.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmGridcolumnProps","DEFAULT_CLASS","WmGridcolumnState","WmGridcolumn","constructor","props","renderWidget","styles","root","height","overflow","undefined","theme","getStyle","xscolumnwidth","columnwidth","createElement","style","width","onLayout","event","handleLayout","_background","children"],"sources":["gridcolumn.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 WmGridcolumnProps from './gridcolumn.props';\nimport { DEFAULT_CLASS, WmGridColumnStyles } from './gridcolumn.styles';\n\nexport class WmGridcolumnState extends BaseComponentState<WmGridcolumnProps> {\n\n}\n\nexport default class WmGridcolumn extends BaseComponent<WmGridcolumnProps, WmGridcolumnState, WmGridColumnStyles> {\n\n  constructor(props: WmGridcolumnProps) {\n    super(props, DEFAULT_CLASS, new WmGridcolumnProps());\n  }\n\n  renderWidget(props: WmGridcolumnProps) {\n    if (this.styles.root.height) {\n      this.styles.root.overflow = undefined;\n    }\n    const styles = this.theme.getStyle(`col-xs-${props.xscolumnwidth}  col-sm-${props.columnwidth}`);\n    return (\n      <View \n        style={[{width: \"100%\"}, styles.root, this.styles.root]}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AAEvE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAI7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IACrC,IAAI,IAAI,CAACE,MAAM,CAACC,IAAI,CAACC,MAAM,EAAE;MAC3B,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,QAAQ,GAAGC,SAAS;IACvC;IACA,MAAMJ,MAAM,GAAG,IAAI,CAACK,KAAK,CAACC,QAAQ,CAAC,UAAUR,KAAK,CAACS,aAAa,YAAYT,KAAK,CAACU,WAAW,EAAE,CAAC;IAChG,oBACEnB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;MACHoB,KAAK,EAAE,CAAC;QAACC,KAAK,EAAE;MAAM,CAAC,EAAEX,MAAM,CAACC,IAAI,EAAE,IAAI,CAACD,MAAM,CAACC,IAAI,CAAE;MACxDW,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBjB,KAAK,CAACkB,QACH,CAAC;EAEX;AACF","ignoreList":[]}

package/components/container/layoutgrid/gridcolumn/gridcolumn.props.js

@@ -0,0 +1,13 @@
+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 WmGridcolumnProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "columnwidth", null);
+    _defineProperty(this, "xscolumnwidth", null);
+  }
+}
+//# sourceMappingURL=gridcolumn.props.js.map