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

package/components/container/linearlayout/linearlayout.component.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmLinearlayoutProps from './linearlayout.props';
+import { DEFAULT_CLASS } from './linearlayout.styles';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+const ALIGNMENT_MAP = {
+  'top': 'flex-start',
+  'left': 'flex-start',
+  'center': 'center',
+  'right': 'flex-end',
+  'bottom': 'flex-end'
+};
+export class WmLinearlayoutState extends BaseComponentState {}
+export default class WmLinearlayout extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());
+  }
+  getStyles(props) {
+    const s = {};
+    const direction = props.direction;
+    s.display = 'flex';
+    s.flexDirection = direction;
+    s.width = '100%';
+    const isHorizontal = direction.startsWith('row');
+    if (isHorizontal) {
+      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];
+      s.alignItems = ALIGNMENT_MAP[props.verticalalign];
+    } else {
+      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];
+      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];
+    }
+    return s;
+  }
+  getBackground() {
+    return this._showSkeleton ? null : this._background;
+  }
+  renderSkeleton(props) {
+    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
+        }]
+      }, props.children));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    const rootStyles = {
+      ...this.getStyles(props),
+      ...this.styles.root
+    };
+    const styles = this._showSkeleton ? {
+      ...rootStyles,
+      ...this.styles.skeleton.root
+    } : rootStyles;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles,
+      onLayout: event => this.handleLayout(event)
+    }, this.getBackground(), props.children);
+  }
+}
+//# sourceMappingURL=linearlayout.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLinearlayoutProps","DEFAULT_CLASS","createSkeleton","ALIGNMENT_MAP","WmLinearlayoutState","WmLinearlayout","constructor","props","getStyles","s","direction","display","flexDirection","width","isHorizontal","startsWith","justifyContent","horizontalalign","alignItems","verticalalign","getBackground","_showSkeleton","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","styles","skeleton","root","text","theme","createElement","style","opacity","children","renderWidget","rootStyles","onLayout","event","handleLayout"],"sources":["linearlayout.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewStyle } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmLinearlayoutProps from './linearlayout.props';\nimport { DEFAULT_CLASS, WmLinearlayoutStyles } from './linearlayout.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nconst ALIGNMENT_MAP = {\n  'top':  'flex-start',\n  'left': 'flex-start',\n  'center': 'center',\n  'right': 'flex-end',\n  'bottom': 'flex-end'\n} as any;\n\nexport class WmLinearlayoutState extends BaseComponentState<WmLinearlayoutProps> {}\n\nexport default class WmLinearlayout extends BaseComponent<WmLinearlayoutProps, WmLinearlayoutState, WmLinearlayoutStyles> {\n\n  constructor(props: WmLinearlayoutProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutProps());\n  }\n\n  getStyles(props: WmLinearlayoutProps) {\n    const s = {} as ViewStyle;\n    const direction = props.direction;\n    s.display = 'flex';\n    s.flexDirection = direction;\n    s.width = '100%';\n    const isHorizontal = direction.startsWith('row');\n    if (isHorizontal) {\n      s.justifyContent = ALIGNMENT_MAP[props.horizontalalign];\n      s.alignItems = ALIGNMENT_MAP[props.verticalalign];\n    } else {\n      s.justifyContent = ALIGNMENT_MAP[props.verticalalign];\n      s.alignItems = ALIGNMENT_MAP[props.horizontalalign];\n    }\n    return s;\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  public renderSkeleton(props: WmLinearlayoutProps): React.ReactNode {\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          {props.children}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmLinearlayoutProps) {\n\n    const rootStyles = {...this.getStyles(props), ...this.styles.root}\n    const styles = this._showSkeleton ? {\n      ...rootStyles,\n      ...this.styles.skeleton.root\n    } : rootStyles\n\n    return (\n      <View\n        style={styles}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this.getBackground()}{props.children}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/linearlayout/linearlayout.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 { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmLinearlayoutProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "direction", 'row');
+    _defineProperty(this, "horizontalalign", 'left');
+    _defineProperty(this, "verticalalign", 'top');
+    _defineProperty(this, "spacing", 0);
+  }
+}
+//# sourceMappingURL=linearlayout.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmLinearlayoutProps","constructor","args","_defineProperty"],"sources":["linearlayout.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutProps extends BaseProps {\n    children? = [] as any[];\n    direction: 'row'|'row-reverse' | 'column' | 'column-reverse' = 'row';\n    horizontalalign: 'left' | 'center' | 'right' = 'left';\n    verticalalign: 'top' | 'center' | 'bottom' = 'top';\n    spacing = 0;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC3C,EAAE;IAAAA,eAAA,oBACiD,KAAK;IAAAA,eAAA,0BACrB,MAAM;IAAAA,eAAA,wBACR,KAAK;IAAAA,eAAA,kBACxC,CAAC;EAAA;AACf","ignoreList":[]}

package/components/container/linearlayout/linearlayout.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","skeleton"],"sources":["linearlayout.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmLinearlayoutStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-linearlayout';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmLinearlayoutStyles = defineStyles({\n        root: {},\n        text: {},\n        skeleton: {\n            root: {\n            }\n        } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAO3F,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAmC,GAAGL,YAAY,CAAC;IACrDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNF,IAAI,EAAE,CACN;IACJ;EACJ,CAAC,CAAC;EAEFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View, Platform } from 'react-native';
+import { isNil } from 'lodash-es';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmLinearlayoutitemProps from './linearlayoutitem.props';
+import { DEFAULT_CLASS } from './linearlayoutitem.styles';
+export class WmLinearlayoutitemState extends BaseComponentState {}
+export default class WmLinearlayoutitem extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());
+  }
+  renderWidget(props) {
+    const direction = this.parent.state.props.direction;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        ...this.styles.root,
+        flexGrow: props.flexgrow,
+        flexShrink: isNil(props.flexshrink) ? Platform.OS == "web" ? props.flexgrow : 0 : props.flexshrink,
+        flexBasis: props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto'
+      },
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=linearlayoutitem.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Platform","isNil","BaseComponent","BaseComponentState","WmLinearlayoutitemProps","DEFAULT_CLASS","WmLinearlayoutitemState","WmLinearlayoutitem","constructor","props","renderWidget","direction","parent","state","createElement","style","styles","root","flexGrow","flexgrow","flexShrink","flexshrink","OS","flexBasis","onLayout","event","handleLayout","_background","children"],"sources":["linearlayoutitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Platform } from 'react-native';\nimport { isNil } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmLinearlayout from '../linearlayout.component';\nimport WmLinearlayoutitemProps from './linearlayoutitem.props';\nimport { DEFAULT_CLASS, WmLinearlayoutitemStyles } from './linearlayoutitem.styles';\n\nexport class WmLinearlayoutitemState extends BaseComponentState<WmLinearlayoutitemProps> {}\n\nexport default class WmLinearlayoutitem extends BaseComponent<WmLinearlayoutitemProps, WmLinearlayoutitemState, WmLinearlayoutitemStyles> {\n\n  constructor(props: WmLinearlayoutitemProps) {\n    super(props, DEFAULT_CLASS, new WmLinearlayoutitemProps());\n  }\n\n  renderWidget(props: WmLinearlayoutitemProps) {\n    const direction = (this.parent as WmLinearlayout).state.props.direction;\n    return (\n    <View\n      style={{\n        ...this.styles.root,\n        flexGrow: props.flexgrow,\n        flexShrink: isNil(props.flexshrink) ? Platform.OS == \"web\" ? props.flexgrow : 0 : props.flexshrink,\n        flexBasis:  (props.flexgrow && (direction === 'row' || direction === 'row-reverse') ? 0 : 'auto')\n      } as any}\n      onLayout={(event) => this.handleLayout(event)}\n    >{this._background}{props.children}</View>);\n\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC7C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAGpG,OAAOC,uBAAuB,MAAM,0BAA0B;AAC9D,SAASC,aAAa,QAAkC,2BAA2B;AAEnF,OAAO,MAAMC,uBAAuB,SAASH,kBAAkB,CAA0B;AAEzF,eAAe,MAAMI,kBAAkB,SAASL,aAAa,CAA6E;EAExIM,WAAWA,CAACC,KAA8B,EAAE;IAC1C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,uBAAuB,CAAC,CAAC,CAAC;EAC5D;EAEAM,YAAYA,CAACD,KAA8B,EAAE;IAC3C,MAAME,SAAS,GAAI,IAAI,CAACC,MAAM,CAAoBC,KAAK,CAACJ,KAAK,CAACE,SAAS;IACvE,oBACAb,KAAA,CAAAgB,aAAA,CAACf,IAAI;MACHgB,KAAK,EAAE;QACL,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI;QACnBC,QAAQ,EAAET,KAAK,CAACU,QAAQ;QACxBC,UAAU,EAAEnB,KAAK,CAACQ,KAAK,CAACY,UAAU,CAAC,GAAGrB,QAAQ,CAACsB,EAAE,IAAI,KAAK,GAAGb,KAAK,CAACU,QAAQ,GAAG,CAAC,GAAGV,KAAK,CAACY,UAAU;QAClGE,SAAS,EAAId,KAAK,CAACU,QAAQ,KAAKR,SAAS,KAAK,KAAK,IAAIA,SAAS,KAAK,aAAa,CAAC,GAAG,CAAC,GAAG;MAC5F,CAAS;MACTa,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAC9C,IAAI,CAACE,WAAW,EAAElB,KAAK,CAACmB,QAAe,CAAC;EAE5C;AACF","ignoreList":[]}

package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.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-ai/app-rn-runtime/core/base.component';
+export default class WmLinearlayoutitemProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "flexgrow", null);
+    _defineProperty(this, "flexshrink", null);
+  }
+}
+//# sourceMappingURL=linearlayoutitem.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmLinearlayoutitemProps","constructor","args","_defineProperty"],"sources":["linearlayoutitem.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmLinearlayoutitemProps extends BaseProps {\n    children?: any[] = [];\n    flexgrow: number = null as any;\n    flexshrink: number = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACxC,EAAE;IAAAA,eAAA,mBACF,IAAI;IAAAA,eAAA,qBACF,IAAI;EAAA;AAC7B","ignoreList":[]}

package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["linearlayoutitem.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WmLinearlayoutitemStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-linearlayoutitem';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmLinearlayoutitemStyles = defineStyles({\n        root: {},\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAI3F,OAAO,MAAMC,aAAa,GAAG,sBAAsB;AACnDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAuC,GAAGL,YAAY,CAAC;IACzDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/container/panel/collapsible-pane.component.js

@@ -0,0 +1,26 @@
+import React, { useState } from 'react';
+import { View } from 'react-native';
+import { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';
+const Animated = isWebPreviewMode() ? {} : require('react-native-reanimated');
+export const CollapsiblePane = props => {
+  const [height, setHeight] = useState(0);
+  const offset = Animated.useSharedValue(0);
+  offset.value = props.close ? 0 : 1;
+  const onLayoutChange = e => {
+    var _e$nativeEvent;
+    setHeight((((_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 || (_e$nativeEvent = _e$nativeEvent.layout) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.height) || height || 100000000) + 1000);
+  };
+  const animatedStyles = Animated.useAnimatedStyle(() => {
+    return {
+      maxHeight: Animated.withTiming(offset.value * height)
+    };
+  });
+  return /*#__PURE__*/React.createElement(Animated.default.View, {
+    style: [{
+      overflow: 'hidden'
+    }, animatedStyles]
+  }, /*#__PURE__*/React.createElement(View, {
+    onLayout: onLayoutChange
+  }, props.children));
+};
+//# sourceMappingURL=collapsible-pane.component.js.map

package/components/container/panel/collapsible-pane.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","isWebPreviewMode","Animated","require","CollapsiblePane","props","height","setHeight","offset","useSharedValue","value","close","onLayoutChange","e","_e$nativeEvent","nativeEvent","layout","animatedStyles","useAnimatedStyle","maxHeight","withTiming","createElement","default","style","overflow","onLayout","children"],"sources":["collapsible-pane.component.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nconst Animated: any = isWebPreviewMode() ? {} : require('react-native-reanimated');\n\nexport const CollapsiblePane = (props: {\n    close: boolean,\n    children: any\n  }) => {\n    const [height, setHeight] = useState(0);\n    const offset = Animated.useSharedValue(0);\n    offset.value = props.close ? 0 : 1;\n    const onLayoutChange = (e: LayoutChangeEvent) => {\n      setHeight((e.nativeEvent?.layout?.height || height || 100000000) + 1000);\n    };\n    const animatedStyles = Animated.useAnimatedStyle(() => {\n      return {\n        maxHeight: Animated.withTiming(offset.value * height)\n      };\n    });\n    return (\n        <Animated.default.View style={[{overflow: 'hidden'}, animatedStyles]}>\n          <View onLayout={onLayoutChange}>\n            {props.children}\n          </View>\n        </Animated.default.View>\n      );\n  };\n"],"mappings":"AAAA,OAAOA,KAAK,IAA0BC,QAAQ,QAAQ,OAAO;AAC7D,SAA4BC,IAAI,QAAQ,cAAc;AACtD,SAASC,gBAAgB,QAAQ,yCAAyC;AAE1E,MAAMC,QAAa,GAAGD,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,GAAGE,OAAO,CAAC,yBAAyB,CAAC;AAElF,OAAO,MAAMC,eAAe,GAAIC,KAG7B,IAAK;EACJ,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAC,CAAC,CAAC;EACvC,MAAMS,MAAM,GAAGN,QAAQ,CAACO,cAAc,CAAC,CAAC,CAAC;EACzCD,MAAM,CAACE,KAAK,GAAGL,KAAK,CAACM,KAAK,GAAG,CAAC,GAAG,CAAC;EAClC,MAAMC,cAAc,GAAIC,CAAoB,IAAK;IAAA,IAAAC,cAAA;IAC/CP,SAAS,CAAC,CAAC,EAAAO,cAAA,GAAAD,CAAC,CAACE,WAAW,cAAAD,cAAA,gBAAAA,cAAA,GAAbA,cAAA,CAAeE,MAAM,cAAAF,cAAA,uBAArBA,cAAA,CAAuBR,MAAM,KAAIA,MAAM,IAAI,SAAS,IAAI,IAAI,CAAC;EAC1E,CAAC;EACD,MAAMW,cAAc,GAAGf,QAAQ,CAACgB,gBAAgB,CAAC,MAAM;IACrD,OAAO;MACLC,SAAS,EAAEjB,QAAQ,CAACkB,UAAU,CAACZ,MAAM,CAACE,KAAK,GAAGJ,MAAM;IACtD,CAAC;EACH,CAAC,CAAC;EACF,oBACIR,KAAA,CAAAuB,aAAA,CAACnB,QAAQ,CAACoB,OAAO,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAAC;MAACC,QAAQ,EAAE;IAAQ,CAAC,EAAEP,cAAc;EAAE,gBACnEnB,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAACyB,QAAQ,EAAEb;EAAe,GAC5BP,KAAK,CAACqB,QACH,CACe,CAAC;AAE9B,CAAC","ignoreList":[]}

package/components/container/panel/panel-content/panel-content.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmPanelContentProps from './panel-content.props';
+import { DEFAULT_CLASS } from './panel-content.styles';
+export class WmPanelContentState extends BaseComponentState {}
+export default class WmPanelContent extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPanelContentProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=panel-content.component.js.map

package/components/container/panel/panel-content/panel-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelContentProps","DEFAULT_CLASS","WmPanelContentState","WmPanelContent","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["panel-content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmPanelContentProps from './panel-content.props';\nimport { DEFAULT_CLASS, WmPanelContentStyles } from './panel-content.styles';\n\nexport class WmPanelContentState extends BaseComponentState<WmPanelContentProps> {}\n\nexport default class WmPanelContent extends BaseComponent<WmPanelContentProps, WmPanelContentState, WmPanelContentStyles> {\n\n  constructor(props: WmPanelContentProps) {\n    super(props, DEFAULT_CLASS, new WmPanelContentProps());\n  }\n\n  renderWidget(props: WmPanelContentProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAEjF,eAAe,MAAMI,cAAc,SAASL,aAAa,CAAiE;EAExHM,WAAWA,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,CAAC,CAAC,CAAC;EACxD;EAEAM,YAAYA,CAACD,KAA0B,EAAE;IACvC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF","ignoreList":[]}

package/components/container/panel/panel-content/panel-content.props.js

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

package/components/container/panel/panel-content/panel-content.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPanelContentProps","constructor","args","_defineProperty"],"sources":["panel-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmPanelContentProps extends BaseProps {\n    children?: any[];\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,mBAAmB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;AAE3D","ignoreList":[]}

package/components/container/panel/panel-content/panel-content.styles.js

@@ -0,0 +1,16 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-panel-content';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      borderStyle: 'solid',
+      borderWidth: 1,
+      borderTopWidth: 0,
+      borderColor: themeVariables.panelHeaderBgColor
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=panel-content.styles.js.map

package/components/container/panel/panel-content/panel-content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderStyle","borderWidth","borderTopWidth","borderColor","panelHeaderBgColor","text"],"sources":["panel-content.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WmPanelContentStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-panel-content';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPanelContentStyles = defineStyles({\n        root: {\n            borderStyle: 'solid',\n            borderWidth: 1,\n            borderTopWidth: 0,\n            borderColor: themeVariables.panelHeaderBgColor\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAI3F,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAmC,GAAGL,YAAY,CAAC;IACrDM,IAAI,EAAE;MACFC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE,CAAC;MACdC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAEP,cAAc,CAACQ;IAChC,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/container/panel/panel-footer/panel-footer.component.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmPanelFooterProps from './panel-footer.props';
+import { DEFAULT_CLASS } from './panel-footer.styles';
+export class WmPanelFooterState extends BaseComponentState {}
+export default class WmPanelFooter extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPanelFooterProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=panel-footer.component.js.map

package/components/container/panel/panel-footer/panel-footer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmPanelFooterProps","DEFAULT_CLASS","WmPanelFooterState","WmPanelFooter","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["panel-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmPanelFooterProps from './panel-footer.props';\nimport { DEFAULT_CLASS, WmPanelFooterStyles } from './panel-footer.styles';\n\nexport class WmPanelFooterState extends BaseComponentState<WmPanelFooterProps> {}\n\nexport default class WmPanelFooter extends BaseComponent<WmPanelFooterProps, WmPanelFooterState, WmPanelFooterStyles> {\n\n  constructor(props: WmPanelFooterProps) {\n    super(props, DEFAULT_CLASS, new WmPanelFooterProps());\n  }\n\n  renderWidget(props: WmPanelFooterProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,kDAAkD;AAEpG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAM,YAAYA,CAACD,KAAyB,EAAE;IACtC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF","ignoreList":[]}

package/components/container/panel/panel-footer/panel-footer.props.js

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

package/components/container/panel/panel-footer/panel-footer.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPanelFooterProps","constructor","args","_defineProperty"],"sources":["panel-footer.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmPanelFooterProps extends BaseProps {\n  children: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;AAE1D","ignoreList":[]}

package/components/container/panel/panel-footer/panel-footer.styles.js

@@ -0,0 +1,19 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-panel-footer';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      borderStyle: 'solid',
+      borderWidth: 1,
+      borderColor: themeVariables.panelFooterColor,
+      minHeight: 64,
+      marginTop: 8,
+      padding: 8,
+      borderRadius: 6
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=panel-footer.styles.js.map

package/components/container/panel/panel-footer/panel-footer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderStyle","borderWidth","borderColor","panelFooterColor","minHeight","marginTop","padding","borderRadius","text"],"sources":["panel-footer.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WmPanelFooterStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-panel-footer';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPanelFooterStyles = defineStyles({\n        root: {\n            borderStyle: 'solid',\n            borderWidth: 1,\n            borderColor: themeVariables.panelFooterColor,\n            minHeight: 64,\n            marginTop: 8,\n            padding: 8,\n            borderRadius: 6\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAI3F,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACFC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEN,cAAc,CAACO,gBAAgB;MAC5CC,SAAS,EAAE,EAAE;MACbC,SAAS,EAAE,CAAC;MACZC,OAAO,EAAE,CAAC;MACVC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/container/panel/panel.component.js

@@ -0,0 +1,163 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, View, TouchableOpacity } from 'react-native';
+import { isUndefined } from 'lodash';
+import { Badge } from 'react-native-paper';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import WmPanelProps from './panel.props';
+import { DEFAULT_CLASS } from './panel.styles';
+import { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import { CollapsiblePane } from './collapsible-pane.component';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';
+export class WmPanelState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmPanel extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPanelProps());
+  }
+  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));
+    }
+  }
+  onPanelPress() {
+    if (!this.state.props.collapsible) {
+      return;
+    }
+    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';
+    this.updateState({
+      props: {
+        expanded: !this.state.props.expanded
+      }
+    });
+    this.invokeEventCallback(eventName, [null, this.proxy]);
+  }
+  getExpandCollapseIconClass(isExpanded, expandedIconClass, collapsedIconClass) {
+    const expandedIcon = expandedIconClass || 'wi wi-chevron-up';
+    const collapsedIcon = collapsedIconClass || 'wi wi-chevron-down';
+    return isExpanded ? expandedIcon : collapsedIcon;
+  }
+  expandCollapseIcon(isExpanded) {
+    const widgetProps = this.state.props;
+    //@ts-ignore
+    const badge = widgetProps.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
+      style: [this.styles.badge, this.styles[widgetProps.badgetype || 'default']]
+    }, this.getTestProps('badge')), widgetProps.badgevalue) : null;
+    const expandedIconOverride = widgetProps.expandediconclass;
+    const collapsedIconOverride = widgetProps.collapsediconclass;
+    const iconclass = this.getExpandCollapseIconClass(isExpanded, expandedIconOverride, collapsedIconOverride);
+    const expandCollapseIcon = widgetProps.collapsible ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('collapseicon'),
+      name: 'expand_collapse_icon',
+      styles: this.styles.toggleIcon,
+      iconclass: iconclass
+    }) : null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center'
+      }
+    }, badge, expandCollapseIcon);
+  }
+  renderHeader() {
+    const props = this.state.props;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(`header`), {
+      style: [this.styles.header],
+      onPress: this.onPanelPress.bind(this),
+      accessibilityRole: "header"
+    }), props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.icon,
+      id: this.getTestId('icon'),
+      name: props.name + '_icon',
+      iconclass: props.iconclass,
+      iconheight: props.iconheight,
+      iconwidth: props.iconwidth,
+      iconmargin: props.iconmargin,
+      iconurl: props.iconurl
+    }) : null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'column',
+        flex: 1,
+        justifyContent: 'center'
+      }
+    }, props.title ? this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
+      showskeleton: true,
+      styles: {
+        root: [this.styles.text, this.styles.heading]
+      },
+      caption: isUndefined(props.title) ? 'Title' : props.title
+    }) : /*#__PURE__*/React.createElement(Text, _extends({
+      style: [this.styles.text, this.styles.heading]
+    }, this.getTestPropsForAction(`header_title`)), isUndefined(props.title) ? 'Title' : props.title) : null, props.subheading ? this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
+      showskeleton: true,
+      styles: {
+        root: this.styles.subheading
+      },
+      caption: props.subheading
+    }) : /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.subheading
+    }, this.getTestPropsForAction(`subheader`)), props.subheading) : null), this.expandCollapseIcon(props.expanded));
+  }
+  renderPane(content) {
+    const expanded = this.state.props.expanded;
+    return isWebPreviewMode() || this.styles.header.display == "none" ? /*#__PURE__*/React.createElement(View, {
+      style: expanded ? {} : {
+        maxHeight: 0,
+        overflow: 'hidden'
+      }
+    }, content) : /*#__PURE__*/React.createElement(CollapsiblePane, {
+      close: !expanded
+    }, content);
+  }
+  getBackground() {
+    return this._showSkeleton ? null : this._background;
+  }
+  renderSkeleton(props) {
+    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
+        }]
+      }, this.renderHeader(), this.renderPane(/*#__PURE__*/React.createElement(React.Fragment, null, this.renderContent(props), /*#__PURE__*/React.createElement(View, null, props.children)))));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    const styles = this._showSkeleton ? {
+      ...this.styles.root,
+      ...this.styles.skeleton.root
+    } : this.styles.root;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles,
+      testID: this.getTestId(),
+      onLayout: event => this.handleLayout(event)
+    }, this.getBackground(), this.renderHeader(), this.renderPane(/*#__PURE__*/React.createElement(React.Fragment, null, this.renderContent(props), /*#__PURE__*/React.createElement(View, null, props.children))));
+  }
+}
+//# sourceMappingURL=panel.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","TouchableOpacity","isUndefined","Badge","BaseComponent","BaseComponentState","WmIcon","WmPanelProps","DEFAULT_CLASS","isWebPreviewMode","CollapsiblePane","createSkeleton","WmLabel","WmPanelState","constructor","args","_defineProperty","WmPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","onPanelPress","collapsible","eventName","expanded","proxy","getExpandCollapseIconClass","isExpanded","expandedIconClass","collapsedIconClass","expandedIcon","collapsedIcon","expandCollapseIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","id","getTestId","name","toggleIcon","flexDirection","alignItems","renderHeader","getTestPropsForAction","header","onPress","accessibilityRole","iconurl","icon","iconheight","iconwidth","iconmargin","flex","justifyContent","title","_showSkeleton","showskeleton","root","text","heading","caption","subheading","renderPane","content","display","maxHeight","overflow","close","getBackground","_background","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","theme","opacity","Fragment","children","renderWidget","testID","onLayout","event","handleLayout"],"sources":["panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { isUndefined } from 'lodash';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmPanelProps from './panel.props';\nimport { DEFAULT_CLASS, WmPanelStyles } from './panel.styles';\nimport { isWebPreviewMode } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { CollapsiblePane } from './collapsible-pane.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmPanelState extends BaseComponentState<WmPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmPanel extends BaseComponent<WmPanelProps, WmPanelState, WmPanelStyles> {\n  constructor(props: WmPanelProps) {\n    super(props, DEFAULT_CLASS, new WmPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [this]);\n  }\n\n  renderContent(props: WmPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n  }\n\n  onPanelPress() {\n    if (!this.state.props.collapsible) {\n      return;\n    }\n    const eventName = this.state.props.expanded ? 'onCollapse' : 'onExpand';\n    this.updateState({\n      props: {\n        expanded: !this.state.props.expanded\n      }\n    } as WmPanelState);\n\n    this.invokeEventCallback(eventName, [null, this.proxy]);\n  }\n\n  private getExpandCollapseIconClass(isExpanded: boolean, expandedIconClass?: string, collapsedIconClass?: string): string {\n    const expandedIcon = expandedIconClass || 'wi wi-chevron-up';\n    const collapsedIcon = collapsedIconClass || 'wi wi-chevron-down';\n    return isExpanded ? expandedIcon : collapsedIcon;\n  }\n\n  expandCollapseIcon(isExpanded: boolean) {\n    const widgetProps = this.state.props;\n    //@ts-ignore\n    const badge = widgetProps.badgevalue != undefined ? (<Badge style={[this.styles.badge, this.styles[widgetProps.badgetype || 'default']]} {...this.getTestProps('badge')}>{widgetProps.badgevalue}</Badge>): null;\n\n    const expandedIconOverride = widgetProps.expandediconclass;\n    const collapsedIconOverride = widgetProps.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, expandedIconOverride, collapsedIconOverride);\n\n    const expandCollapseIcon = widgetProps.collapsible ? (<WmIcon id={this.getTestId('collapseicon')} name={'expand_collapse_icon'} styles={this.styles.toggleIcon} iconclass={iconclass}></WmIcon>) : null;\n    return (<View style={{flexDirection: 'row', alignItems: 'center'}}>{badge}{expandCollapseIcon}</View>);\n  }\n\n  renderHeader() {\n    const props = this.state.props;\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction(`header`)}\n        style={[this.styles.header]}\n        onPress={this.onPanelPress.bind(this)}\n        accessibilityRole='header'>\n      {props.iconclass || props.iconurl ?\n        <WmIcon styles={this.styles.icon}\n        id={this.getTestId('icon')}\n        name={props.name + '_icon'}\n        iconclass={props.iconclass}\n        iconheight={props.iconheight}\n        iconwidth={props.iconwidth}\n        iconmargin={props.iconmargin}\n        iconurl={props.iconurl}\n        /> : null}\n        <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n          {props.title?\n            (this._showSkeleton ?\n            <WmLabel\n            showskeleton={true}\n            styles={{root: [\n              this.styles.text,\n              this.styles.heading]}} caption={isUndefined(props.title) ? 'Title' : props.title}/> :\n            <Text style={[\n              this.styles.text,\n              this.styles.heading]}\n              {...this.getTestPropsForAction(`header_title`)}>\n                {isUndefined(props.title) ? 'Title' : props.title}\n            </Text> ) : null }\n          {props.subheading ?\n            (this._showSkeleton ?\n            <WmLabel\n              showskeleton={true}\n              styles={{root: this.styles.subheading}}\n              caption={props.subheading} /> :\n             <Text\n               style={this.styles.subheading}\n              {...this.getTestPropsForAction(`subheader`)}>\n                {props.subheading}\n              </Text> ) : null }\n        </View>\n        {this.expandCollapseIcon(props.expanded)}\n      </TouchableOpacity>\n    );\n  }\n\n  renderPane(content: React.ReactNode) {\n    const expanded = this.state.props.expanded;\n    return isWebPreviewMode() || this.styles.header.display == \"none\" ?\n      (<View style={expanded ? {} : {maxHeight: 0, overflow: 'hidden'}}>\n        {content}\n      </View>) :\n      (<CollapsiblePane close={!expanded}>\n        {content}\n      </CollapsiblePane>);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  public renderSkeleton(props: WmPanelProps): React.ReactNode {\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                {this.renderHeader()}\n                {this.renderPane((\n                  <>\n                  {this.renderContent(props)}\n                  <View>{props.children}</View>\n                  </>\n                ))}\n        </View>))\n      }\n      return null;\n    }\n\n  renderWidget(props: WmPanelProps) {\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton.root\n    } : this.styles.root\n    return (\n    <View\n      style={styles}\n      testID={this.getTestId()}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n      {this.getBackground()}\n      {this.renderHeader()}\n      {this.renderPane((\n        <>\n        {this.renderContent(props)}\n        <View>{props.children}</View>\n        </>\n      ))}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/panel/panel.props.js

@@ -0,0 +1,26 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export default class WmPanelProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "collapsible", null);
+    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "title", 'Title');
+    _defineProperty(this, "renderPartial", void 0);
+    _defineProperty(this, "subheading", null);
+    _defineProperty(this, "badgevalue", null);
+    _defineProperty(this, "badgetype", 'default');
+    _defineProperty(this, "expanded", true);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+    _defineProperty(this, "expandediconclass", null);
+    _defineProperty(this, "collapsediconclass", null);
+  }
+}
+//# sourceMappingURL=panel.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPanelProps","constructor","args","_defineProperty"],"sources":["panel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmPanelProps extends BaseProps {\n  animation: string = null as any;\n  children: any;\n  collapsible: boolean = null as any;\n  iconclass: string = null as any;\n  title: string = 'Title';\n  renderPartial?: Function;\n  subheading: string = null as any;\n  badgevalue: string = null as any;\n  badgetype: string = 'default';\n  expanded: boolean = true;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  expandediconclass?: string = null as any;\n  collapsediconclass?: string = null as any;\n}\n\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC9B,IAAI;IAAAA,eAAA;IAAAA,eAAA,sBAED,IAAI;IAAAA,eAAA,oBACP,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,SAAS;IAAAA,eAAA,mBACT,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,4BACG,IAAI;IAAAA,eAAA,6BACH,IAAI;EAAA;AACpC","ignoreList":[]}