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

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

@@ -0,0 +1,202 @@
+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-ai/app-rn-runtime/core/base.component';
+import WmAccordionProps from './accordion.props';
+import { DEFAULT_CLASS } from './accordion.styles';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { isDefined } from '@wavemaker-ai/app-rn-runtime/core/utils';
+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 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);
+  }
+  getExpandCollapseIconClass(isExpanded, useChevron, expandedIcon, collapsedIcon) {
+    const expandedIconClass = expandedIcon || (useChevron ? 'wi wi-chevron-down' : 'wi wi-minus');
+    const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');
+    return isExpanded ? expandedIconClass : collapsedIconClass;
+  }
+  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;
+    const expandedIconOverride = this.state.props.expandediconclass;
+    const collapsedIconOverride = this.state.props.collapsediconclass;
+    const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);
+    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 = []) {
+    var _item$props$subheadin;
+    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, isExpanded ? this.styles.activeTitleIcon : null);
+    const conditionalClass = item.props.classname;
+    const conditionalStyles = conditionalClass ? this.theme.getStyle(conditionalClass) : {};
+    const dynamicTextStyles = conditionalStyles.text || {};
+    const dynamicActiveHeaderStyles = conditionalStyles.activeHeaderTitle || {};
+    const dynamicTitleWrapperStyles = conditionalStyles.titleWrapper || {};
+    const subheading = (_item$props$subheadin = item.props.subheading) !== null && _item$props$subheadin !== void 0 ? _item$props$subheadin : item.props.description;
+    return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
+      style: this.styles.pane || null,
+      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), /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.titleWrapper, dynamicTitleWrapperStyles]
+    }, 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.header]
+      },
+      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 : {}, dynamicTextStyles, isExpanded ? dynamicActiveHeaderStyles : {}]
+    }, this.getTestPropsForAction(`header${index}_title`), {
+      accessibilityRole: "header"
+    }), isDefined(item.props.title) ? item.props.title : 'Title'), subheading ? this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
+      styles: {
+        root: this.styles.subheading
+      },
+      showskeleton: true,
+      caption: subheading
+    }) : /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.subheading
+    }, this.getTestPropsForAction(`header${index}_description`)), subheading) : 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","getExpandCollapseIconClass","isExpanded","useChevron","expandedIcon","collapsedIcon","expandedIconClass","collapsedIconClass","expandCollapseIcon","item","showBadge","showIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","_item$props$subheadin","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","activeTitleIcon","conditionalClass","classname","conditionalStyles","getStyle","dynamicTextStyles","text","dynamicActiveHeaderStyles","activeHeaderTitle","dynamicTitleWrapperStyles","titleWrapper","subheading","description","show","pane","key","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","caption","heading","accessibilityRole","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-ai/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport {  DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker-ai/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  private getExpandCollapseIconClass(isExpanded: boolean, useChevron: boolean, expandedIcon?: string, collapsedIcon?: string): string {\n    const expandedIconClass = expandedIcon || (useChevron ? 'wi wi-chevron-down' : 'wi wi-minus');\n    const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');\n    return isExpanded ? expandedIconClass : collapsedIconClass;\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\n    const expandedIconOverride = this.state.props.expandediconclass;\n    const collapsedIconOverride = this.state.props.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);\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, isExpanded ? this.styles.activeTitleIcon : null);\n    const conditionalClass = item.props.classname;\n    const conditionalStyles = conditionalClass ? this.theme.getStyle(conditionalClass) : {};\n    const dynamicTextStyles = conditionalStyles.text || {};\n    const dynamicActiveHeaderStyles = conditionalStyles.activeHeaderTitle || {};\n    const dynamicTitleWrapperStyles = conditionalStyles.titleWrapper || {};\n\n    const subheading = item.props.subheading ?? item.props.description;\n    return item.props.show != false ? (\n      <View\n        style={this.styles.pane || null}\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          <View style={[this.styles.titleWrapper, dynamicTitleWrapperStyles]}>\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.header\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                  dynamicTextStyles,\n                  isExpanded ? dynamicActiveHeaderStyles : {}\n                ]}\n                  {...this.getTestPropsForAction(`header${index}_title`)}\n                  accessibilityRole='header'>\n                    {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            }\n            {subheading ?\n              (this._showSkeleton ?\n              <WmLabel\n                styles={{root: this.styles.subheading}}\n                showskeleton={true}\n                caption={subheading} /> :\n              <Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>\n                  {subheading}\n               </Text>) : null }\n            </View>\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,16 @@
+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 WmAccordionProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", 'fadeInDown');
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "defaultpaneindex", 0);
+    _defineProperty(this, "closeothers", true);
+    _defineProperty(this, "expandediconclass", void 0);
+    _defineProperty(this, "collapsediconclass", void 0);
+  }
+}
+//# sourceMappingURL=accordion.props.js.map

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

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

package/components/container/accordion/accordion.styles.js

@@ -0,0 +1,148 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
+export const DEFAULT_CLASS = 'app-accordion';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      width: '100%',
+      borderWidth: 0,
+      borderStyle: 'solid',
+      borderColor: themeVariables.accordionBorderColor,
+      borderRadius: 6,
+      backgroundColor: themeVariables.transparent
+    },
+    text: {
+      color: themeVariables.accordionTitleColor,
+      fontSize: 18
+    },
+    firstHeader: {
+      borderTopLeftRadius: 6,
+      borderTopRightRadius: 6
+    },
+    pane: {},
+    header: {
+      borderBottomWidth: 1,
+      borderStyle: 'solid',
+      borderColor: themeVariables.accordionBorderColor,
+      backgroundColor: themeVariables.accordionHeaderBgColor,
+      padding: 8,
+      flexDirection: 'row',
+      justifyContent: 'center'
+    },
+    lastHeader: {
+      borderBottomWidth: 0,
+      borderBottomLeftRadius: 6,
+      borderBottomRightRadius: 6
+    },
+    activeHeader: {
+      borderColor: themeVariables.accordionActiveHeaderBgColor,
+      backgroundColor: themeVariables.accordionActiveHeaderBgColor
+    },
+    activeHeaderTitle: {
+      color: themeVariables.accordionActiveHeaderTextColor
+    },
+    subheading: {
+      color: themeVariables.accordionTitleColor
+    },
+    titleWrapper: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      flex: 1
+    },
+    icon: {
+      root: {
+        alignSelf: 'auto',
+        width: 24,
+        height: 24,
+        borderRadius: 24,
+        justifyContent: 'center'
+      },
+      icon: {
+        color: themeVariables.accordionIconColor,
+        alignSelf: 'center',
+        justifyContent: 'center',
+        fontSize: 16
+      }
+    },
+    leftToggleIcon: {
+      root: {}
+    },
+    rightToggleIcon: {
+      root: {}
+    },
+    activeIcon: {
+      root: {
+        borderColor: themeVariables.accordionActiveHeaderTextColor
+      },
+      icon: {
+        color: themeVariables.accordionActiveHeaderTextColor
+      }
+    },
+    activeBadge: {
+      borderColor: themeVariables.accordionActiveHeaderTextColor,
+      color: themeVariables.accordionActiveHeaderTextColor
+    },
+    badge: {
+      color: themeVariables.accordionIconColor,
+      fontSize: 14,
+      marginRight: 4,
+      width: 24,
+      height: 24,
+      borderRadius: 12,
+      alignContent: 'center',
+      borderStyle: 'solid',
+      borderWidth: 2,
+      borderColor: themeVariables.accordionIconColor,
+      backgroundColor: themeVariables.transparent
+    },
+    titleIcon: {},
+    activeTitleIcon: {},
+    default: {},
+    success: {
+      backgroundColor: themeVariables.labelSuccessColor
+    },
+    danger: {
+      backgroundColor: themeVariables.labelDangerColor
+    },
+    warning: {
+      backgroundColor: themeVariables.labelWarningColor
+    },
+    info: {
+      backgroundColor: themeVariables.labelInfoColor
+    },
+    primary: {
+      backgroundColor: themeVariables.labelPrimaryColor
+    },
+    skeleton: {
+      root: {},
+      text: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    text: {
+      textAlign: 'right'
+    }
+  } : {
+    text: {
+      textAlign: 'left'
+    }
+  });
+  addStyle('app-accordion1', '', {
+    pane: {
+      marginBottom: 0
+    },
+    leftToggleIcon: {
+      root: {
+        width: 1
+      }
+    },
+    icon: {
+      root: {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)'
+      }
+    }
+  });
+});
+//# sourceMappingURL=accordion.styles.js.map

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

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

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

@@ -0,0 +1,87 @@
+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-ai/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-ai/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.styles.root, this.state.collapsed ? {
+        maxHeight: 0,
+        overflow: 'hidden'
+      } : {}]
+    }, this._background, this.renderContent(props)) : /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, /*#__PURE__*/React.createElement(CollapsiblePane, {
+      close: this.state.collapsed
+    }, this._background, this.renderContent(props)));
+  }
+}
+//# sourceMappingURL=accordionpane.component.js.map

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

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

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-ai/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/accordion/accordionpane/accordionpane.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmAccordionpaneProps","constructor","args","_defineProperty"],"sources":["accordionpane.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class WmAccordionpaneProps extends BaseProps {\n  children: 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 = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,oBAAoB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,oBAEtC,IAAI;IAAAA,eAAA,gBACR,OAAO;IAAAA,eAAA;IAAAA,eAAA,qBAEF,IAAI;IAAAA,eAAA,qBACJ,IAAI;IAAAA,eAAA,oBACL,IAAI;EAAA;AAC1B","ignoreList":[]}

package/components/container/accordion/accordionpane/accordionpane.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-accordionpane';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      borderStyle: 'solid',
+      borderColor: themeVariables.accordionBorderColor,
+      backgroundColor: themeVariables.accordionPaneBgColor,
+      padding: 4
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=accordionpane.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderStyle","borderColor","accordionBorderColor","backgroundColor","accordionPaneBgColor","padding","text"],"sources":["accordionpane.styles.ts"],"sourcesContent":["import Color from 'color';\nimport 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 WmAccordionpaneStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-accordionpane';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAccordionpaneStyles = defineStyles({\n        root: {\n            borderStyle: 'solid',\n            borderColor: themeVariables.accordionBorderColor,\n            backgroundColor: themeVariables.accordionPaneBgColor,\n            padding: 4\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AACA,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,aAAoC,GAAGL,YAAY,CAAC;IACtDM,IAAI,EAAE;MACFC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEL,cAAc,CAACM,oBAAoB;MAChDC,eAAe,EAAEP,cAAc,CAACQ,oBAAoB;MACpDC,OAAO,EAAE;IACb,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFT,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}