npm - @wavemaker/app-rn-runtime - Versions diffs - 11.14.3-rc.6401 → 11.15.0-2.247 - Mend

@wavemaker/app-rn-runtime 11.14.3-rc.6401 → 11.15.0-2.247

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","createSkeleton","WmLabel","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","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","subheading","description","show","pane","key","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","text","caption","heading","activeHeaderTitle","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/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n lastExpandedIndex = -1;\n isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n public accordionPanes = [] as WmAccordionpane[];\n private newIndex = 0;\n\n constructor(props: WmAccordionProps) {\n super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n }\n\n addAccordionPane(accordionPane: WmAccordionpane) {\n const i = this.accordionPanes.findIndex(t => {\n return t.paneId === accordionPane.paneId});\n if (i >= 0) {\n this.accordionPanes[i] = accordionPane;\n } else {\n accordionPane.paneId = `accordionPane${this.newIndex++}`;\n this.accordionPanes.push(accordionPane);\n }\n this.toggle(this.state.props.defaultpaneindex + 1);\n }\n\n removeAccordionPane(accordionPane: WmAccordionpane){\n const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n if (index >= 0) {\n this.accordionPanes.splice(index, 1);\n this.newIndex--;\n }\n }\n\n expand(accordionName: string) {\n const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n this.toggle(i + 1, true);\n }\n\n collapse(accordionName: string) {\n const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n this.toggle(i + 1, false);\n }\n\n 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 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 {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 {...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 {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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC3D,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,OAAO,QAAQ,QAAQ;AAEhC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAAUC,aAAa,QAA2B,oBAAoB;AACtE,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,SAASC,SAAS,QAAQ,sCAAsC;AAEhE,SAASC,cAAc,QAAQ,wEAAwE;AAEvG,OAAOC,OAAO,MAAM,kEAAkE;AAEtF,OAAO,MAAMC,gBAAgB,SAASP,kBAAkB,CAAmB;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,4BACrD,CAAC,CAAC;IAAAA,eAAA,qBACT,EAAE;EAAA;AACjB;AAGA,eAAe,MAAMC,WAAW,SAASZ,aAAa,CAAwD;EAI5GS,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAIM,gBAAgB,CAAC,CAAC,CAAC;IAACG,eAAA,yBAJtD,EAAE;IAAAA,eAAA,mBACP,CAAC;EAIpB;EAEAG,gBAAgBA,CAACC,aAA8B,EAAE;IAC/C,MAAMC,CAAC,GAAG,IAAI,CAACC,cAAc,CAACC,SAAS,CAACC,CAAC,IAAI;MAC3C,OAAOA,CAAC,CAACC,MAAM,KAAKL,aAAa,CAACK,MAAM;IAAA,CAAC,CAAC;IAC5C,IAAIJ,CAAC,IAAI,CAAC,EAAE;MACV,IAAI,CAACC,cAAc,CAACD,CAAC,CAAC,GAAGD,aAAa;IACxC,CAAC,MAAM;MACLA,aAAa,CAACK,MAAM,GAAG,gBAAgB,IAAI,CAACC,QAAQ,EAAE,EAAE;MACxD,IAAI,CAACJ,cAAc,CAACK,IAAI,CAACP,aAAa,CAAC;IACzC;IACA,IAAI,CAACQ,MAAM,CAAC,IAAI,CAACC,KAAK,CAACX,KAAK,CAACY,gBAAgB,GAAG,CAAC,CAAC;EACpD;EAEAC,mBAAmBA,CAACX,aAA8B,EAAC;IACjD,MAAMY,KAAK,GAAG,IAAI,CAACV,cAAc,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACC,MAAM,KAAKL,aAAa,CAACK,MAAM,CAAC;IACnF,IAAIO,KAAK,IAAI,CAAC,EAAE;MACd,IAAI,CAACV,cAAc,CAACW,MAAM,CAACD,KAAK,EAAE,CAAC,CAAC;MACpC,IAAI,CAACN,QAAQ,EAAE;IACjB;EACF;EAEAQ,MAAMA,CAACC,aAAqB,EAAE;IAC5B,MAAMd,CAAC,GAAG,IAAI,CAACC,cAAc,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACN,KAAK,CAACkB,IAAI,KAAKD,aAAa,CAAC;IAC5E,IAAI,CAACP,MAAM,CAACP,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;EAC1B;EAEAgB,QAAQA,CAACF,aAAqB,EAAE;IAC9B,MAAMd,CAAC,GAAG,IAAI,CAACC,cAAc,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACN,KAAK,CAACkB,IAAI,KAAKD,aAAa,CAAC;IAC5E,IAAI,CAACP,MAAM,CAACP,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;EAC3B;EAEQiB,0BAA0BA,CAACC,UAAmB,EAAEC,UAAmB,EAAEC,YAAqB,EAAEC,aAAsB,EAAU;IAClI,MAAMC,iBAAiB,GAAGF,YAAY,KAAKD,UAAU,GAAG,oBAAoB,GAAG,aAAa,CAAC;IAC7F,MAAMI,kBAAkB,GAAGF,aAAa,KAAKF,UAAU,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAC5F,OAAOD,UAAU,GAAGI,iBAAiB,GAAGC,kBAAkB;EAC5D;EAEAC,kBAAkBA,CAACC,IAAS,EAAEd,KAAa,EAAEe,SAAS,GAAG,IAAI,EAAEC,QAAQ,GAAG,IAAI,EAAER,UAAU,GAAG,IAAI,EAAED,UAAU,GAAG,KAAK,EAAE;IACrH,MAAMU,WAAW,GAAGH,IAAI,CAAC5B,KAAK;IAC9B;IACA,MAAMgC,KAAK,GAAGH,SAAS,IAAIE,WAAW,CAACE,UAAU,IAAIC,SAAS,gBAC5DrD,KAAA,CAAAsD,aAAA,CAAClD,KAAK,EAAAmD,QAAA;MAACC,KAAK,EAAE,CACZ,IAAI,CAACC,MAAM,CAACN,KAAK,EACjBX,UAAU,GAAG,IAAI,CAACiB,MAAM,CAACC,WAAW,GAAG,IAAI,EAC3C,IAAI,CAACD,MAAM,CAACP,WAAW,CAACS,SAAS,IAAI,SAAS,CAAC;IAAE,GAC7C,IAAI,CAACC,YAAY,CAAC,OAAO,GAAC3B,KAAK,CAAC,GACnCiB,WAAW,CAACE,UACR,CAAC,GAAG,IAAI;IAEjB,MAAMS,oBAAoB,GAAG,IAAI,CAAC/B,KAAK,CAACX,KAAK,CAAC2C,iBAAiB;IAC/D,MAAMC,qBAAqB,GAAG,IAAI,CAACjC,KAAK,CAACX,KAAK,CAAC6C,kBAAkB;IACjE,MAAMC,SAAS,GAAG,IAAI,CAAC1B,0BAA0B,CAACC,UAAU,EAAEC,UAAU,EAAEoB,oBAAoB,EAAEE,qBAAqB,CAAC;IAEtH,oBAAQ/D,KAAA,CAAAsD,aAAA,CAACnD,IAAI;MAACqD,KAAK,EAAE;QAACU,aAAa,EAAE;MAAK;IAAE,GACnCf,KAAK,EACLF,QAAQ,gBACPjD,KAAA,CAAAsD,aAAA,CAAC5C,MAAM;MACPyD,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,GAAGnC,KAAK,CAAE;MACnCwB,MAAM,EAAE,IAAI,CAACY,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACb,MAAM,CAACc,IAAI,EAAE/B,UAAU,GAAG,IAAI,CAACiB,MAAM,CAACe,UAAU,GAAG,IAAI,CAAE;MAChGnC,IAAI,EAAE,sBAAuB;MAC7B4B,SAAS,EAAEA;IAAU,CAAS,CAAC,GAAG,IAChC,CAAC;EACf;EAEAQ,mBAAmBA,CAAC1B,IAAS,EAAEd,KAAU,EAAEyC,cAAqB,GAAG,EAAE,EAAE;IAAA,IAAAC,qBAAA;IACrE,MAAMC,cAAc,GAAG,IAAI,CAACnB,MAAM,CAACoB,cAAc,CAACC,IAAI,CAACC,KAAK,KAAK1B,SAAS;IAC1E,MAAMb,UAAU,GAAG,IAAI,CAACV,KAAK,CAACU,UAAU,CAACP,KAAK,CAAC;IAC/C,MAAM+C,eAAe,GAAG,IAAI,CAACX,KAAK,CAACC,UAAU,CAAC,IAAI,CAACb,MAAM,CAACc,IAAI,EAAE,IAAI,CAACd,MAAM,CAACwB,SAAS,EAAEzC,UAAU,GAAG,IAAI,CAACiB,MAAM,CAACyB,eAAe,GAAG,IAAI,CAAC;IACvI,MAAMC,UAAU,IAAAR,qBAAA,GAAG5B,IAAI,CAAC5B,KAAK,CAACgE,UAAU,cAAAR,qBAAA,cAAAA,qBAAA,GAAI5B,IAAI,CAAC5B,KAAK,CAACiE,WAAW;IAClE,OAAOrC,IAAI,CAAC5B,KAAK,CAACkE,IAAI,IAAI,KAAK,gBAC7BrF,KAAA,CAAAsD,aAAA,CAACnD,IAAI;MACHqD,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC6B,IAAI,IAAI,IAAK;MAChCC,GAAG,EAAExC,IAAI,CAAC5B,KAAK,CAACqE,KAAM;MACtBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,gBAE9C1F,KAAA,CAAAsD,aAAA,CAACpD,gBAAgB,EAAAqD,QAAA;MAACgC,GAAG,EAAE,gBAAgB,IAAItD,KAAK,GAAG,CAAC;IAAE,GAC5C,IAAI,CAAC2D,qBAAqB,CAAC,SAAS3D,KAAK,EAAE,CAAC;MAChDuB,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACoC,MAAM,EACxB5D,KAAK,KAAK,CAAC,GAAG,IAAI,CAACwB,MAAM,CAACqC,WAAW,GAAE,IAAI,EAC3C7D,KAAK,KAAKyC,cAAc,CAACqB,MAAM,GAAG,CAAC,IAAI,CAACvD,UAAU,GAAG,IAAI,CAACiB,MAAM,CAACuC,UAAU,GAAE,IAAI,EACjFxD,UAAU,GAAG,IAAI,CAACiB,MAAM,CAACwC,YAAY,GAAG,CAAC,CAAC,CAAE;MAC5CC,OAAO,EAAE,IAAI,CAACrE,MAAM,CAACsE,IAAI,CAAC,IAAI,EAAElE,KAAK,GAAG,CAAC,EAAE,CAACO,UAAU;IAAE,IAC7D,IAAI,CAACM,kBAAkB,CAACC,IAAI,EAAEd,KAAK,EAAE,KAAK,EAAE2C,cAAc,EAAE,IAAI,EAAEpC,UAAU,CAAC,EAC7EO,IAAI,CAAC5B,KAAK,CAAC8C,SAAS,gBAAGjE,KAAA,CAAAsD,aAAA,CAAC5C,MAAM;MAACyD,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAACX,MAAM,EAAEuB,eAAgB;MAAC3C,IAAI,EAAEU,IAAI,CAAC5B,KAAK,CAACkB,IAAI,GAAG,OAAQ;MAAC4B,SAAS,EAAElB,IAAI,CAAC5B,KAAK,CAAC8C;IAAU,CAAS,CAAC,GAAE,IAAI,eACtKjE,KAAA,CAAAsD,aAAA,CAACnD,IAAI;MAACqD,KAAK,EAAE;QAACU,aAAa,EAAE,QAAQ;QAAEkC,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE;MAAQ;IAAE,GACvE,IAAI,CAACC,aAAa,gBAClBtG,KAAA,CAAAsD,aAAA,CAACzC,OAAO;MACN0F,YAAY,EAAE,IAAK;MACnB9C,MAAM,EAAE;QACPqB,IAAI,EAAE,CACJ,IAAI,CAACrB,MAAM,CAAC+C,IAAI,EAChB,IAAI,CAAC/C,MAAM,CAACoC,MAAM;MAEtB,CAAE;MACFY,OAAO,EAAE9F,SAAS,CAACoC,IAAI,CAAC5B,KAAK,CAACqE,KAAK,CAAC,GAAGzC,IAAI,CAAC5B,KAAK,CAACqE,KAAK,GAAG;IAAQ,CAAC,CAAC,gBACrExF,KAAA,CAAAsD,aAAA,CAACrD,IAAI,EAAAsD,QAAA;MACFC,KAAK,EAAE,CACL,IAAI,CAACC,MAAM,CAAC+C,IAAI,EAChB,IAAI,CAAC/C,MAAM,CAACiD,OAAO,EACnBlE,UAAU,GAAG,IAAI,CAACiB,MAAM,CAACkD,iBAAiB,GAAG,CAAC,CAAC;IAAE,GAC7C,IAAI,CAACf,qBAAqB,CAAC,SAAS3D,KAAK,QAAQ,CAAC;MACtD2E,iBAAiB,EAAC;IAAQ,IACvBjG,SAAS,CAACoC,IAAI,CAAC5B,KAAK,CAACqE,KAAK,CAAC,GAAGzC,IAAI,CAAC5B,KAAK,CAACqE,KAAK,GAAG,OACpD,CAAC,EAENL,UAAU,GACR,IAAI,CAACmB,aAAa,gBACnBtG,KAAA,CAAAsD,aAAA,CAACzC,OAAO;MACN4C,MAAM,EAAE;QAACqB,IAAI,EAAE,IAAI,CAACrB,MAAM,CAAC0B;MAAU,CAAE;MACvCoB,YAAY,EAAE,IAAK;MACnBE,OAAO,EAAEtB;IAAW,CAAE,CAAC,gBACzBnF,KAAA,CAAAsD,aAAA,CAACrD,IAAI,EAAAsD,QAAA;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC0B;IAAW,GAC9B,IAAI,CAACS,qBAAqB,CAAC,SAAS3D,KAAK,cAAc,CAAC,GACzDkD,UACE,CAAC,GAAI,IACV,CAAC,EACN,IAAI,CAACrC,kBAAkB,CAACC,IAAI,EAAEd,KAAK,EAAE,IAAI,EAAE,CAAC2C,cAAc,EAAE,IAAI,EAAEpC,UAAU,CAC7D,CAAC,EAClBO,IACG,CAAC,GACN,IAAI;EACT;EAEAlB,MAAMA,CAACI,KAAa,EAAEE,MAAM,GAAG,IAAI,EAAE;IACnC,IAAI0E,UAAU,GAAG1E,MAAM,GAAGF,KAAK,GAAG,CAAC,CAAC;IACpC,IAAI6E,UAAU,GAAG3E,MAAM,GAAG,CAAC,CAAC,GAAGF,KAAK;IACpC,MAAM8E,YAAY,GAAGF,UAAU,GAAG,IAAI,CAACtF,cAAc,CAACsF,UAAU,GAAG,CAAC,CAAC,GAAE,IAAI;IAC3E,IAAI1E,MAAM,IAAI,IAAI,CAACL,KAAK,CAACU,UAAU,CAACqE,UAAU,GAAG,CAAC,CAAC,IAAI,EAACE,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEjF,KAAK,CAACkF,SAAS,KAC9E,CAAC7E,MAAM,IAAI,IAAI,CAACL,KAAK,CAACU,UAAU,CAACsE,UAAU,GAAG,CAAC,CAAC,KAAK,KAAK,IAAIC,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAEjF,KAAK,CAACkF,SAAS,EAAE;MAChG;IACJ;IACA,IAAIF,UAAU,GAAG,CAAC,IAAI,IAAI,CAAChF,KAAK,CAACX,KAAK,CAAC8F,WAAW,EAAE;MAClDH,UAAU,GAAG,IAAI,CAAChF,KAAK,CAACoF,iBAAiB;IAC3C;IACA,MAAMC,aAAa,GAAG,IAAI,CAAC5F,cAAc,CAACuF,UAAU,GAAE,CAAC,CAAC;IACxDK,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEC,IAAI,CAAC,CAAC;IACrBC,OAAO,CAACC,OAAO,CAAC,CAAC,CAACC,IAAI,CAAC,MAAM;MAC3BR,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAE1B,IAAI,CAAC,CAAC;MACpB,IAAI,CAACmC,QAAQ,CAAE1F,KAAK,IAAK;QACvB,IAAIgF,UAAU,GAAG,CAAC,IAAIK,aAAa,EAAE;UACnCrF,KAAK,CAACU,UAAU,CAACsE,UAAU,GAAG,CAAC,CAAC,GAAG,KAAK;QAC1C;QACA,IAAID,UAAU,GAAG,CAAC,IAAIE,YAAY,EAAE;UAClCjF,KAAK,CAACU,UAAU,CAACqE,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI;QACzC;QACA,OAAO;UACLK,iBAAiB,EAAEL,UAAU;UAC7BrE,UAAU,EAAE,CAAC,GAAGV,KAAK,CAACU,UAAU;QAClC,CAAC;MACH,CAAC,EAAE,MAAM;QACP,IAAI,CAACiF,mBAAmB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EACtC,IAAI,CAACC,KAAK,EACVb,UAAU,GAAG,CAAC,EACdC,UAAU,GAAGA,UAAU,GAAG,CAAC,GAAG,IAAI,EAClCC,YAAY,IAAIA,YAAY,CAAC5F,KAAK,CAACkB,IAAI,EACvC8E,aAAa,IAAIA,aAAa,CAAChG,KAAK,CAACkB,IAAI,CAAC,CAAC;MAC7C,CAAC,CAAC;IACN,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;EACd;EAEOsF,iBAAiBA,CAAA,EAAS;IAC7B,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAAC9F,MAAM,CAAC,IAAI,CAACC,KAAK,CAACX,KAAK,CAACY,gBAAgB,GAAG,CAAC,CAAC;EACtD;EAEU6F,aAAaA,CAAA,EAA6B;IAClD,OAAO,IAAI,CAACtB,aAAa,GAAG,IAAI,GAAG,IAAI,CAACuB,WAAW;EACrD;EAEOC,cAAcA,CAAC3G,KAAuB,EAAmB;IAC9D,MAAMuD,cAAc,GAAGvD,KAAK,CAAC4G,QAAQ;IACnC,IAAG,CAAC5G,KAAK,CAAC6G,oBAAoB,EAAE;MAAA,IAAAC,WAAA;MAC9B,MAAMC,cAAgC,GAAG,EAAAD,WAAA,OAAI,CAAC9G,KAAK,cAAA8G,WAAA,gBAAAA,WAAA,GAAVA,WAAA,CAAYxE,MAAM,cAAAwE,WAAA,uBAAlBA,WAAA,CAAoBE,QAAQ,KAAI;QAAErD,IAAI,EAAE,CAAC,CAAC;QAAE0B,IAAI,EAAE,CAAC;MAAG,CAAqB;MACpH,OAAO5F,cAAc,CAAC,IAAI,CAACyD,KAAK,EAAE6D,cAAc,EAAE;QAChD,GAAG,IAAI,CAACzE,MAAM,CAACqB;MACjB,CAAC,eAAG9E,KAAA,CAAAsD,aAAA,CAACnD,IAAI;QAACqD,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACqB,IAAI,EAAE;UAAEsD,OAAO,EAAE;QAAE,CAAC;MAAE,GAChD1D,cAAc,GACVrE,OAAO,CAACqE,cAAc,CAAC,IAAIA,cAAc,CAACqB,MAAM,GAC9CrB,cAAc,CAAC2D,GAAG,CAAC,CAACtF,IAAS,EAAEd,KAAU,KAAK,IAAI,CAACwC,mBAAmB,CAAC1B,IAAI,EAAEd,KAAK,EAAEyC,cAAc,CAAC,CAAC,GACpG,IAAI,CAACD,mBAAmB,CAACC,cAAc,EAAE,CAAC,CAAC,GAC7C,IACF,CAAE,CAAC;IACX;IACA,OAAO,IAAI;EACb;EAGF4D,YAAYA,CAACnH,KAAuB,EAAE;IAAA,IAAAoH,qBAAA;IACpC,MAAM7D,cAAc,GAAGvD,KAAK,CAAC4G,QAAQ;IACrC,MAAMlB,UAAU,GAAG,IAAI,CAAC/E,KAAK,CAACoF,iBAAiB,IAAI,CAAC;IACpD,MAAMzD,MAAM,GAAG,IAAI,CAAC6C,aAAa,GAAG;MAClC,GAAG,IAAI,CAAC7C,MAAM,CAACqB,IAAI;MACnB,KAAAyD,qBAAA,GAAG,IAAI,CAAC9E,MAAM,CAAC0E,QAAQ,cAAAI,qBAAA,uBAApBA,qBAAA,CAAsBzD,IAAI;IAC/B,CAAC,GAAG,IAAI,CAACrB,MAAM,CAACqB,IAAI;IACpB,oBACI9E,KAAA,CAAAsD,aAAA,CAACnD,IAAI;MAACqD,KAAK,EAAEC;IAAO,GACjB,IAAI,CAACmE,aAAa,CAAC,CAAC,EAClBlD,cAAc,GACXrE,OAAO,CAACqE,cAAc,CAAC,IAAIA,cAAc,CAACqB,MAAM,GAC9CrB,cAAc,CAAC2D,GAAG,CAAC,CAACtF,IAAS,EAAEd,KAAU,KAAK,IAAI,CAACwC,mBAAmB,CAAC1B,IAAI,EAAEd,KAAK,EAAEyC,cAAc,CAAC,CAAC,GACpG,IAAI,CAACD,mBAAmB,CAACC,cAAc,EAAE,CAAC,CAAC,GAC7C,IACF,CAAC;EAEb;AACF","ignoreList":[]}
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/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport { DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n lastExpandedIndex = -1;\n isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n public accordionPanes = [] as WmAccordionpane[];\n private newIndex = 0;\n\n constructor(props: WmAccordionProps) {\n super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n }\n\n addAccordionPane(accordionPane: WmAccordionpane) {\n const i = this.accordionPanes.findIndex(t => {\n return t.paneId === accordionPane.paneId});\n if (i >= 0) {\n this.accordionPanes[i] = accordionPane;\n } else {\n accordionPane.paneId = `accordionPane${this.newIndex++}`;\n this.accordionPanes.push(accordionPane);\n }\n this.toggle(this.state.props.defaultpaneindex + 1);\n }\n\n removeAccordionPane(accordionPane: WmAccordionpane){\n const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n if (index >= 0) {\n this.accordionPanes.splice(index, 1);\n this.newIndex--;\n }\n }\n\n expand(accordionName: string) {\n const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n this.toggle(i + 1, true);\n }\n\n collapse(accordionName: string) {\n const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n this.toggle(i + 1, false);\n }\n\n 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.styles.js CHANGED Viewed

@@ -45,6 +45,11 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     subheading: {
       color: themeVariables.accordionTitleColor
     },
+    titleWrapper: {
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      flex: 1
+    },
     icon: {
       root: {
         alignSelf: 'auto',
@@ -57,8 +62,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         color: themeVariables.accordionIconColor,
         alignSelf: 'center',
         justifyContent: 'center',
-        fontSize: 16,
-        fontWeight: 'bold'
+        fontSize: 16
       }
     },
     leftToggleIcon: {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","borderWidth","borderStyle","borderColor","accordionBorderColor","borderRadius","backgroundColor","transparent","text","color","accordionTitleColor","fontSize","firstHeader","borderTopLeftRadius","borderTopRightRadius","pane","header","borderBottomWidth","accordionHeaderBgColor","padding","flexDirection","justifyContent","lastHeader","borderBottomLeftRadius","borderBottomRightRadius","activeHeader","accordionActiveHeaderBgColor","activeHeaderTitle","accordionActiveHeaderTextColor","subheading","icon","alignSelf","height","accordionIconColor","~~fontWeight","~~leftToggleIcon","rightToggleIcon","activeIcon","activeBadge","badge","marginRight","alignContent","titleIcon","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/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmAccordionStyles = BaseStyles & {\n icon: WmIconStyles,\n rightToggleIcon: WmIconStyles,\n leftToggleIcon: WmIconStyles,\n activeIcon: WmIconStyles,\n pane: AllStyle,\n badge: AllStyle,\n activeBadge: AllStyle,\n firstHeader: ViewStyle,\n lastHeader: ViewStyle,\n header: AllStyle,\n activeHeader: AllStyle,\n activeHeaderTitle: TextStyle,\n subheading: AllStyle,\n titleIcon: WmIconStyles,\n 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 icon: {\n root: {\n alignSelf: 'auto',\n width: 24,\n height: 24,\n borderRadius: 24,\n justifyContent: 'center'\n },\n icon: {\n color: themeVariables.accordionIconColor,\n alignSelf: 'center',\n justifyContent: 'center',\n fontSize: 16,\n ~~fontWeight: 'bold'\n~~ }\n } as WmIconStyles,\n leftToggleIcon: {\n root: {}\n } as WmIconStyles,\n rightToggleIcon: {\n root: {}\n } as WmIconStyles,\n activeIcon : {\n root: {\n borderColor: themeVariables.accordionActiveHeaderTextColor,\n },\n icon: {\n color: themeVariables.accordionActiveHeaderTextColor\n }\n } as WmIconStyles,\n activeBadge: {\n borderColor: themeVariables.accordionActiveHeaderTextColor,\n color: themeVariables.accordionActiveHeaderTextColor\n },\n badge: {\n color: themeVariables.accordionIconColor,\n fontSize: 14,\n marginRight: 4,\n width: 24,\n height: 24,\n borderRadius: 12,\n alignContent: 'center',\n borderStyle: 'solid',\n borderWidth: 2,\n borderColor: themeVariables.accordionIconColor,\n backgroundColor: themeVariables.transparent\n },\n titleIcon: {} as WmIconStyles,\n 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":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAC3E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,SAA+BC,QAAQ,QAAQ,cAAc;~~AAuB7D~~,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAgC,GAAGN,YAAY,CAAC;IAClDO,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,oBAAoB;MAChDC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEV,cAAc,CAACW;IAClC,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEb,cAAc,CAACc,mBAAmB;MACzCC,QAAQ,EAAE;IACZ,CAAC;IACDC,WAAW,EAAE;MACXC,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE;IACxB,CAAC;IACDC,IAAI,EAAG,CAAC,CAAC;IACTC,MAAM,EAAE;MACNC,iBAAiB,EAAE,CAAC;MACpBf,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ,oBAAoB;MAChDE,eAAe,EAAEV,cAAc,CAACsB,sBAAsB;MACtDC,OAAO,EAAE,CAAC;MACVC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,UAAU,EAAE;MACVL,iBAAiB,EAAE,CAAC;MACpBM,sBAAsB,EAAE,CAAC;MACzBC,uBAAuB,EAAE;IAC3B,CAAC;IACDC,YAAY,EAAE;MACZtB,WAAW,EAAEP,cAAc,CAAC8B,4BAA4B;MACxDpB,eAAe,EAAEV,cAAc,CAAC8B;IAClC,CAAC;IACDC,iBAAiB,EAAE;MACjBlB,KAAK,EAAEb,cAAc,CAACgC;IACxB,CAAC;IACDC,UAAU,EAAE;MACVpB,KAAK,EAAEb,cAAc,CAACc;IACxB,CAAC;IACDoB,IAAI,EAAE;~~MACJ/B~~,IAAI,EAAE;~~QACJgC~~,SAAS,EAAE,MAAM;~~QACjB/B~~,KAAK,EAAE,EAAE;~~QACTgC~~,MAAM,EAAE,EAAE;~~QACV3B~~,YAAY,EAAE,EAAE;QAChBgB,cAAc,EAAE;MAClB,CAAC;~~MACDS~~,IAAI,EAAE;~~QACJrB~~,KAAK,EAAEb,cAAc,~~CAACqC~~,kBAAkB;QACxCF,SAAS,EAAE,QAAQ;~~QACnBV~~,cAAc,EAAE,QAAQ;QACxBV,QAAQ,EAAE~~,EAAE~~;~~QACZuB,UAAU,EAAE~~;~~MACd;~~IACF,CAAiB;~~IACjBC~~,cAAc,EAAE;~~MACdpC~~,IAAI,EAAE,CAAC;IACT,CAAiB;~~IACjBqC~~,eAAe,EAAE;~~MACfrC~~,IAAI,EAAE,CAAC;IACT,CAAiB;~~IACjBsC~~,UAAU,EAAG;~~MACXtC~~,IAAI,EAAE;QACJI,WAAW,EAAEP,cAAc,CAACgC;MAC9B,CAAC;~~MACDE~~,IAAI,EAAE;~~QACJrB~~,KAAK,EAAEb,cAAc,CAACgC;MACxB;IACF,CAAiB;~~IACjBU~~,WAAW,EAAE;~~MACXnC~~,WAAW,EAAEP,cAAc,CAACgC,8BAA8B;MAC1DnB,KAAK,EAAEb,cAAc,CAACgC;IACxB,CAAC;~~IACDW~~,KAAK,EAAE;~~MACH9B~~,KAAK,EAAEb,cAAc,~~CAACqC~~,kBAAkB;~~MACxCtB~~,QAAQ,EAAE,EAAE;~~MACZ6B~~,WAAW,EAAE,CAAC;~~MACdxC~~,KAAK,EAAE,EAAE;~~MACTgC~~,MAAM,EAAE,EAAE;~~MACV3B~~,YAAY,EAAE,EAAE;~~MAChBoC~~,YAAY,EAAE,QAAQ;~~MACtBvC~~,WAAW,EAAE,OAAO;MACpBD,WAAW,EAAE,CAAC;MACdE,WAAW,EAAEP,cAAc,~~CAACqC~~,kBAAkB;~~MAC9C3B~~,eAAe,EAAEV,cAAc,CAACW;IACpC,CAAC;~~IACDmC~~,SAAS,EAAE,CAAC,CAAiB;IAC7BC,eAAe,EAAE,CAAC,CAAiB;IACnCC,OAAO,EAAE,CAAC,CAAC;IACXC,OAAO,EAAE;~~MACPvC~~,eAAe,EAAEV,cAAc,~~CAACkD~~;IAClC,CAAC;IACDC,MAAM,EAAE;~~MACNzC~~,eAAe,EAAEV,cAAc,~~CAACoD~~;IAClC,CAAC;IACDC,OAAO,EAAE;~~MACP3C~~,eAAe,EAAEV,cAAc,~~CAACsD~~;IAClC,CAAC;IACDC,IAAI,EAAE;~~MACJ7C~~,eAAe,EAAEV,cAAc,~~CAACwD~~;IAClC,CAAC;IACDC,OAAO,EAAE;~~MACP/C~~,eAAe,EAAEV,cAAc,~~CAAC0D~~;IAClC,CAAC;IACDC,QAAQ,EAAE;~~MACRxD~~,IAAI,EAAE,CACN,CAAC;MACDS,IAAI,EAAE,CAAC;IACT;EACJ,CAAC,CAAC;EAEFX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,~~CAAC+D~~,EAAE,IAAE,KAAK,GAAC;~~IACtDhD~~,IAAI,EAAC;~~MACDiD~~,SAAS,EAAC;IACd;EACF,CAAC,GAAC;~~IACAjD~~,IAAI,EAAC;~~MACHiD~~,SAAS,EAAC;IACZ;EACF,CAAC,CAAC;~~EACF5D~~,QAAQ,CAAC,gBAAgB,EAAE,EAAE,EAAE;IAC7BkB,IAAI,EAAE;~~MACJ2C~~,YAAY,EAAE;IAChB,CAAC;IACDvB,cAAc,EAAE;~~MACdpC~~,IAAI,EAAE;QACJC,KAAK,EAAE;MACT;IACF,CAAC;~~IACD8B~~,IAAI,EAAE;~~MACJ/B~~,IAAI,EAAE;QACJO,eAAe,EAAE;MACnB;IACF;EACF,CAAsB,CAAC;AACzB,CAAC,CAAC","ignoreList":[]}
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/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, ViewStyle, Platform } from 'react-native';\nimport Color from 'color';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmAccordionStyles = BaseStyles & {\n icon: WmIconStyles,\n rightToggleIcon: WmIconStyles,\n leftToggleIcon: WmIconStyles,\n activeIcon: WmIconStyles,\n pane: AllStyle,\n badge: AllStyle,\n activeBadge: AllStyle,\n firstHeader: ViewStyle,\n lastHeader: ViewStyle,\n header: AllStyle,\n activeHeader: AllStyle,\n activeHeaderTitle: TextStyle,\n subheading: AllStyle,\n 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/container.component.js CHANGED Viewed

@@ -101,26 +101,50 @@ export default class WmContainer extends PartialHost {
   getBackground() {
     return this._showSkeleton ? null : this._background;
   }
+  isAutoLayout() {
+    const {
+      direction,
+      wrap,
+      gap,
+      alignment,
+      columngap
+    } = this.props;
-  // Compute root style respecting 'fill'|'hug'|<size> for width/height.
-  getRootContainerStyle() {
-    var _this$props, _this$styles$skeleton;
-    // const { width, height } = this.props;
+    /* Check if any of the new layout props are provided. If not, return an empty
+    style object to maintain backward compatibility. */
+    const isAutoLayoutPresent = direction !== undefined || wrap !== undefined || gap !== undefined || alignment !== undefined || columngap !== undefined;
+    return isAutoLayoutPresent;
+  }
+  getDimensionStyle(direction, isInnerView = false) {
     const baseStyle = this.styles.root || {};
     const {
       width,
       height
     } = baseStyle;
     const dimensionStyle = {};
-    const isRow = ((_this$props = this.props) === null || _this$props === void 0 ? void 0 : _this$props.direction) === "row";
+    const isRow = direction === "row";
+    if (isInnerView) {
+      if (width && width !== 'hug') {
+        dimensionStyle.width = '100%';
+      }
+      if (height && height !== 'hug') {
+        dimensionStyle.height = '100%';
+      }
+      return dimensionStyle;
+    }
     if (height === 'fill') {
-      if (isRow) {
-        dimensionStyle.alignSelf = 'stretch';
+      var _this$props;
+      if (!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props['parent-direction'])) {
+        dimensionStyle.height = '100%';
       } else {
-        dimensionStyle.flexGrow = 1;
+        if (isRow) {
+          dimensionStyle.alignSelf = 'stretch';
+        } else {
+          dimensionStyle.flexGrow = 1;
+        }
+        dimensionStyle.height = undefined;
       }
-      dimensionStyle.height = undefined;
-    } else if (height === 'hug') {
+    } else if (height === 'hug' || height === undefined) {
       if (isRow) {
         dimensionStyle.alignSelf = 'flex-start';
       } else {
@@ -133,11 +157,13 @@ export default class WmContainer extends PartialHost {
     }
     if (width === 'fill') {
       if (isRow) {
-        dimensionStyle.width = '100%';
+        dimensionStyle.flexGrow = 1;
+        dimensionStyle.flexShrink = 1;
+        dimensionStyle.minWidth = 0;
       } else {
         dimensionStyle.alignSelf = 'stretch';
-        dimensionStyle.width = undefined;
       }
+      dimensionStyle.width = undefined;
     } else if (width === 'hug') {
       if (isRow) {
         dimensionStyle.flexGrow = 0;
@@ -145,22 +171,20 @@ export default class WmContainer extends PartialHost {
         dimensionStyle.alignSelf = 'flex-start';
       }
       dimensionStyle.width = undefined;
+    } else if (width === undefined) {
+      if (isRow) {
+        dimensionStyle.flexGrow = 0;
+      } else {
+        dimensionStyle.alignSelf = 'stretch';
+      }
+      dimensionStyle.width = undefined;
     } else if (width) {
       const num = typeof width === 'string' && width.endsWith('%') ? width : parseFloat(width);
       dimensionStyle.width = isNaN(num) ? width : num;
     }
-    const styleWithResize = {
-      ...baseStyle,
-      ...dimensionStyle
-    };
-    return this._showSkeleton ? {
-      ...styleWithResize,
-      ...((_this$styles$skeleton = this.styles.skeleton) === null || _this$styles$skeleton === void 0 ? void 0 : _this$styles$skeleton.root)
-    } : styleWithResize;
+    return dimensionStyle;
   }
-  // Compute content layout (flexDirection, wrap, gap, justifyContent, alignItems).
-  getContentContainerStyle() {
+  getGapStyle() {
     const {
       direction,
       wrap,
@@ -171,23 +195,16 @@ export default class WmContainer extends PartialHost {
     /* Check if any of the new layout props are provided. If not, return an empty
     style object to maintain backward compatibility. */
-    const useNewLayoutSystem = direction !== undefined || wrap !== undefined || gap !== undefined || alignment !== undefined || columngap !== undefined;
-    if (!useNewLayoutSystem) {
+    const isAutoLayout = this.isAutoLayout();
+    if (!isAutoLayout) {
       return {};
     }
-    // Apply defaults only if the new layout system is active
-    const finalDirection = direction !== null && direction !== void 0 ? direction : 'row';
-    const finalWrap = wrap !== null && wrap !== void 0 ? wrap : false;
     const finalGap = gap !== null && gap !== void 0 ? gap : 4;
+    const finalDirection = direction !== null && direction !== void 0 ? direction : 'row';
     const finalAlignment = alignment !== null && alignment !== void 0 ? alignment : 'top-left';
-    const isRow = finalDirection === 'row';
     const isAutoGap = finalGap === 'auto';
-    const isWrap = finalWrap === 'true' || finalWrap === true;
-    const layoutStyle = {
-      flexDirection: finalDirection,
-      flexWrap: isWrap && isRow ? 'wrap' : 'nowrap'
-    };
+    const isRow = finalDirection === 'row';
+    const layoutStyle = {};
     if (isAutoGap) {
       const alignConfig = alignmentMatrixAuto[finalAlignment] || alignmentMatrixAuto['start'];
       layoutStyle.justifyContent = alignConfig.justifyContent;
@@ -200,6 +217,39 @@ export default class WmContainer extends PartialHost {
         // For a column, the main-axis gap (between items) is rowGap.
         layoutStyle.rowGap = Number(finalGap);
       }
+    }
+    return layoutStyle;
+  }
+  // Compute content layout (flexDirection, wrap, gap, justifyContent, alignItems).
+  getContentContainerStyle() {
+    const {
+      direction,
+      wrap,
+      gap,
+      alignment,
+      columngap
+    } = this.props;
+    /* Check if any of the new layout props are provided. If not, return an empty
+    style object to maintain backward compatibility. */
+    if (!this.isAutoLayout()) {
+      return {};
+    }
+    // Apply defaults only if the new layout system is active
+    const finalDirection = direction !== null && direction !== void 0 ? direction : 'row';
+    const finalWrap = wrap !== null && wrap !== void 0 ? wrap : false;
+    const finalGap = gap !== null && gap !== void 0 ? gap : 4;
+    const finalAlignment = alignment !== null && alignment !== void 0 ? alignment : 'top-left';
+    const isRow = finalDirection === 'row';
+    const isAutoGap = finalGap === 'auto';
+    const isWrap = finalWrap === 'true' || finalWrap === true;
+    const layoutStyle = {
+      // flexDirection: finalDirection,
+      flexWrap: isWrap && isRow ? 'wrap' : 'nowrap'
+    };
+    if (!isAutoGap) {
       const alignConfig = alignmentMatrixFixed[finalAlignment] || alignmentMatrixFixed['top-left'];
       layoutStyle.justifyContent = isRow ? alignConfig.justifyContent : alignConfig.alignItems;
       layoutStyle.alignItems = isRow ? alignConfig.alignItems : alignConfig.justifyContent;
@@ -214,7 +264,8 @@ export default class WmContainer extends PartialHost {
       }
     }
     return {
-      ...layoutStyle
+      ...layoutStyle,
+      ...this.getGapStyle()
     };
   }
   renderSkeleton(props) {
@@ -267,39 +318,55 @@ export default class WmContainer extends PartialHost {
       }).start();
     }
   }
-  renderStickyContent(props, dimensions, styles, autoLayoutStyle) {
+  renderStickyContent(props, dimensions, styles) {
+    var _this$props3, _this$props5;
     const {
       stickyContainerVisibility
     } = this.state;
     const {
       positioningStyles
     } = getParentStyles(this);
+    const autoLayoutStyle = this.getContentContainerStyle();
+    const directionStyle = {};
+    if ((_this$props3 = this.props) !== null && _this$props3 !== void 0 && _this$props3.direction) {
+      var _this$props4;
+      directionStyle.flexDirection = (_this$props4 = this.props) === null || _this$props4 === void 0 ? void 0 : _this$props4.direction;
+    }
+    const autoLayoutDimensionsInner = this.getDimensionStyle((_this$props5 = this.props) === null || _this$props5 === void 0 ? void 0 : _this$props5.direction, true);
+    const isAutoLayout = this.isAutoLayout();
     return /*#__PURE__*/React.createElement(React.Fragment, null, stickyContainerVisibility ? /*#__PURE__*/React.createElement(StickyContainer, {
       component: this,
       theme: this.theme,
       style: [this.styles.sticky, {
         backgroundColor: styles.backgroundColor
-      }],
+      }, isAutoLayout ? directionStyle : {}],
       positionStyles: positioningStyles,
       show: props.show
     }, /*#__PURE__*/React.createElement(View, {
-      style: [dimensions, {
+      style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, {
         backgroundColor: styles.backgroundColor
-      }, this.styles.content, autoLayoutStyle]
+      }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}]
     }, this.renderContent(props))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(Animated.View, {
-      style: [dimensions, {
+      style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, {
         opacity: this.stickyContainerOpacity
-      }, this.styles.content, autoLayoutStyle],
+      }, this.styles.content, isAutoLayout ? autoLayoutStyle : {}],
       ref: this.containerRef
     }, this.renderContent(props)));
   }
   renderWidget(props) {
-    const rootStyle = this.getRootContainerStyle();
+    var _this$props6, _this$props8, _this$props9;
     const autoLayoutStyle = this.getContentContainerStyle();
+    const directionStyle = {};
+    if ((_this$props6 = this.props) !== null && _this$props6 !== void 0 && _this$props6.direction) {
+      var _this$props7;
+      directionStyle.flexDirection = (_this$props7 = this.props) === null || _this$props7 === void 0 ? void 0 : _this$props7.direction;
+    }
     const dimensions = {
-      width: rootStyle.width ? '100%' : undefined,
-      height: rootStyle.height ? '100%' : undefined
+      width: this.styles.root.width ? '100%' : undefined,
+      height: this.styles.root.height ? '100%' : undefined
     };
+    const autoLayoutDimensions = this.getDimensionStyle((_this$props8 = this.props) === null || _this$props8 === void 0 ? void 0 : _this$props8.direction);
+    const autoLayoutDimensionsInner = this.getDimensionStyle((_this$props9 = this.props) === null || _this$props9 === void 0 ? void 0 : _this$props9.direction, true);
     const styles = this._showSkeleton ? {
       ...this.styles.root,
       ...this.styles.skeleton.root
@@ -307,28 +374,43 @@ export default class WmContainer extends PartialHost {
     if (props.sticky) {
       this.isSticky = true;
     }
+    const isAutoLayout = this.isAutoLayout();
     return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
       top: 0,
       bottom: 0,
       left: 0,
       right: 0
     }) => {
+      var _this$props0;
       this.insets = insets;
       return /*#__PURE__*/React.createElement(Animatedview, {
         entryanimation: props.animation,
         delay: props.animationdelay,
-        style: rootStyle,
+        style: [styles, isAutoLayout ? {
+          ...this.getDimensionStyle((_this$props0 = this.props) === null || _this$props0 === void 0 ? void 0 : _this$props0['parent-direction']),
+          ...directionStyle
+        } : {}],
         onLayout: (event, ref) => {
           this.handleLayout(event, ref);
         }
       }, this.getBackground(), /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
         target: this,
-        styles: dimensions,
+        styles: [isAutoLayout ? {
+          ...autoLayoutDimensionsInner,
+          ...directionStyle
+        } : dimensions],
         disableTouchEffect: this.state.props.disabletoucheffect
-      }), props.sticky ? this.renderStickyContent(props, dimensions, styles, autoLayoutStyle) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
-        style: [dimensions, this.styles.content, autoLayoutStyle]
+      }), props.sticky ? this.renderStickyContent(props, dimensions, styles) : !props.scrollable ? /*#__PURE__*/React.createElement(View, {
+        style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, this.styles.content, isAutoLayout ? {
+          ...directionStyle,
+          ...autoLayoutStyle,
+          minWidth: 0
+        } : {}]
       }, this.renderContent(props)) : /*#__PURE__*/React.createElement(ScrollView, {
-        style: [dimensions, this.styles.content, autoLayoutStyle],
+        style: [isAutoLayout ? autoLayoutDimensionsInner : dimensions, this.styles.content, isAutoLayout ? {
+          ...directionStyle,
+          ...autoLayoutStyle
+        } : {}],
         onScroll: event => this.notify('scroll', [event]),
         scrollEventThrottle: 48
       }, this.renderContent(props))));