@wavemaker/app-rn-runtime 11.15.2-dev.5 → 11.15.2-rc.249

package/core/auto-layout.utils.js

@@ -0,0 +1,262 @@
+const alignmentMatrixFixed = {
+  'top-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start'
+  },
+  'top-center': {
+    justifyContent: 'center',
+    alignItems: 'flex-start'
+  },
+  'top-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'flex-start'
+  },
+  'middle-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'center'
+  },
+  'middle-center': {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  'middle-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'center'
+  },
+  'bottom-left': {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-end'
+  },
+  'bottom-center': {
+    justifyContent: 'center',
+    alignItems: 'flex-end'
+  },
+  'bottom-right': {
+    justifyContent: 'flex-end',
+    alignItems: 'flex-end'
+  }
+};
+const alignmentMatrixAuto = {
+  start: {
+    justifyContent: 'space-between',
+    alignItems: 'flex-start'
+  },
+  center: {
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  end: {
+    justifyContent: 'space-between',
+    alignItems: 'flex-end'
+  }
+};
+export function isAutoLayout(props) {
+  const {
+    direction,
+    wrap,
+    gap,
+    alignment,
+    columngap
+  } = props;
+  return direction !== undefined || wrap !== undefined || gap !== undefined || alignment !== undefined || columngap !== undefined;
+}
+export function getPositionValueStyle(positionvalue) {
+  const [top, right, bottom, left] = (positionvalue === null || positionvalue === void 0 ? void 0 : positionvalue.split(' ')) || [];
+  const parse = v => {
+    if (!v || v === 'auto') return undefined;
+    return Number(v.replace('px', ''));
+  };
+  return {
+    top: parse(top),
+    right: parse(right),
+    bottom: parse(bottom),
+    left: parse(left)
+  };
+}
+export function getDimensionStyle(props, baseStyle, isInnerView = false) {
+  const base = baseStyle || {};
+  const {
+    width,
+    height
+  } = base;
+  const dimensionStyle = {};
+  const parentDir = props['parent-direction'];
+  const isRow = parentDir === 'row';
+  if (!isInnerView) {
+    if (props.position === 'absolute') {
+      dimensionStyle.position = 'absolute';
+      Object.assign(dimensionStyle, getPositionValueStyle(props.positionvalue));
+    }
+    if (props.clipcontent) {
+      dimensionStyle.overflow = 'hidden';
+    }
+    if (props.zindex !== undefined) {
+      dimensionStyle.zIndex = props.zindex;
+    }
+  }
+  if (isInnerView) {
+    if (width && width !== 'hug') {
+      dimensionStyle.width = '100%';
+    }
+    if (height && height !== 'hug') {
+      dimensionStyle.height = '100%';
+    }
+    return dimensionStyle;
+  }
+  if (height === 'fill') {
+    if (!parentDir) {
+      dimensionStyle.height = '100%';
+    } else {
+      if (isRow) {
+        dimensionStyle.alignSelf = 'stretch';
+      } else {
+        dimensionStyle.flexGrow = 1;
+      }
+      dimensionStyle.height = undefined;
+    }
+  } else if (height === 'hug') {
+    if (parentDir) {
+      if (isRow) {
+        dimensionStyle.alignSelf = 'flex-start';
+      } else {
+        dimensionStyle.flexGrow = 0;
+      }
+    }
+    dimensionStyle.height = undefined;
+  } else if (height === undefined) {
+    if (parentDir) {
+      if (isRow) {
+        dimensionStyle.alignSelf = 'flex-start';
+      } else {
+        dimensionStyle.flexGrow = 0;
+      }
+      dimensionStyle.height = undefined;
+    }
+  } else if (height) {
+    const num = typeof height === 'string' && height.endsWith('%') ? height : parseFloat(height);
+    dimensionStyle.height = isNaN(num) ? height : num;
+  }
+  if (width === 'fill') {
+    if (!parentDir) {
+      dimensionStyle.width = '100%';
+    } else {
+      if (isRow) {
+        dimensionStyle.flexGrow = 1;
+        dimensionStyle.flexShrink = 1;
+        dimensionStyle.minWidth = 0;
+      } else {
+        dimensionStyle.alignSelf = 'stretch';
+      }
+      dimensionStyle.width = undefined;
+    }
+  } else if (width === 'hug') {
+    if (parentDir) {
+      if (isRow) {
+        dimensionStyle.flexGrow = 0;
+        dimensionStyle.flexBasis = 'auto';
+        dimensionStyle.flexShrink = 0;
+      } else {
+        dimensionStyle.alignSelf = 'flex-start';
+      }
+    }
+    dimensionStyle.width = undefined;
+  } else if (width === undefined) {
+    if (parentDir) {
+      if (isRow) {
+        // Keep row children with implicit width in their natural content size.
+        // Setting flexGrow=0 here makes RN Web emit `flex: 0 1 0%`, which can collapse text/content.
+        dimensionStyle.flexBasis = 'auto';
+      } 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;
+  }
+  return dimensionStyle;
+}
+function getGapStyle(props) {
+  var _props$gap, _props$direction, _props$alignment;
+  if (!isAutoLayout(props)) {
+    return {};
+  }
+  const finalGap = (_props$gap = props.gap) !== null && _props$gap !== void 0 ? _props$gap : 4;
+  const finalDirection = (_props$direction = props.direction) !== null && _props$direction !== void 0 ? _props$direction : 'row';
+  const finalAlignment = (_props$alignment = props.alignment) !== null && _props$alignment !== void 0 ? _props$alignment : 'top-left';
+  const isAutoGap = finalGap === 'auto';
+  const isRow = finalDirection === 'row';
+  const layoutStyle = {};
+  if (isAutoGap) {
+    const alignConfig = alignmentMatrixAuto[finalAlignment] || alignmentMatrixAuto['start'];
+    layoutStyle.justifyContent = alignConfig.justifyContent;
+    layoutStyle.alignItems = alignConfig.alignItems;
+  } else {
+    if (isRow) {
+      layoutStyle.columnGap = Number(finalGap);
+    } else {
+      layoutStyle.rowGap = Number(finalGap);
+    }
+  }
+  return layoutStyle;
+}
+export function getContentContainerStyle(props) {
+  var _props$direction2, _props$wrap, _props$gap2, _props$alignment2;
+  if (!isAutoLayout(props)) {
+    return {};
+  }
+  const finalDirection = (_props$direction2 = props.direction) !== null && _props$direction2 !== void 0 ? _props$direction2 : 'row';
+  const finalWrap = (_props$wrap = props.wrap) !== null && _props$wrap !== void 0 ? _props$wrap : false;
+  const finalGap = (_props$gap2 = props.gap) !== null && _props$gap2 !== void 0 ? _props$gap2 : 4;
+  const finalAlignment = (_props$alignment2 = props.alignment) !== null && _props$alignment2 !== void 0 ? _props$alignment2 : 'top-left';
+  const isRow = finalDirection === 'row';
+  const isAutoGap = finalGap === 'auto';
+  const isWrap = finalWrap === true;
+  const layoutStyle = {
+    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;
+  }
+  if (isWrap && isRow) {
+    if (props.columngap === 'auto') {
+      layoutStyle.alignContent = 'space-between';
+    } else if (props.columngap !== undefined) {
+      layoutStyle.rowGap = Number(props.columngap);
+      layoutStyle.alignContent = 'flex-start';
+    } else {
+      // RN Web defaults wrapped rows to stretch, which can create large vertical gaps.
+      layoutStyle.alignContent = 'flex-start';
+    }
+  }
+  return {
+    ...layoutStyle,
+    ...getGapStyle(props)
+  };
+}
+export function getDirectionStyle(props) {
+  const directionStyle = {};
+  if (props.direction) {
+    directionStyle.flexDirection = props.direction;
+  }
+  return directionStyle;
+}
+export function extractAutoLayoutProps(source) {
+  return {
+    direction: source.direction,
+    wrap: source.wrap,
+    gap: source.gap,
+    alignment: source.alignment,
+    columngap: source.columngap,
+    position: source.position,
+    positionvalue: source.positionvalue,
+    zindex: source.zindex,
+    clipcontent: source.clipcontent,
+    overflow: source.overflow,
+    'parent-direction': source['parent-direction']
+  };
+}
+//# sourceMappingURL=auto-layout.utils.js.map

package/core/auto-layout.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alignmentMatrixFixed","justifyContent","alignItems","alignmentMatrixAuto","start","center","end","isAutoLayout","props","direction","wrap","gap","alignment","columngap","undefined","getPositionValueStyle","positionvalue","top","right","bottom","left","split","parse","v","Number","replace","getDimensionStyle","baseStyle","isInnerView","base","width","height","dimensionStyle","parentDir","isRow","position","Object","assign","clipcontent","overflow","zindex","zIndex","alignSelf","flexGrow","num","endsWith","parseFloat","isNaN","flexShrink","minWidth","flexBasis","getGapStyle","_props$gap","_props$direction","_props$alignment","finalGap","finalDirection","finalAlignment","isAutoGap","layoutStyle","alignConfig","columnGap","rowGap","getContentContainerStyle","_props$direction2","_props$wrap","_props$gap2","_props$alignment2","finalWrap","isWrap","flexWrap","alignContent","getDirectionStyle","directionStyle","flexDirection","extractAutoLayoutProps","source"],"sources":["auto-layout.utils.ts"],"sourcesContent":["import { ViewStyle, DimensionValue } from 'react-native';\n\nexport interface AutoLayoutProps {\n  direction?: 'row' | 'column';\n  wrap?: boolean;\n  alignment?: string;\n  gap?: number | string | 'auto';\n  columngap?: number | string | 'auto';\n  'parent-direction'?: string;\n\n  position?: 'relative' | 'sticky' | 'absolute' | 'fixed';\n  zindex?: number;\n  clipcontent?: boolean;\n  overflow?: 'No scrolling' | 'Scroll';\n  positionvalue?: string;\n}\n\nexport type ParentAlignItems = 'flex-start' | 'center' | 'flex-end';\n\nconst alignmentMatrixFixed: Record<\n  string,\n  { justifyContent: string; alignItems: string }\n> = {\n  'top-left': { justifyContent: 'flex-start', alignItems: 'flex-start' },\n  'top-center': { justifyContent: 'center', alignItems: 'flex-start' },\n  'top-right': { justifyContent: 'flex-end', alignItems: 'flex-start' },\n  'middle-left': { justifyContent: 'flex-start', alignItems: 'center' },\n  'middle-center': { justifyContent: 'center', alignItems: 'center' },\n  'middle-right': { justifyContent: 'flex-end', alignItems: 'center' },\n  'bottom-left': { justifyContent: 'flex-start', alignItems: 'flex-end' },\n  'bottom-center': { justifyContent: 'center', alignItems: 'flex-end' },\n  'bottom-right': { justifyContent: 'flex-end', alignItems: 'flex-end' },\n};\n\nconst alignmentMatrixAuto: Record<\n  string,\n  { justifyContent: string; alignItems: string }\n> = {\n  start: { justifyContent: 'space-between', alignItems: 'flex-start' },\n  center: { justifyContent: 'space-between', alignItems: 'center' },\n  end: { justifyContent: 'space-between', alignItems: 'flex-end' },\n};\n\nexport function isAutoLayout(props: AutoLayoutProps): boolean {\n  const { direction, wrap, gap, alignment, columngap } = props;\n\n  return (\n    direction !== undefined ||\n    wrap !== undefined ||\n    gap !== undefined ||\n    alignment !== undefined ||\n    columngap !== undefined\n  );\n}\n\nexport function getPositionValueStyle(\n  positionvalue: AutoLayoutProps['positionvalue']): Pick<ViewStyle, 'top' | 'right' | 'bottom' | 'left'> {\n  const [top, right, bottom, left] = positionvalue?.split(' ') || [];\n  const parse = (v?: string) => {\n    if (!v || v === 'auto') return undefined;\n    return Number(v.replace('px', ''));\n  };\n  return {\n    top: parse(top),\n    right: parse(right),\n    bottom: parse(bottom),\n    left: parse(left),\n  };\n}\n\nexport function getDimensionStyle(\n  props: AutoLayoutProps,\n  baseStyle?: ViewStyle,\n  isInnerView: boolean = false\n): ViewStyle {\n  const base = baseStyle || {};\n  const { width, height }: any = base;\n  const dimensionStyle: ViewStyle = {};\n  const parentDir = props['parent-direction'];\n  const isRow = parentDir === 'row';\n  if (!isInnerView){\n    if(props.position === 'absolute'){\n      dimensionStyle.position = 'absolute';\n      Object.assign(dimensionStyle, getPositionValueStyle(props.positionvalue));\n    }\n    if(props.clipcontent){\n      dimensionStyle.overflow = 'hidden'\n    }\n    if(props.zindex !== undefined){\n      dimensionStyle.zIndex = props.zindex\n    }\n  }\n  if (isInnerView) {\n    if (width && width !== 'hug') {\n      dimensionStyle.width = '100%';\n    }\n    if (height && height !== 'hug') {\n      dimensionStyle.height = '100%';\n    }\n    return dimensionStyle;\n  }\n\n  if (height === 'fill') {\n    if (!parentDir) {\n      dimensionStyle.height = '100%';\n    } else {\n      if (isRow) {\n        dimensionStyle.alignSelf = 'stretch';\n      } else {\n        dimensionStyle.flexGrow = 1;\n      }\n      dimensionStyle.height = undefined;\n    }\n  } else if (height === 'hug') {\n    if (parentDir) {\n      if (isRow) {\n        dimensionStyle.alignSelf = 'flex-start';\n      } else {\n        dimensionStyle.flexGrow = 0;\n      }\n    }\n    dimensionStyle.height = undefined;\n  } else if (height === undefined) {\n    if (parentDir) {\n      if (isRow) {\n        dimensionStyle.alignSelf = 'flex-start';\n      } else {\n        dimensionStyle.flexGrow = 0;\n      }\n      dimensionStyle.height = undefined;\n    }\n  } else if (height) {\n    const num = (typeof height === 'string' && height.endsWith('%')) ? height : parseFloat(height);\n    dimensionStyle.height = (isNaN(num as number) ? height : num) as DimensionValue;\n  }\n\n  if (width === 'fill') {\n    if (!parentDir) {\n      dimensionStyle.width = '100%';\n    } else {\n      if (isRow) {\n        dimensionStyle.flexGrow = 1;\n        dimensionStyle.flexShrink = 1;\n        dimensionStyle.minWidth = 0;\n      } else {\n        dimensionStyle.alignSelf = 'stretch';\n      }\n      dimensionStyle.width = undefined;\n    }\n  } else if (width === 'hug') {\n    if (parentDir) {\n      if (isRow) {\n        dimensionStyle.flexGrow = 0;\n        dimensionStyle.flexBasis = 'auto';\n        dimensionStyle.flexShrink = 0;\n      } else {\n        dimensionStyle.alignSelf = 'flex-start';\n      }\n    }\n    dimensionStyle.width = undefined;\n  } else if (width === undefined) {\n    if (parentDir) {\n      if (isRow) {\n        // Keep row children with implicit width in their natural content size.\n        // Setting flexGrow=0 here makes RN Web emit `flex: 0 1 0%`, which can collapse text/content.\n        dimensionStyle.flexBasis = 'auto';\n      } else {\n        dimensionStyle.alignSelf = 'stretch';\n      }\n      dimensionStyle.width = undefined;\n    }\n  } else if (width) {\n    const num = (typeof width === 'string' && width.endsWith('%')) ? width : parseFloat(width);\n    dimensionStyle.width = (isNaN(num as number) ? width : num) as DimensionValue;\n  }\n\n  return dimensionStyle;\n}\n\nfunction getGapStyle(props: AutoLayoutProps): ViewStyle {\n  if (!isAutoLayout(props)) {\n    return {};\n  }\n\n  const finalGap = props.gap ?? 4;\n  const finalDirection = props.direction ?? 'row';\n  const finalAlignment = props.alignment ?? 'top-left';\n\n  const isAutoGap = finalGap === 'auto';\n  const isRow = finalDirection === 'row';\n\n  const layoutStyle: ViewStyle = {};\n\n  if (isAutoGap) {\n    const alignConfig = alignmentMatrixAuto[finalAlignment] || alignmentMatrixAuto['start'];\n    layoutStyle.justifyContent = alignConfig.justifyContent as ViewStyle['justifyContent'];\n    layoutStyle.alignItems = alignConfig.alignItems as ViewStyle['alignItems'];\n  } else {\n    if (isRow) {\n      layoutStyle.columnGap = Number(finalGap);\n    } else {\n      layoutStyle.rowGap = Number(finalGap);\n    }\n  }\n\n  return layoutStyle;\n}\n\nexport function getContentContainerStyle(props: AutoLayoutProps): ViewStyle {\n  if (!isAutoLayout(props)) {\n    return {};\n  }\n\n  const finalDirection = props.direction ?? 'row';\n  const finalWrap = props.wrap ?? false;\n  const finalGap = props.gap ?? 4;\n  const finalAlignment = props.alignment ?? 'top-left';\n\n  const isRow = finalDirection === 'row';\n  const isAutoGap = finalGap === 'auto';\n  const isWrap = finalWrap === true;\n\n  const layoutStyle: ViewStyle = {\n    flexWrap: isWrap && isRow ? 'wrap' : 'nowrap',\n  };\n\n  if (!isAutoGap) {\n    const alignConfig =\n      alignmentMatrixFixed[finalAlignment] || alignmentMatrixFixed['top-left'];\n\n    layoutStyle.justifyContent = (\n      isRow ? alignConfig.justifyContent : alignConfig.alignItems\n    ) as ViewStyle['justifyContent'];\n    layoutStyle.alignItems = (\n      isRow ? alignConfig.alignItems : alignConfig.justifyContent\n    ) as ViewStyle['alignItems'];\n  }\n\n  if (isWrap && isRow) {\n    if (props.columngap === 'auto') {\n      layoutStyle.alignContent = 'space-between';\n    } else if (props.columngap !== undefined) {\n      layoutStyle.rowGap = Number(props.columngap);\n      layoutStyle.alignContent = 'flex-start';\n    } else {\n      // RN Web defaults wrapped rows to stretch, which can create large vertical gaps.\n      layoutStyle.alignContent = 'flex-start';\n    }\n  }\n\n  return {\n    ...layoutStyle,\n    ...getGapStyle(props),\n  };\n}\n\nexport function getDirectionStyle(props: AutoLayoutProps): ViewStyle {\n  const directionStyle: ViewStyle = {};\n  if (props.direction) {\n    directionStyle.flexDirection = props.direction;\n  }\n  return directionStyle;\n}\n\nexport function extractAutoLayoutProps(source: Record<string, any>): AutoLayoutProps {\n  return {\n    direction: source.direction,\n    wrap: source.wrap,\n    gap: source.gap,\n    alignment: source.alignment,\n    columngap: source.columngap,\n    position: source.position,\n    positionvalue: source.positionvalue,\n    zindex: source.zindex,\n    clipcontent: source.clipcontent,\n    overflow: source.overflow,\n    'parent-direction': source['parent-direction'],\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/core/base.component.js

@@ -215,8 +215,7 @@ export class BaseComponent extends React.Component {
     return this.notifier.notify(event, args, emitToParent);
   }
   get isRTL() {
-    var _this$i18nService;
-    return ((_this$i18nService = this.i18nService) === null || _this$i18nService === void 0 ? void 0 : _this$i18nService.isRTLLocale()) || false;
+    return this.i18nService.isRTLLocale();
   }
   animate(props) {
     this.setState({
@@ -325,12 +324,17 @@ export class BaseComponent extends React.Component {
   invokeEventCallback(eventName, args) {
     //@ts-ignore
     const callBack = this.props[eventName];
+    const appConfig = injector.get('APP_CONFIG');
     args = args && args.map(a => a === this ? this.proxy : a);
     if (callBack) {
       try {
         return callBack.apply(this.proxy, args);
       } catch (e) {
+        var _appConfig$preference;
         console.error(e);
+        if ((appConfig === null || appConfig === void 0 || (_appConfig$preference = appConfig.preferences) === null || _appConfig$preference === void 0 ? void 0 : _appConfig$preference.enableGlobalErrorHandler) === true) {
+          throw e; // Re-throwing error to let ErrorBoundary or Global Handler catch it
+        }
       }
     }
   }
@@ -592,9 +596,8 @@ export class BaseComponent extends React.Component {
     });
   }
   render() {
-    var _this$i18nService2;
     const props = this.state.props;
-    const selectedLocale = ((_this$i18nService2 = this.i18nService) === null || _this$i18nService2 === void 0 ? void 0 : _this$i18nService2.getSelectedLocale()) || 'en';
+    const selectedLocale = this.i18nService.getSelectedLocale();
     return this.getDependenciesFromContext(() => {
       WIDGET_LOGGER.info(() => `${this.props.name || this.constructor.name} is rendering.`);
       this._showView = this._showView || this.showView();
@@ -607,7 +610,7 @@ export class BaseComponent extends React.Component {
         text: this.theme.getStyle('app-' + selectedLocale)
       }, {
         text: this.theme.getStyle(this.defaultClass + '-' + selectedLocale)
-      }, props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null, this.isRTL ? this.theme.getStyle(this.defaultClass + '-rtl') : null, classname && this.theme.getStyle(classname), this.isRTL && classname ? this.theme.getStyle(classname + '-rtl') : null, props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')), this.props.styles, {
+      }, props.disabled ? this.theme.getStyle(this.defaultClass + '-disabled') : null, this.isRTL ? this.theme.getStyle(this.defaultClass + '-rtl') : null, classname && this.theme.getStyle(classname), classname && props.disabled ? this.theme.getStyle(`${classname}.${this.defaultClass}-disabled`) : null, this.isRTL && classname ? this.theme.getStyle(classname + '-rtl') : null, props.showindevice && this.theme.getStyle('d-all-none ' + props.showindevice.map(d => `d-${d}-flex`).join(' ')), this.props.styles, {
         root: this.styleOverrides,
         text: this.styleOverrides
       });
@@ -615,8 +618,8 @@ export class BaseComponent extends React.Component {
       if (classname && this.childComponentStyleKeys.length > 0) {
         const customStyles = this.theme.getStyle(classname);
         this.childComponentStyleKeys.forEach(key => {
-          if (customStyles && this.styles && this.styles[key]) {
-            this.styles[key] = this.theme.mergeStyle(this.styles[key], customStyles);
+          if (customStyles && this.calcStyles && this.calcStyles[key]) {
+            this.calcStyles[key] = this.theme.mergeStyle(this.calcStyles[key], customStyles);
           }
         });
       }