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

package/components/page/tabbar/tabbar.component.js

@@ -0,0 +1,249 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, View, TouchableOpacity, Dimensions, Keyboard, Animated, Easing } from 'react-native';
+import { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';
+import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';
+import { BaseNavComponent, BaseNavState } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';
+import WmTabbarProps from './tabbar.props';
+import { DEFAULT_CLASS } from './tabbar.styles';
+import Svg, { Path } from 'react-native-svg';
+import { getPathDown } from './curve';
+// import { scale } from 'react-native-size-scaling';
+import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
+import { FixedView } from '@wavemaker/app-rn-runtime/core/fixed-view.component';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+const scale = n => n;
+class WmTabbarState extends BaseNavState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "showMore", false);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "dataItems", []);
+  }
+}
+export default class WmTabbar extends BaseNavComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());
+    _defineProperty(this, "tabbarHeight", 0);
+    _defineProperty(this, "keyBoardShown", false);
+    _defineProperty(this, "destroyScrollListner", null);
+    _defineProperty(this, "translateY", new Animated.Value(0));
+    _defineProperty(this, "insets", null);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    _defineProperty(this, "tabbarHeightWithInsets", 0);
+    _defineProperty(this, "maxWidth", Dimensions.get("window").width);
+    _defineProperty(this, "returnpathDown", void 0);
+    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {
+      this.keyBoardShown = true;
+      this.forceUpdate();
+    }).remove);
+    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {
+      this.keyBoardShown = false;
+      this.forceUpdate();
+    }).remove);
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'hideonscroll':
+        this.destroyScrollListner && this.destroyScrollListner();
+        if ($new) {
+          this.subscribeToPageScroll();
+        }
+        break;
+    }
+  }
+  renderTabItem(item, testId, props, onSelect, floating = false) {
+    const isActive = props.isActive && props.isActive(item);
+    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
+    let increasedGap = Number(testId) === (item === null || item === void 0 ? void 0 : item.indexBeforeMid) && this.state.dataItems.length % 2 != 0 && (props.classname || '').indexOf('clipped-tabbar') >= 0 ? [this.styles.tabItem, {
+      paddingRight: 70
+    }] : [this.styles.tabItem];
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('item' + testId), {
+      style: [increasedGap, floating ? this.styles.centerHubItem : {}],
+      key: `${item.label}_${testId}`,
+      onPress: () => onSelect && onSelect()
+    }), /*#__PURE__*/React.createElement(View, {
+      key: item.key
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [isActive && !floating ? this.styles.activeTabItem : {}]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.theme.mergeStyle({}, this.styles.tabIcon, floating ? this.styles.centerHubIcon : {}, isActive ? this.styles.activeTabIcon : {}),
+      iconclass: item.icon
+    }))), /*#__PURE__*/React.createElement(Text, {
+      style: [this.styles.tabLabel, floating ? this.styles.centerHubLabel : {}, isActive ? this.styles.activeTabLabel : {}],
+      numberOfLines: 1
+    }, getDisplayLabel(item.label)));
+  }
+  onItemSelect(item, navigationService) {
+    item.link && navigationService.openUrl(item.link);
+    this.invokeEventCallback('onSelect', [null, this.proxy, item]);
+  }
+  prepareModalOptions(content) {
+    const o = this.state.modalOptions;
+    o.content = content;
+    o.modalStyle = {
+      bottom: this.tabbarHeight
+    };
+    o.contentStyle = this.styles.modalContent;
+    return o;
+  }
+  isVisible() {
+    return super.isVisible() && !this.keyBoardShown;
+  }
+  animateWithTiming(value, duratiion) {
+    Animated.timing(this.translateY, {
+      toValue: value,
+      easing: Easing.linear,
+      duration: duratiion,
+      useNativeDriver: false
+    }).start();
+  }
+  subscribeToPageScroll() {
+    this.tabbarHeightWithInsets = 0;
+    this.destroyScrollListner = this.subscribe('scroll', event => {
+      var _this$getLayout, _this$insets;
+      const {
+        contentOffset,
+        layoutMeasurement,
+        contentSize
+      } = event.nativeEvent;
+      const scrollPosition = contentOffset.y;
+      this.tabbarHeightWithInsets = this.tabbarHeightWithInsets ? this.tabbarHeightWithInsets : (_this$getLayout = this.getLayout()) === null || _this$getLayout === void 0 ? void 0 : _this$getLayout.height;
+      const visibleContentHeight = layoutMeasurement.height;
+      const endReached = scrollPosition + visibleContentHeight + this.tabbarHeightWithInsets >= contentSize.height;
+      const bottomInsets = ((_this$insets = this.insets) === null || _this$insets === void 0 ? void 0 : _this$insets.bottom) || 0;
+      const e = event;
+      if (e.scrollDelta >= 2) {
+        if (e.scrollDirection < 0) {
+          this.animateWithTiming(0, 100);
+        } else if (e.scrollDirection > 0) {
+          this.animateWithTiming(this.tabbarHeightWithInsets + bottomInsets, 100);
+        }
+      }
+      if (endReached) {
+        this.animateWithTiming(0, 0);
+      }
+    });
+  }
+  componentWillUnmount() {
+    this.destroyScrollListner && this.destroyScrollListner();
+  }
+  renderContent(props) {
+    let max = 5;
+    const tabItems = this.state.dataItems;
+    const tabItemsLength = tabItems.length;
+    const isClippedTabbar = (props.classname || '').indexOf('clipped-tabbar') >= 0 && tabItemsLength % 2 !== 0;
+    if (isClippedTabbar && tabItemsLength % 2 !== 0) {
+      const middleIndex = Math.floor(tabItemsLength / 2);
+      tabItems[middleIndex]['floating'] = true;
+      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex - 1;
+    }
+    this.returnpathDown = getPathDown(this.maxWidth, 65, 60, this.styles.root.height);
+    const moreItems = [];
+    if (tabItems.length > max) {
+      const moreItemsCount = Math.ceil((tabItems.length + 1 - max) / max) * max;
+      let j = 0;
+      for (let i = max - 1; i < moreItemsCount;) {
+        const row = [];
+        for (let j = 0; j < max; j++) {
+          row[j] = tabItems[i++] || {
+            key: 'tabItem' + i
+          };
+        }
+        moreItems.push(row);
+      }
+      max = max - 1;
+    }
+    return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      var _this$appConfig;
+      this.insets = insets;
+      const paddingBottomVal = this.styles.root.paddingBottom || this.styles.root.padding;
+      const isEdgeToEdgeApp = !!((_this$appConfig = this.appConfig) !== null && _this$appConfig !== void 0 && (_this$appConfig = _this$appConfig.edgeToEdgeConfig) !== null && _this$appConfig !== void 0 && _this$appConfig.isEdgeToEdgeApp);
+      const stylesWithFs = isEdgeToEdgeApp ? {
+        height: this.styles.root.height + ((insets === null || insets === void 0 ? void 0 : insets.bottom) || 0),
+        paddingBottom: (paddingBottomVal || 0) + ((insets === null || insets === void 0 ? void 0 : insets.bottom) || 0),
+        backgroundColor: this.styles.root.backgroundColor || this.styles.menu.backgroundColor
+      } : {};
+      return /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, stylesWithFs],
+        ref: ref => {
+          this.baseView = ref;
+        },
+        onLayout: event => this.handleLayout(event)
+      }, isClippedTabbar ? /*#__PURE__*/React.createElement(Svg, {
+        width: this.maxWidth,
+        height: scale(this.styles.root.height),
+        style: {
+          zIndex: -1,
+          position: 'absolute',
+          backgroundColor: ThemeVariables.INSTANCE.transparent
+        }
+      }, /*#__PURE__*/React.createElement(Path, {
+        fill: ThemeVariables.INSTANCE.tabbarBackgroundColor,
+        d: this.returnpathDown
+      })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+        if (this.state.showMore) {
+          modalService.showModal(this.prepareModalOptions(/*#__PURE__*/React.createElement(ThemeProvider, {
+            value: this.theme
+          }, /*#__PURE__*/React.createElement(View, {
+            style: this.styles.moreMenu
+          }, moreItems.map((a, i) => /*#__PURE__*/React.createElement(View, {
+            key: i,
+            style: this.styles.moreMenuRow
+          }, a.map((item, index) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService)))))))));
+        } else {
+          modalService.hideModal(this.state.modalOptions);
+        }
+        return null;
+      }), /*#__PURE__*/React.createElement(View, {
+        style: this.styles.menu,
+        onLayout: e => {
+          this.tabbarHeight = e.nativeEvent.layout.height;
+        }
+      }, tabItems.filter((item, i) => i < max).map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating)), tabItems.length > max && this.renderTabItem({
+        label: props.morebuttonlabel,
+        icon: props.morebuttoniconclass
+      }, 6666 + '', props, () => {
+        this.updateState({
+          showMore: !this.state.showMore
+        });
+      }))));
+    });
+  }
+  renderWidget(props) {
+    this.isFixed = true;
+    const animateStyle = props.hideonscroll ? {
+      transform: [{
+        translateY: this.translateY
+      }]
+    } : {};
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FixedView, {
+      style: {
+        ...{
+          bottom: 0,
+          width: '100%'
+        },
+        ...animateStyle
+      },
+      theme: this.theme,
+      animated: props.hideonscroll || false
+    }, this._background, this.renderContent(props)), /*#__PURE__*/React.createElement(View, {
+      style: {
+        opacity: 0
+      }
+    }, this.renderContent(props)));
+  }
+}
+//# sourceMappingURL=tabbar.component.js.map

package/components/page/tabbar/tabbar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","TouchableOpacity","Dimensions","Keyboard","Animated","Easing","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","Svg","Path","getPathDown","ThemeVariables","FixedView","SafeAreaInsetsContext","injector","scale","n","WmTabbarState","constructor","args","_defineProperty","WmTabbar","props","Value","get","width","cleanup","push","addListener","keyBoardShown","forceUpdate","remove","onPropertyChange","name","$new","$old","destroyScrollListner","subscribeToPageScroll","renderTabItem","item","testId","onSelect","floating","isActive","getDisplayLabel","getDisplayExpression","label","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","activeTabItem","theme","mergeStyle","tabIcon","centerHubIcon","activeTabIcon","iconclass","icon","tabLabel","centerHubLabel","activeTabLabel","numberOfLines","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","isVisible","animateWithTiming","value","duratiion","timing","translateY","toValue","easing","linear","duration","useNativeDriver","start","tabbarHeightWithInsets","subscribe","event","_this$getLayout","_this$insets","contentOffset","layoutMeasurement","contentSize","nativeEvent","scrollPosition","y","getLayout","height","visibleContentHeight","endReached","bottomInsets","insets","e","scrollDelta","scrollDirection","componentWillUnmount","renderContent","max","tabItems","tabItemsLength","isClippedTabbar","middleIndex","Math","floor","returnpathDown","maxWidth","root","moreItems","moreItemsCount","ceil","j","i","row","Consumer","top","left","right","_this$appConfig","paddingBottomVal","paddingBottom","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","backgroundColor","menu","ref","baseView","onLayout","handleLayout","zIndex","position","INSTANCE","transparent","fill","tabbarBackgroundColor","d","Fragment","modalService","showMore","showModal","moreMenu","map","a","moreMenuRow","index","hideModal","layout","filter","morebuttonlabel","morebuttoniconclass","updateState","renderWidget","isFixed","animateStyle","hideonscroll","transform","animated","_background","opacity"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity, Dimensions, Keyboard, Animated, Easing, LayoutChangeEvent, \n  NativeSyntheticEvent,  NativeScrollEvent\n} from 'react-native';\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\nimport Svg, { Path } from 'react-native-svg';\nimport { getPathDown } from './curve';\n// import { scale } from 'react-native-size-scaling';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { FixedView } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\ninterface TabDataItem extends NavigationDataItem {\n  floating: boolean;\n  indexBeforeMid: number;\n}\n\ninterface CustomScrollEvent {\n  scrollDirection: number;\n  scrollDelta: number;\n}\n\nconst scale = (n: number) => n;\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T> {\n  showMore = false;\n  modalOptions = {} as ModalOptions;\n  dataItems: TabDataItem[] = [];\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n  private tabbarHeight = 0;\n  private keyBoardShown = false;\n  private destroyScrollListner: Function = null as any;\n  private translateY = new Animated.Value(0);\n  private insets: EdgeInsets | null = null;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  private tabbarHeightWithInsets: number = 0;\n\n  constructor(props: WmTabbarProps) {\n    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {\n      this.keyBoardShown = true;\n      this.forceUpdate();\n    }).remove);\n    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {\n      this.keyBoardShown = false;\n      this.forceUpdate();\n    }).remove);\n  }\n\n  private maxWidth = Dimensions.get(\"window\").width;  \n  private returnpathDown: any;\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name){\n        case 'hideonscroll':\n          this.destroyScrollListner && this.destroyScrollListner();\n          if($new) {\n            this.subscribeToPageScroll();\n          }\n          break;\n      }\n  }\n\n  renderTabItem(item: TabDataItem, testId: string, props: WmTabbarProps, onSelect: Function, floating = false) {\n\n    const isActive = props.isActive && props.isActive(item);\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    let increasedGap = Number(testId) === item?.indexBeforeMid && (this.state.dataItems.length % 2!=0)  && ((props.classname || '').indexOf('clipped-tabbar') >= 0)\n    ? [this.styles.tabItem, { paddingRight: 70 }]\n    : [this.styles.tabItem];\n  \n    return (\n      <TouchableOpacity \n        {...this.getTestPropsForAction('item' + testId)}\n        style={[increasedGap, floating? this.styles.centerHubItem: {}]}\n        key={`${item.label}_${testId}`}\n        onPress={() => onSelect && onSelect()}>\n        <View key={item.key}>\n          <View style={[isActive && !floating  ? this.styles.activeTabItem : {}]}>\n            <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.tabIcon, floating? this.styles.centerHubIcon: {}, isActive ? this.styles.activeTabIcon : {})}\n              iconclass={item.icon}\n            ></WmIcon>\n          </View>\n        </View>\n        <Text style={[this.styles.tabLabel, floating? this.styles.centerHubLabel: {},  isActive ? this.styles.activeTabLabel : {}]} numberOfLines={1}>\n          {getDisplayLabel(item.label)}\n        </Text>\n      </TouchableOpacity>\n    );\n  }\n  \n  onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n    item.link && navigationService.openUrl(item.link);\n    this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n  }\n\n  prepareModalOptions(content: ReactNode) {\n    const o = this.state.modalOptions;\n    o.content = content;\n    o.modalStyle = {\n      bottom: this.tabbarHeight\n    };\n    o.contentStyle = this.styles.modalContent; \n    return o;\n  }\n\n  isVisible(): boolean {\n    return super.isVisible() && !this.keyBoardShown;\n  }\n\n  animateWithTiming(value: number, duratiion: number): void {\n    Animated.timing(this.translateY, {\n      toValue: value, \n      easing: Easing.linear,\n      duration: duratiion, \n      useNativeDriver: false\n    }).start()\n  }\n\n  subscribeToPageScroll(){\n    this.tabbarHeightWithInsets = 0;\n    this.destroyScrollListner = this.subscribe('scroll', (event: NativeSyntheticEvent<NativeScrollEvent>)=>{\n      const { contentOffset, layoutMeasurement, contentSize } = event.nativeEvent ;\n      const scrollPosition = contentOffset.y ;\n      this.tabbarHeightWithInsets = this.tabbarHeightWithInsets ? this.tabbarHeightWithInsets : this.getLayout()?.height ;\n      const visibleContentHeight = layoutMeasurement.height ;\n      const endReached = (scrollPosition + visibleContentHeight + this.tabbarHeightWithInsets) >= contentSize.height ;\n      const bottomInsets = this.insets?.bottom || 0\n      const e = event as unknown as CustomScrollEvent;\n      if(e.scrollDelta >= 2){\n        if(e.scrollDirection < 0){\n          this.animateWithTiming(0, 100)\n        }else if(e.scrollDirection > 0) {\n          this.animateWithTiming(this.tabbarHeightWithInsets + bottomInsets, 100)\n        }\n      }\n        if(endReached){\n          this.animateWithTiming(0, 0)\n        }\n    })\n  }\n\n  componentWillUnmount(): void {\n      this.destroyScrollListner && this.destroyScrollListner();\n  }\n\n  renderContent(props: WmTabbarProps){\n    let max = 5;\n    const tabItems = this.state.dataItems;\n    const tabItemsLength = tabItems.length;\n    const isClippedTabbar = ((props.classname || '').indexOf('clipped-tabbar') >= 0) && (tabItemsLength % 2 !== 0);\n    if (isClippedTabbar && tabItemsLength % 2 !== 0) {\n      const middleIndex = Math.floor(tabItemsLength / 2);\n      tabItems[middleIndex]['floating'] = true;\n      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex-1;\n    }\n   this.returnpathDown = getPathDown(this.maxWidth, 65 ,60,this.styles.root.height as number);\n    const moreItems = [] as any[][];\n    if (tabItems.length > max) {\n      const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n      let j = 0;\n      for (let i = max-1; i < moreItemsCount;) {\n        const row = [];\n        for (let j = 0; j < max; j++) {\n          row[j] = tabItems[i++] || {key: 'tabItem' + i} as TabDataItem;\n        }\n        moreItems.push(row);\n      }\n      max = max - 1;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n      {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n      this.insets = insets;\n      const paddingBottomVal = this.styles.root.paddingBottom || this.styles.root.padding;\n      const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n      const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.bottom || 0) as number, \n        paddingBottom: (paddingBottomVal || 0) as number + (insets?.bottom || 0) as number , backgroundColor: this.styles.root.backgroundColor || this.styles.menu.backgroundColor} : {}\n      return (\n      <NavigationServiceConsumer>\n      {(navigationService) =>(\n        <View style={[this.styles.root, stylesWithFs]} \n          ref={(ref)=> {this.baseView = ref as any}}\n          onLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}  \n        >\n      {isClippedTabbar ? (\n        <Svg width={this.maxWidth} height={scale(this.styles.root.height as number)} style={{zIndex: -1,position: 'absolute',backgroundColor: ThemeVariables.INSTANCE.transparent}}>\n        <Path fill={ThemeVariables.INSTANCE.tabbarBackgroundColor} {...{ d: this.returnpathDown }}/>\n        </Svg>\n           ): <></>}   \n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              if (this.state.showMore) {\n                modalService.showModal(this.prepareModalOptions((\n                <ThemeProvider value={this.theme} >\n                  <View style={this.styles.moreMenu}>\n                    {moreItems.map((a, i) =>\n                      (<View key={i} style={this.styles.moreMenuRow}>\n                        {a.map((item, index) => this.renderTabItem(item, i + '', props,  () => this.onItemSelect(item, navigationService)))}\n                      </View>)\n                    )}\n                  </View>\n                </ThemeProvider>)));\n              } else {\n                modalService.hideModal(this.state.modalOptions);\n              }\n              return null;\n            }}\n          </ModalConsumer>\n          <View style={this.styles.menu}\n            onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}> \n            {tabItems.filter((item, i) => i < max)\n              .map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating))}\n            {tabItems.length > max && (\n              this.renderTabItem({\n                label: props.morebuttonlabel,\n                icon: props.morebuttoniconclass\n              } as TabDataItem, 6666 +'', props,  () => {\n                this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n              })\n            )}\n          </View>\n        </View>)}\n      </NavigationServiceConsumer>\n      )}}\n    </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmTabbarProps) {\n    this.isFixed = true;\n    const animateStyle = props.hideonscroll ? {transform: [{translateY: this.translateY}]} : {};\n    return <>\n        <FixedView \n          style={{...{bottom: 0, width:'100%'}, ...animateStyle}} \n          theme={this.theme}\n          animated={props.hideonscroll || false}>\n          {this._background}\n          {this.renderContent(props)}\n        </FixedView>\n        <View style={{ opacity: 0}}>\n          {this.renderContent(props)}\n        </View>\n    </>\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/page/tabbar/tabbar.props.js

@@ -0,0 +1,29 @@
+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 { BaseNavProps } from '../../navigation/basenav/basenav.props';
+export default class WmTabbarProps extends BaseNavProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "morebuttoniconclass", 'wi wi-more-horiz');
+    _defineProperty(this, "morebuttonlabel", 'more');
+    _defineProperty(this, "itemchildren", 'children');
+    _defineProperty(this, "isActive", item => false);
+    _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "dataset", [{
+      'label': 'Home',
+      'icon': 'wm-sl-r sl-home'
+    }, {
+      'label': 'Analytics',
+      'icon': 'wm-sl-r sl-graph-ascend'
+    }, {
+      'label': 'Alerts',
+      'icon': 'wm-sl-r sl-alarm-bell'
+    }, {
+      'label': 'Settings',
+      'icon': 'wm-sl-r sl-settings'
+    }]);
+    _defineProperty(this, "hideonscroll", false);
+  }
+}
+//# sourceMappingURL=tabbar.props.js.map

package/components/page/tabbar/tabbar.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseNavProps","WmTabbarProps","constructor","args","_defineProperty","item"],"sources":["tabbar.props.ts"],"sourcesContent":["import { BaseNavProps } from '../../navigation/basenav/basenav.props';\nimport WmTabbar from './tabbar.component';\n\nexport default class WmTabbarProps extends BaseNavProps {\n  morebuttoniconclass? = 'wi wi-more-horiz';\n  morebuttonlabel? = 'more';\n  itemchildren?: string = 'children';\n  isActive? = (item: any) => false;\n  onSelect? : (event: any, widget: WmTabbar) => any;\n  dataset?: any = [{\n      'label' : 'Home',\n      'icon'  : 'wm-sl-r sl-home'\n    },{\n      'label' : 'Analytics',\n      'icon'  : 'wm-sl-r sl-graph-ascend'\n    },{\n      'label' : 'Alerts',\n      'icon'  : 'wm-sl-r sl-alarm-bell'\n    },{\n      'label' : 'Settings',\n      'icon'  : 'wm-sl-r sl-settings'\n  }];\n  hideonscroll: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,YAAY,QAAQ,wCAAwC;AAGrE,eAAe,MAAMC,aAAa,SAASD,YAAY,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,8BAC/B,kBAAkB;IAAAA,eAAA,0BACtB,MAAM;IAAAA,eAAA,uBACD,UAAU;IAAAA,eAAA,mBACrBC,IAAS,IAAK,KAAK;IAAAD,eAAA;IAAAA,eAAA,kBAEhB,CAAC;MACb,OAAO,EAAG,MAAM;MAChB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,WAAW;MACrB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,QAAQ;MAClB,MAAM,EAAI;IACZ,CAAC,EAAC;MACA,OAAO,EAAG,UAAU;MACpB,MAAM,EAAI;IACd,CAAC,CAAC;IAAAA,eAAA,uBACsB,KAAK;EAAA;AAC/B","ignoreList":[]}

package/core/AppConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["AppConfig.ts"],"sourcesContent":["export interface Drawer {\n    setContent: (c: React.ReactNode) => void;\n    getContent: () => React.ReactNode;\n    setAnimation: (animation: string) => void;\n    getAnimation: () => string;\n}\n\nexport default interface AppConfig {\n    appId: string;\n    assets: any;\n    appProperties: any;\n    appLocale: any;\n    url: string;\n    leftNavWidth: any;\n    loadApp: boolean;\n    refresh: (complete?: boolean) => void,\n    currentPage?: any;\n    pages?: any[];\n    landingPage: string;\n    partials?: any[];\n    drawer: Drawer;\n    app: any;\n    spinner: any;\n    setDrawerContent: any;\n    theme: any;\n    drawerType: any;\n    preferences:any;\n    getServiceDefinitions: any;\n    loggedInUser: any;\n    selectedLocale: string;\n    revertLayoutToExpo50: boolean,\n    diagnostics: {\n        appStartTime: number,\n        appReadyTime: number,\n        pageStartTime: number,\n        pageReadyTime: number\n    }, \n    pageScrollTopThreshold: number;\n    edgeToEdgeConfig:any;\n    prefabs?: {\n        partials?: any[]\n    }\n}"],"mappings":"","ignoreList":[]}

package/core/accessibility.js

@@ -0,0 +1,176 @@
+import { AccessibilityInfo } from 'react-native';
+import { isAndroid, isWebPreviewMode, removeUndefinedKeys } from './utils';
+let _isScreenReaderEnabled = false;
+AccessibilityInfo.addEventListener('screenReaderChanged', flag => {
+  _isScreenReaderEnabled = flag;
+});
+export const isScreenReaderEnabled = () => _isScreenReaderEnabled;
+async function getScreenReaderStatus() {
+  _isScreenReaderEnabled = !isWebPreviewMode() && (await AccessibilityInfo.isScreenReaderEnabled());
+}
+getScreenReaderStatus();
+export let AccessibilityWidgetType = /*#__PURE__*/function (AccessibilityWidgetType) {
+  AccessibilityWidgetType["BUTTON"] = "button";
+  AccessibilityWidgetType["PICTURE"] = "picture";
+  AccessibilityWidgetType["TEXT"] = "text";
+  AccessibilityWidgetType["NUMBER"] = "number";
+  AccessibilityWidgetType["TEXTAREA"] = "textarea";
+  AccessibilityWidgetType["SELECT"] = "select";
+  AccessibilityWidgetType["CHIPS"] = "chips";
+  AccessibilityWidgetType["CURRENCY"] = "currency";
+  AccessibilityWidgetType["RADIOSET"] = "radioset";
+  AccessibilityWidgetType["CHECKBOX"] = "checkbox";
+  AccessibilityWidgetType["TOGGLE"] = "toggle";
+  AccessibilityWidgetType["SWITCH"] = "switch";
+  AccessibilityWidgetType["DATE"] = "date";
+  AccessibilityWidgetType["VIDEO"] = "video";
+  AccessibilityWidgetType["PROGRESSBAR"] = "progressbar";
+  AccessibilityWidgetType["PROGRESSCIRCLE"] = "progresscircle";
+  AccessibilityWidgetType["LABEL"] = "label";
+  AccessibilityWidgetType["ANCHOR"] = "anchor";
+  AccessibilityWidgetType["MESSAGE"] = "message";
+  AccessibilityWidgetType["SEARCH"] = "search";
+  AccessibilityWidgetType["ICON"] = "icon";
+  AccessibilityWidgetType["NAV"] = "nav";
+  AccessibilityWidgetType["POVOVER"] = "popover";
+  AccessibilityWidgetType["WEBVIEW"] = "webview";
+  AccessibilityWidgetType["LINECHART"] = "linechart";
+  AccessibilityWidgetType["SLIDER"] = "slider";
+  AccessibilityWidgetType["BOTTOMSHEET"] = "bottomsheet";
+  AccessibilityWidgetType["TABS"] = "tab";
+  return AccessibilityWidgetType;
+}({});
+;
+export const getAccessibilityProps = (widgetType, accessibilityProps) => {
+  let props = {
+    accessible: true
+  };
+  if (!_isScreenReaderEnabled || isWebPreviewMode()) {
+    return {};
+  }
+  switch (widgetType) {
+    case AccessibilityWidgetType.BUTTON:
+    case AccessibilityWidgetType.TEXT:
+    case AccessibilityWidgetType.NUMBER:
+    case AccessibilityWidgetType.TEXTAREA:
+    case AccessibilityWidgetType.SELECT:
+    case AccessibilityWidgetType.CURRENCY:
+    case AccessibilityWidgetType.TOGGLE:
+    case AccessibilityWidgetType.DATE:
+    case AccessibilityWidgetType.LABEL:
+    case AccessibilityWidgetType.ANCHOR:
+    case AccessibilityWidgetType.MESSAGE:
+    case AccessibilityWidgetType.SEARCH:
+    case AccessibilityWidgetType.ICON:
+    case AccessibilityWidgetType.NAV:
+    case AccessibilityWidgetType.POVOVER:
+    case AccessibilityWidgetType.BOTTOMSHEET:
+    case AccessibilityWidgetType.WEBVIEW:
+    case AccessibilityWidgetType.LINECHART:
+    case AccessibilityWidgetType.SLIDER:
+    case AccessibilityWidgetType.VIDEO:
+    case AccessibilityWidgetType.TABS:
+      {
+        var _accessibilityProps$c;
+        props.accessibilityLabel = accessibilityProps.accessibilitylabel || ((_accessibilityProps$c = accessibilityProps.caption) === null || _accessibilityProps$c === void 0 ? void 0 : _accessibilityProps$c.toString());
+        props.accessibilityHint = accessibilityProps.hint;
+        props.accessibilityRole = accessibilityProps.accessibilityrole;
+        if (widgetType === AccessibilityWidgetType.BUTTON || widgetType === AccessibilityWidgetType.TEXT || widgetType === AccessibilityWidgetType.NUMBER || widgetType === AccessibilityWidgetType.TEXTAREA || widgetType === AccessibilityWidgetType.SELECT || widgetType === AccessibilityWidgetType.TOGGLE || widgetType === AccessibilityWidgetType.DATE) {
+          props.accessibilityState = {
+            disabled: accessibilityProps.disabled
+          };
+        }
+        if ((widgetType === AccessibilityWidgetType.TEXT || widgetType === AccessibilityWidgetType.NUMBER || widgetType === AccessibilityWidgetType.TEXTAREA || widgetType === AccessibilityWidgetType.SELECT || widgetType === AccessibilityWidgetType.CURRENCY || widgetType === AccessibilityWidgetType.TOGGLE) && isAndroid()) {
+          props.accessibilityLabelledBy = accessibilityProps.accessibilitylabelledby;
+        }
+        if (widgetType === AccessibilityWidgetType.NUMBER || widgetType === AccessibilityWidgetType.CURRENCY) {
+          props.accessibilityValue = {
+            min: accessibilityProps.minvalue,
+            max: accessibilityProps.maxvalue
+          };
+        }
+        if (widgetType === AccessibilityWidgetType.SELECT) {
+          props.accessibilityState = {
+            ...props.accessibilityState,
+            expanded: accessibilityProps.expanded
+          };
+        }
+        if (widgetType === AccessibilityWidgetType.TOGGLE) {
+          props.accessibilityState = {
+            ...props.accessibilityState,
+            checked: accessibilityProps.selected
+          };
+        }
+        if (widgetType === AccessibilityWidgetType.TABS) {
+          props.accessibilityState = {
+            ...props.accessibilityState,
+            selected: accessibilityProps.selected
+          };
+        }
+        break;
+      }
+    case AccessibilityWidgetType.CHIPS:
+      {
+        var _accessibilityProps$c2;
+        props.accessibilityLabel = accessibilityProps.accessibilitylabel || ((_accessibilityProps$c2 = accessibilityProps.caption) === null || _accessibilityProps$c2 === void 0 ? void 0 : _accessibilityProps$c2.toString());
+        props.accessibilityHint = accessibilityProps.hint;
+        props.accessibilityState = {
+          disabled: accessibilityProps.disabled,
+          selected: accessibilityProps.selected
+        };
+        break;
+      }
+    case AccessibilityWidgetType.RADIOSET:
+      {
+        props.accessibilityState = {
+          disabled: accessibilityProps.readonly || accessibilityProps.disabled,
+          selected: accessibilityProps.selected
+        };
+        break;
+      }
+    case AccessibilityWidgetType.CHECKBOX:
+      {
+        var _accessibilityProps$c3;
+        props.accessibilityLabel = accessibilityProps.accessibilitylabel || ((_accessibilityProps$c3 = accessibilityProps.caption) === null || _accessibilityProps$c3 === void 0 ? void 0 : _accessibilityProps$c3.toString());
+        props.accessibilityHint = accessibilityProps.hint;
+        props.accessibilityState = {
+          disabled: accessibilityProps.readonly || accessibilityProps.disabled,
+          checked: accessibilityProps.checked
+        };
+        break;
+      }
+    case AccessibilityWidgetType.SWITCH:
+      {
+        var _accessibilityProps$c4;
+        props.accessibilityLabel = accessibilityProps.accessibilitylabel || ((_accessibilityProps$c4 = accessibilityProps.caption) === null || _accessibilityProps$c4 === void 0 ? void 0 : _accessibilityProps$c4.toString());
+        props.accessibilityHint = accessibilityProps.hint;
+        props.accessibilityState = {
+          disabled: accessibilityProps.disabled,
+          selected: accessibilityProps.selected
+        };
+        break;
+      }
+    case AccessibilityWidgetType.PROGRESSBAR:
+    case AccessibilityWidgetType.PROGRESSCIRCLE:
+      {
+        var _accessibilityProps$c5;
+        props.accessibilityLabel = accessibilityProps.accessibilitylabel || ((_accessibilityProps$c5 = accessibilityProps.caption) === null || _accessibilityProps$c5 === void 0 ? void 0 : _accessibilityProps$c5.toString());
+        props.accessibilityRole = accessibilityProps.accessibilityrole;
+        break;
+      }
+    case AccessibilityWidgetType.PICTURE:
+      {
+        props.accessibilityLabel = accessibilityProps.accessibilitylabel || accessibilityProps.alttext || 'Image';
+        props.accessibilityHint = accessibilityProps.hint;
+        props.accessibilityRole = accessibilityProps.accessibilityrole;
+        break;
+      }
+    default:
+      break;
+  }
+  const finalProps = removeUndefinedKeys(props);
+  // console.log('finalProps', finalProps)
+
+  return finalProps;
+};
+//# sourceMappingURL=accessibility.js.map

package/core/accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AccessibilityInfo","isAndroid","isWebPreviewMode","removeUndefinedKeys","_isScreenReaderEnabled","addEventListener","flag","isScreenReaderEnabled","getScreenReaderStatus","AccessibilityWidgetType","getAccessibilityProps","widgetType","accessibilityProps","props","accessible","BUTTON","TEXT","NUMBER","TEXTAREA","SELECT","CURRENCY","TOGGLE","DATE","LABEL","ANCHOR","MESSAGE","SEARCH","ICON","NAV","POVOVER","BOTTOMSHEET","WEBVIEW","LINECHART","SLIDER","VIDEO","TABS","_accessibilityProps$c","accessibilityLabel","accessibilitylabel","caption","toString","accessibilityHint","hint","accessibilityRole","accessibilityrole","accessibilityState","disabled","accessibilityLabelledBy","accessibilitylabelledby","accessibilityValue","min","minvalue","max","maxvalue","expanded","checked","selected","CHIPS","_accessibilityProps$c2","RADIOSET","readonly","CHECKBOX","_accessibilityProps$c3","SWITCH","_accessibilityProps$c4","PROGRESSBAR","PROGRESSCIRCLE","_accessibilityProps$c5","PICTURE","alttext","finalProps"],"sources":["accessibility.ts"],"sourcesContent":["import { AccessibilityInfo } from 'react-native';\nimport { isAndroid, isWebPreviewMode, removeUndefinedKeys } from './utils';\n\nlet _isScreenReaderEnabled = false;\n\nAccessibilityInfo.addEventListener(\n  'screenReaderChanged',\n  flag => {\n    _isScreenReaderEnabled = flag;\n  },\n);\n\nexport const isScreenReaderEnabled = () => _isScreenReaderEnabled;\n\nasync function getScreenReaderStatus() {\n  _isScreenReaderEnabled = (!isWebPreviewMode() && await AccessibilityInfo.isScreenReaderEnabled());\n}\n\ngetScreenReaderStatus();\n\nexport enum AccessibilityWidgetType {\n  BUTTON = 'button',\n  PICTURE = 'picture',\n  TEXT = 'text',\n  NUMBER = 'number',\n  TEXTAREA = 'textarea',\n  SELECT = 'select',\n  CHIPS = 'chips',\n  CURRENCY = 'currency',\n  RADIOSET = 'radioset',\n  CHECKBOX = 'checkbox',\n  TOGGLE = 'toggle',\n  SWITCH = 'switch',\n  DATE = 'date',\n  VIDEO = 'video',\n  PROGRESSBAR = 'progressbar',\n  PROGRESSCIRCLE = 'progresscircle',\n  LABEL = 'label',\n  ANCHOR = 'anchor',\n  MESSAGE = 'message',\n  SEARCH = 'search',\n  ICON = 'icon',\n  NAV = 'nav',\n  POVOVER = 'popover',\n  WEBVIEW = 'webview',\n  LINECHART = 'linechart',\n  SLIDER = 'slider',\n  BOTTOMSHEET='bottomsheet',\n  TABS = 'tab'\n};\n\n  \nexport type AccessibilityPropsType = {\n  accessible?: boolean;\n  accessibilityLabel?: string;\n  accessibilityLabelledBy?: string;\n  accessibilityHint?: string;\n  accessibilityRole?: 'button' | 'link' | 'header' | 'search' | 'image' | 'imagebutton' | 'none' | 'summary' | 'text' | 'progressbar' | 'grid' | 'alert' | 'tab';\n  accessibilityState?: {\n    disabled?: boolean;\n    selected?: boolean;\n    checked?: boolean;\n    expanded?: boolean;\n  };\n  accessibilityValue?: {\n    min?: number;\n    max?: number;\n    now?: number;\n    text?: string;\n  };\n  accessibilityActions?: Array<{\n    name: string;\n    label?: string;\n  }>;\n  accessibilityLiveRegion?: 'none' | 'polite' | 'assertive';\n  accessibilityLanguage?: any;\n  accessibilityElementsHidden?: boolean;\n  accessibilityViewIsModal?: boolean;\n};\n  \n\nexport const getAccessibilityProps = (widgetType: AccessibilityWidgetType, accessibilityProps: AccessibilityPropsType | any) => {\n  let props: AccessibilityPropsType = {accessible: true};\n  if (!_isScreenReaderEnabled || isWebPreviewMode()) {\n    return {};\n  }\n  switch (widgetType) {\n    case AccessibilityWidgetType.BUTTON:\n    case AccessibilityWidgetType.TEXT:\n    case AccessibilityWidgetType.NUMBER:\n    case AccessibilityWidgetType.TEXTAREA:\n    case AccessibilityWidgetType.SELECT:\n    case AccessibilityWidgetType.CURRENCY:\n    case AccessibilityWidgetType.TOGGLE:\n    case AccessibilityWidgetType.DATE:\n    case AccessibilityWidgetType.LABEL:\n    case AccessibilityWidgetType.ANCHOR:\n    case AccessibilityWidgetType.MESSAGE:    \n    case AccessibilityWidgetType.SEARCH: \n    case AccessibilityWidgetType.ICON:\n    case AccessibilityWidgetType.NAV:\n    case AccessibilityWidgetType.POVOVER:\n    case AccessibilityWidgetType.BOTTOMSHEET:\n    case AccessibilityWidgetType.WEBVIEW:\n    case AccessibilityWidgetType.LINECHART:\n    case AccessibilityWidgetType.SLIDER:\n    case AccessibilityWidgetType.VIDEO: \n    case AccessibilityWidgetType.TABS: {\n      props.accessibilityLabel = accessibilityProps.accessibilitylabel || accessibilityProps.caption?.toString();\n      props.accessibilityHint = accessibilityProps.hint;\n      props.accessibilityRole = accessibilityProps.accessibilityrole;\n\n      if (\n        widgetType === AccessibilityWidgetType.BUTTON ||\n        widgetType === AccessibilityWidgetType.TEXT ||\n        widgetType === AccessibilityWidgetType.NUMBER ||\n        widgetType === AccessibilityWidgetType.TEXTAREA ||\n        widgetType === AccessibilityWidgetType.SELECT ||\n        widgetType === AccessibilityWidgetType.TOGGLE ||\n        widgetType === AccessibilityWidgetType.DATE\n      ) {\n        props.accessibilityState = { disabled: accessibilityProps.disabled };\n      }\n      if (\n        (widgetType === AccessibilityWidgetType.TEXT ||\n          widgetType === AccessibilityWidgetType.NUMBER ||\n          widgetType === AccessibilityWidgetType.TEXTAREA ||\n          widgetType === AccessibilityWidgetType.SELECT ||\n          widgetType === AccessibilityWidgetType.CURRENCY ||\n          widgetType === AccessibilityWidgetType.TOGGLE) &&\n        isAndroid()\n      ) {\n        props.accessibilityLabelledBy =\n          accessibilityProps.accessibilitylabelledby;\n      }\n      if (\n        widgetType === AccessibilityWidgetType.NUMBER ||\n        widgetType === AccessibilityWidgetType.CURRENCY\n      ) {\n        props.accessibilityValue = {\n          min: accessibilityProps.minvalue,\n          max: accessibilityProps.maxvalue,\n        };\n      }\n      if (widgetType === AccessibilityWidgetType.SELECT) {\n        props.accessibilityState = {\n          ...props.accessibilityState,\n          expanded: accessibilityProps.expanded,\n        };\n      }\n      if (widgetType === AccessibilityWidgetType.TOGGLE) {\n        props.accessibilityState = {\n          ...props.accessibilityState,\n          checked: accessibilityProps.selected,\n        };\n      }\n      if (widgetType === AccessibilityWidgetType.TABS) {\n        props.accessibilityState = {\n          ...props.accessibilityState,\n          selected: accessibilityProps.selected,\n        };\n      }\n      break;\n    }\n\n    case AccessibilityWidgetType.CHIPS: {\n      props.accessibilityLabel = accessibilityProps.accessibilitylabel || accessibilityProps.caption?.toString();\n      props.accessibilityHint = accessibilityProps.hint;\n      props.accessibilityState = {\n        disabled: accessibilityProps.disabled,\n        selected: accessibilityProps.selected,\n      };\n      break;\n    }\n\n    case AccessibilityWidgetType.RADIOSET: {\n      props.accessibilityState = {\n        disabled: accessibilityProps.readonly || accessibilityProps.disabled,\n        selected: accessibilityProps.selected,\n      };\n      break;\n    }\n\n    case AccessibilityWidgetType.CHECKBOX: {\n      props.accessibilityLabel = accessibilityProps.accessibilitylabel || accessibilityProps.caption?.toString();\n      props.accessibilityHint = accessibilityProps.hint;\n      props.accessibilityState = {\n        disabled: accessibilityProps.readonly ||  accessibilityProps.disabled,\n        checked: accessibilityProps.checked,\n      };\n      break;\n    }\n\n    case AccessibilityWidgetType.SWITCH: {\n      props.accessibilityLabel = accessibilityProps.accessibilitylabel || accessibilityProps.caption?.toString();\n      props.accessibilityHint = accessibilityProps.hint;\n      props.accessibilityState = {\n        disabled: accessibilityProps.disabled,\n        selected: accessibilityProps.selected,\n      };\n      break;\n    }\n    case AccessibilityWidgetType.PROGRESSBAR:\n    case AccessibilityWidgetType.PROGRESSCIRCLE: {\n      props.accessibilityLabel = accessibilityProps.accessibilitylabel || accessibilityProps.caption?.toString();\n      props.accessibilityRole = accessibilityProps.accessibilityrole;\n      break;\n    }\n    case AccessibilityWidgetType.PICTURE: {\n      props.accessibilityLabel = accessibilityProps.accessibilitylabel || accessibilityProps.alttext || 'Image';\n      props.accessibilityHint = accessibilityProps.hint;\n      props.accessibilityRole = accessibilityProps.accessibilityrole;\n      break;\n    }\n    default:\n      break;\n  }\n\n  const finalProps = removeUndefinedKeys(props);\n  // console.log('finalProps', finalProps)\n\n  return finalProps;\n}"],"mappings":"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","ignoreList":[]}