@wavemaker/app-rn-runtime 11.7.0-next.42251 → 11.7.0-patch.2

package/core/components/textinput.component.js

@@ -0,0 +1,193 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Animated, Platform, Text, TextInput, View } from 'react-native';
+import { isArray } from 'lodash';
+import IMask from 'imask';
+import { FloatingLabel } from './floatinglabel.component';
+const WmCursor = /*#__PURE__*/React.memo(props => {
+  const opacityAnimation = useRef(new Animated.Value(0.5)).current;
+  const runAnimation = useCallback(() => {
+    Animated.timing(opacityAnimation, {
+      toValue: 0.2,
+      duration: 500,
+      useNativeDriver: true
+    }).start(() => {
+      Animated.timing(opacityAnimation, {
+        toValue: 0.6,
+        duration: 500,
+        useNativeDriver: true
+      }).start(runAnimation);
+    });
+  }, []);
+  useEffect(() => {
+    runAnimation();
+  }, []);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: {
+      backgroundColor: props.color,
+      width: 2,
+      marginHorizontal: 1,
+      height: props.height,
+      opacity: opacityAnimation
+    }
+  });
+});
+export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const [selectRange, setSelectRange] = useState(null);
+  const [isInputFocused, setIsInputFocused] = useState(false);
+  const [iMask, setIMask] = useState(null);
+  const [displayCursor, setDisplayCursor] = useState(false);
+  const value = useRef(props.value || '');
+  const [x, forceUpdate] = useState(1);
+  const [displayValue, setDisplayValue] = useState('');
+  const element = useRef(null);
+  // iMask initialization
+  useEffect(() => {
+    const iMask = props.displayformat ? new IMask.MaskedPattern({
+      mask: props.displayformat,
+      skipInvalid: true,
+      lazy: false,
+      definitions: {
+        '9': /\d/,
+        'A': /[a-zA-Z]/,
+        'a': /[a-z]/,
+        '*': /\w/
+      }
+    }) : null;
+    if (iMask) {
+      iMask.typedValue = value;
+      setDisplayValue(iMask.displayValue);
+      setIMask(iMask);
+    }
+  }, [props.displayformat]);
+  // set default value
+  useEffect(() => {
+    const defaultValue = props.defaultValue || props.value || '';
+    if (!value.current) {
+      value.current = defaultValue;
+      onChangeText(defaultValue);
+    }
+  }, [props.defaultValue, props.value]);
+  // set cursor position in windows
+  useEffect(() => {
+    setTimeout(() => {
+      if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {
+        var _element$current;
+        element === null || element === void 0 || (_element$current = element.current) === null || _element$current === void 0 ? void 0 : _element$current.setSelectionRange(value.current.length, value.current.length);
+      }
+    }, 100);
+  }, [value.current, props]);
+  const onSelectionChange = useCallback(e => {
+    var _e$nativeEvent;
+    if (Platform.OS !== 'android') {
+      return;
+    }
+    const selection = e === null || e === void 0 || (_e$nativeEvent = e.nativeEvent) === null || _e$nativeEvent === void 0 ? void 0 : _e$nativeEvent.selection;
+    if (!props.allowContentSelection && selection && selection.end - selection.start > 0) {
+      setSelectRange({
+        start: value.current.length + 2,
+        end: value.current.length + 2
+      });
+    } else if (selectRange && selectRange.end > 0) {
+      setSelectRange(null);
+    }
+  }, [props.allowContentSelection, value]);
+  // when text changes
+  const onChangeText = useCallback(text => {
+    if (!(iMask || props.maskchar)) {
+      value.current = text;
+      props.onChangeText && props.onChangeText(text);
+      return;
+    }
+    let _value = value.current || '';
+    if (value.current.length - text.length > 0) {
+      _value = _value.substring(0, _value.length - (value.current.length - text.length));
+    } else if (text.length - value.current.length > 0) {
+      _value += text.slice(-1 * (text.length - value.current.length));
+    }
+    let formattedValue = _value;
+    if (props.maskchar) {
+      formattedValue = _value.replace(/./g, props.maskchar);
+    }
+    if (iMask) {
+      iMask.typedValue = _value;
+      formattedValue = iMask.displayValue;
+    }
+    if (formattedValue !== displayValue) {
+      value.current = _value;
+      props.onChangeText && props.onChangeText(_value);
+    }
+    forceUpdate(x + 1);
+    setDisplayValue(formattedValue);
+  }, [iMask, value, displayValue, props.onChangeText]);
+  const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+  const opts = {};
+  opts[valueExpr] = value.current;
+  const textStyle = Object.assign({}, ...(isArray(props.style) ? props.style : [props.style]));
+  const hideInput = props.displayformat || props.maskchar;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.floatingLabel ? /*#__PURE__*/React.createElement(FloatingLabel, {
+    moveUp: !!(value.current || isInputFocused || displayValue),
+    label: props.floatingLabel ?? props.placeholder,
+    style: {
+      ...(props.floatingLabelStyle || []),
+      ...(isInputFocused ? props.activeFloatingLabelStyle || {} : {})
+    }
+  }) : null, /*#__PURE__*/React.createElement(TextInput, _extends({}, props, hideInput ? opts : {}, {
+    placeholder: props.floatingLabel || displayValue ? '' : props.placeholder,
+    style: [props.style, hideInput ? {
+      color: 'transparent',
+      backgroundColor: 'transparent',
+      borderColor: 'transparent',
+      zIndex: 1
+    } : {}],
+    onFocus: e => {
+      var _props$onFocus;
+      (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, e);
+      setIsInputFocused(true);
+      setDisplayCursor(true);
+      element.current = e.target;
+    },
+    onBlur: e => {
+      var _props$onBlur;
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, e);
+      setIsInputFocused(false);
+      setDisplayCursor(false);
+    },
+    ref: ref,
+    selection: selectRange,
+    onSelectionChange: onSelectionChange,
+    caretHidden: !!(selectRange !== null && selectRange !== void 0 && selectRange.end),
+    onChangeText: text => {
+      onChangeText(text);
+    }
+  }, hideInput ? {
+    selectionColor: 'transparent',
+    cursorColor: 'transparent',
+    onChange: () => {}
+  } : {}, {
+    contextMenuHidden: !props.allowContentSelection
+  })), hideInput ? /*#__PURE__*/React.createElement(View, {
+    style: [props.style, {
+      display: 'flex',
+      flexDirection: 'row',
+      alignItems: 'center',
+      marginTop: -1 * (textStyle.height || textStyle.minHeight || 0) + (textStyle.marginTop || 0)
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      width: undefined,
+      backgroundColor: 'transparent',
+      borderColor: 'transparent',
+      padding: 0,
+      display: 'flex',
+      color: textStyle.color,
+      fontFamily: textStyle.fontFamily,
+      fontSize: textStyle.fontSize,
+      fontWeight: textStyle.fontWeight
+    }
+  }, displayValue), displayCursor && !props.displayformat ? /*#__PURE__*/React.createElement(WmCursor, {
+    color: textStyle.color || '#000000',
+    height: textStyle.fontSize || 14
+  }) : null) : null);
+});
+//# sourceMappingURL=textinput.component.js.map

package/core/components/textinput.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Animated","Platform","Text","TextInput","View","isArray","IMask","FloatingLabel","WmCursor","memo","props","opacityAnimation","Value","current","runAnimation","timing","toValue","duration","useNativeDriver","start","createElement","style","backgroundColor","color","width","marginHorizontal","height","opacity","WMTextInput","forwardRef","ref","selectRange","setSelectRange","isInputFocused","setIsInputFocused","iMask","setIMask","displayCursor","setDisplayCursor","value","x","forceUpdate","displayValue","setDisplayValue","element","displayformat","MaskedPattern","mask","skipInvalid","lazy","definitions","typedValue","defaultValue","onChangeText","setTimeout","OS","maskchar","_element$current","setSelectionRange","length","onSelectionChange","e","_e$nativeEvent","selection","nativeEvent","allowContentSelection","end","text","_value","substring","slice","formattedValue","replace","valueExpr","opts","textStyle","Object","assign","hideInput","Fragment","floatingLabel","moveUp","label","placeholder","floatingLabelStyle","activeFloatingLabelStyle","_extends","borderColor","zIndex","onFocus","_props$onFocus","call","target","onBlur","_props$onBlur","caretHidden","selectionColor","cursorColor","onChange","contextMenuHidden","display","flexDirection","alignItems","marginTop","minHeight","undefined","padding","fontFamily","fontSize","fontWeight"],"sources":["textinput.component.tsx"],"sourcesContent":["import React, { ForwardedRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { Animated, Platform, Text, TextInput, TextInputProps, TextStyle, View } from 'react-native';\nimport { isArray } from 'lodash';\nimport IMask from 'imask';\nimport { FloatingLabel } from './floatinglabel.component';\n\ninterface SelectRange {\n    start: number,\n    end: number\n}\n\nconst WmCursor = React.memo((props: {\n  color: string,\n  height: number\n}) => {\n  const opacityAnimation = useRef(new Animated.Value(0.5)).current;\n  const runAnimation = useCallback(() => {\n    Animated.timing(opacityAnimation, {\n      toValue: 0.2,\n      duration: 500,\n      useNativeDriver: true\n    }).start(() => {\n      Animated.timing(opacityAnimation, {\n        toValue: 0.6,\n        duration: 500,\n        useNativeDriver: true\n      }).start(runAnimation);\n    });\n  }, []);\n  useEffect(() => {\n    runAnimation();\n  }, []);\n  return (\n    <Animated.View style={{\n      backgroundColor: props.color,\n      width: 2,\n      marginHorizontal: 1,\n      height: props.height,\n      opacity: opacityAnimation\n    }}></Animated.View>\n  );\n});\n\nexport const WMTextInput = React.forwardRef((props: (TextInputProps & \n  {allowContentSelection: boolean,\n    displayformat: string,\n    maskchar: string,\n    floatingLabel: string\n    floatingLabelStyle:  TextStyle,\n    activeFloatingLabelStyle: TextStyle\n  }), \n    ref: ForwardedRef<TextInput>) => {\n    const [selectRange, setSelectRange] = useState<SelectRange>(null as any);\n    const [isInputFocused, setIsInputFocused] = useState(false);\n    const [iMask, setIMask] = useState(null as any);\n    const [displayCursor, setDisplayCursor] = useState(false);\n    const value = useRef(props.value || '');\n    const [x, forceUpdate] = useState(1);\n    const [displayValue, setDisplayValue] = useState('');\n    const element = useRef(null as any);\n    // iMask initialization\n    useEffect(() => {\n      const iMask: any = props.displayformat ? new IMask.MaskedPattern({\n        mask: props.displayformat,\n        skipInvalid: true,\n        lazy: false,\n        definitions: {\n            '9': /\\d/,\n            'A': /[a-zA-Z]/,\n            'a': /[a-z]/,\n            '*': /\\w/\n        }\n      }) : null;\n      if (iMask) {\n        iMask.typedValue = value;\n        setDisplayValue(iMask.displayValue)\n        setIMask(iMask);\n      }\n    },[props.displayformat]);\n    // set default value\n    useEffect(() => {\n      const defaultValue = props.defaultValue || props.value || '';\n      if (!value.current) {\n        value.current = defaultValue;\n        onChangeText(defaultValue);\n      }\n    },[props.defaultValue, props.value]);\n    // set cursor position in windows\n    useEffect(() => {\n      setTimeout(() => {\n        if (Platform.OS === 'web' && (props.displayformat || props.maskchar)) {\n          element?.current?.setSelectionRange(value.current.length, value.current.length);\n        }\n      }, 100);\n    }, [value.current, props]);\n    const onSelectionChange = useCallback((e: any) => {\n        if (Platform.OS !== 'android') {\n            return;\n        }\n        const selection = e?.nativeEvent?.selection;\n        if (!props.allowContentSelection\n            && selection\n            && selection.end - selection.start > 0) {\n            setSelectRange({\n                start: value.current.length + 2,\n                end: value.current.length + 2\n            });\n        } else if (selectRange && selectRange.end > 0){\n            setSelectRange(null as any);\n        }\n    }, [props.allowContentSelection, value]);\n    // when text changes\n    const onChangeText = useCallback((text: string) => {\n      if (!(iMask || props.maskchar)) {\n        value.current = text;\n        props.onChangeText && props.onChangeText(text);\n        return;\n      }\n      let _value = value.current || '';\n      if (value.current.length - text.length > 0) {\n        _value = _value.substring(0, _value.length - (value.current.length - text.length));\n      } else if (text.length - value.current.length > 0) {\n        _value += text.slice(-1 * (text.length - value.current.length));\n      }\n      let formattedValue = _value;\n      if(props.maskchar) {\n        formattedValue = (_value.replace(/./g, props.maskchar));\n      }\n      if (iMask) {\n        iMask.typedValue = _value;\n        formattedValue = iMask.displayValue;\n      }\n      if (formattedValue !== displayValue) {\n        value.current = _value;\n        props.onChangeText && props.onChangeText(_value);\n      }\n      forceUpdate(x+ 1);\n      setDisplayValue(formattedValue);\n    }, [iMask, value, displayValue, props.onChangeText]);\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const opts = {} as any;\n    opts[valueExpr] = value.current;\n    const textStyle = Object.assign({}, ...isArray(props.style) ? props.style: [props.style]);\n    const hideInput = props.displayformat || props.maskchar;\n    return (\n      <>\n        {props.floatingLabel ? (\n          <FloatingLabel\n            moveUp={!!(value.current || isInputFocused || displayValue)}\n            label={props.floatingLabel ?? props.placeholder} \n            style={{\n              ...(props.floatingLabelStyle || []),\n              ...(isInputFocused ? (props.activeFloatingLabelStyle || {}) : {})\n            }}/>\n        ) : null}\n        <TextInput\n          {...props}\n          {...hideInput ? opts: {}}\n          placeholder={props.floatingLabel || displayValue ? '' : props.placeholder }\n          style={[props.style, hideInput ? {\n            color: 'transparent', \n            backgroundColor: 'transparent',\n            borderColor: 'transparent',\n            zIndex: 1\n          } : {}]}\n          onFocus={(e) => {\n            props.onFocus?.(e);\n            setIsInputFocused(true);\n            setDisplayCursor(true);\n            element.current = e.target;\n          }}\n          onBlur={(e) => {\n            props?.onBlur?.(e);\n            setIsInputFocused(false);\n            setDisplayCursor(false);\n          }}\n          ref={ref}\n          selection={selectRange}\n          onSelectionChange={onSelectionChange}\n          caretHidden={!!selectRange?.end}\n          onChangeText={(text) => {\n            onChangeText(text);\n          }}\n          {...hideInput ? {\n            selectionColor: 'transparent',\n            cursorColor: 'transparent',\n            onChange : () => {}\n          }: {}}\n          contextMenuHidden={!props.allowContentSelection}\n        ></TextInput>\n        {\n          hideInput ? (\n            <View style={[props.style, {\n              display: 'flex',\n              flexDirection: 'row',\n              alignItems: 'center',\n              marginTop: -1 * (textStyle.height || textStyle.minHeight || 0)\n                + (textStyle.marginTop || 0)}]}>\n              <Text style={{ \n                width: undefined,\n                backgroundColor: 'transparent', \n                borderColor: 'transparent',\n                padding: 0,\n                display: 'flex',\n                color: textStyle.color,\n                fontFamily: textStyle.fontFamily,\n                fontSize: textStyle.fontSize,\n                fontWeight: textStyle.fontWeight\n                }}>\n                {displayValue}\n              </Text>\n              {\n                (displayCursor && !props.displayformat) ? React.createElement(WmCursor, {\n                  color: textStyle.color || '#000000',\n                  height: textStyle.fontSize || 14\n                }) : null\n              }\n            </View>\n          ) : null\n        }\n      </>\n    );\n});"],"mappings":"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"}

{app-rn-runtime → package}/core/event-notifier.js

@@ -1,31 +1,46 @@
+var _class;
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+let i = 1;
 export default class EventNotifier {
   constructor() {
+    _defineProperty(this, "name", '');
+    _defineProperty(this, "id", i++);
     _defineProperty(this, "listeners", {});
-    _defineProperty(this, "parent", null);
+    _defineProperty(this, "parent", EventNotifier.ROOT);
     _defineProperty(this, "children", []);
   }
   setParent(parent) {
     if (parent !== this.parent) {
+      this.removeFromParent();
       this.parent = parent;
       this.parent.children.push(this);
     }
   }
   notify(event, args) {
+    let emitToParent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let propagate = true;
     if (this.listeners[event]) {
-      this.listeners[event].forEach(l => {
+      propagate = !this.listeners[event].find(l => {
         try {
-          l && l.apply(null, args);
+          return (l && l.apply(null, args)) === false;
         } catch (e) {
           console.error(e);
         }
+        return true;
       });
     }
-    this.children.forEach(c => {
-      c.notify(event, args);
-    });
+    if (propagate) {
+      if (emitToParent) {
+        var _this$parent;
+        (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.notify(event, args, true);
+      } else {
+        this.children.forEach(c => {
+          c.notify(event, args);
+        });
+      }
+    }
   }
   subscribe(event, fn) {
     this.listeners[event] = this.listeners[event] || [];
@@ -36,11 +51,19 @@ export default class EventNotifier {
       eventListeners.splice(i, 1);
     };
   }
-  destroy() {
+  removeFromParent() {
     if (this.parent) {
       const i = this.parent.children.indexOf(this) || -1;
-      this.parent.children.splice(i, 1);
+      if (i >= 0) {
+        this.parent.children.splice(i, 1);
+      }
+      this.parent = null;
     }
   }
+  destroy() {
+    this.removeFromParent();
+  }
 }
+_class = EventNotifier;
+_defineProperty(EventNotifier, "ROOT", new _class());
 //# sourceMappingURL=event-notifier.js.map

package/core/event-notifier.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["i","EventNotifier","constructor","_defineProperty","ROOT","setParent","parent","removeFromParent","children","push","notify","event","args","emitToParent","arguments","length","undefined","propagate","listeners","find","l","apply","e","console","error","_this$parent","forEach","c","subscribe","fn","eventListeners","findIndex","fni","splice","indexOf","destroy","_class"],"sources":["event-notifier.ts"],"sourcesContent":["let i = 1;\nexport default class EventNotifier {\n    public static ROOT = new EventNotifier();\n    public name = '';\n    public id = i++;\n    private listeners = {} as any;\n    private parent: EventNotifier = EventNotifier.ROOT;\n    private children: EventNotifier[] = [];\n\n    setParent(parent: EventNotifier) {\n        if (parent !== this.parent) {\n            this.removeFromParent();\n            this.parent = parent;\n            this.parent.children.push(this);\n        }\n    }\n\n    public notify(event: string, args: any[], emitToParent = false) {\n        let propagate = true;\n        if (this.listeners[event]) {\n            propagate = !this.listeners[event].find((l: Function) => {\n                try {\n                    return (l && l.apply(null, args)) === false;\n                } catch(e) {\n                    console.error(e);\n                }\n                return true;\n            });\n        }\n        if (propagate) {\n            if (emitToParent) {\n                this.parent?.notify(event, args, true);\n            } else {\n                this.children.forEach((c) => {\n                    c.notify(event, args);\n                });\n            }\n        }\n    }\n\n    public subscribe(event: string, fn: Function) {\n        this.listeners[event] = this.listeners[event] || [];\n        this.listeners[event].push(fn);\n        return () => {\n            const eventListeners = this.listeners[event];\n            const i = eventListeners.findIndex((fni: Function) => fni === fn);\n            eventListeners.splice(i, 1);\n        };\n    }\n\n    private removeFromParent() {\n        if (this.parent) {\n            const i = this.parent.children.indexOf(this) || -1;\n            if (i >= 0) {\n                this.parent.children.splice(i, 1);\n            }\n            this.parent = null as any;\n        }\n    }\n\n    public destroy() {\n        this.removeFromParent();\n    }\n}"],"mappings":"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"}

{app-rn-runtime → package}/core/formatters.js

@@ -57,5 +57,18 @@ export class StringToNumberFormatter {
     return parseInt(input);
   }
 }
-export default new Map([['numberToString', new NumberToStringFormatter()], ['prefix', new PrependFormatter()], ['suffix', new AppendFormatter()], ['stringToNumber', new StringToNumberFormatter()], ['timeFromNow', new TimeFromNowFormatter()], ['toDate', new DateToStringFormatter()], ['toCurrency', new CurrencyFormatter()]]);
+const createFormatter = (key, defaultFormatter) => {
+  return {
+    format: function (input) {
+      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        params[_key - 1] = arguments[_key];
+      }
+      const output = defaultFormatter.format(input, ...params);
+      const customFormatter = formatters.get(`custom.${key}`);
+      return customFormatter ? customFormatter.format(output, ...params) : output;
+    }
+  };
+};
+const formatters = new Map([['numberToString', createFormatter('numberToString', new NumberToStringFormatter())], ['prefix', createFormatter('prefix', new PrependFormatter())], ['suffix', createFormatter('suffix', new AppendFormatter())], ['stringToNumber', createFormatter('stringToNumber', new StringToNumberFormatter())], ['timeFromNow', createFormatter('timeFromNow', new TimeFromNowFormatter())], ['toDate', createFormatter('toDate', new DateToStringFormatter())], ['toCurrency', createFormatter('toCurrency', new CurrencyFormatter())]]);
+export default formatters;
 //# sourceMappingURL=formatters.js.map

package/core/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["parseInt","moment","CURRENCY_INFO","injector","DateToStringFormatter","format","input","getTime","replace","_moment","isValid","toString","PrependFormatter","prefix","undefined","AppendFormatter","suffix","NumberToStringFormatter","fractionSize","i18nService","I18nService","get","selectedLocale","getSelectedLocale","formatCurrency","Intl","NumberFormat","minimumFractionDigits","maximumFractionDigits","isNaN","CurrencyFormatter","data","currencySymbol","fracSize","_currencySymbol","symbol","_val","isNegativeNumber","startsWith","TimeFromNowFormatter","timestamp","fromNow","StringToNumberFormatter","createFormatter","key","defaultFormatter","_len","arguments","length","params","Array","_key","output","customFormatter","formatters","Map"],"sources":["formatters.ts"],"sourcesContent":["import { parseInt } from 'lodash';\nimport moment from 'moment';\nimport { CURRENCY_INFO, Currency } from './constants/currency-constants';\nimport { DateFormatter } from '@wavemaker/variables/src/types/date-formatter';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport interface Formatter {\n    format: (input: any, ...params: any) => any;\n}\n\nexport class DateToStringFormatter implements DateFormatter {\n\n    public format(input: Date, format: string): string {\n        if (!input) {\n            return '';\n        }\n        if (format === 'timestamp') {\n            return input.getTime() + '';\n        }\n        format = format.replace(/d/g, 'D');\n        const _moment = moment(input, [\n            \"M/D/YYYY\", \"M-D-YYYY\", \"M.D.YYYY\",\n            \"M/DD/YYYY\", \"M-DD-YYYY\", \"M.DD.YYYY\",\n            \"YYYY/M/D\", \"YYYY-M-D\", \"YYYY.M.D\",\n            \"MM/D/YYYY\", \"MM-D-YYYY\", \"MM.D.YYYY\",\n            \"M/D/YY\", \"M-D-YY\", \"M.D.YY\", \"D MMM YYYY\",\n            \"MM/DD/YYYY\", \"MM-DD-YYYY\", \"MM.DD.YYYY\",\n            \"YYYY/MM/DD\", \"YYYY-MM-DD\", \"YYYY.MM.DD\",\n            \"MM/DD/YY\", \"MM-DD-YY\", \"MM.DD.YY\", \"DD MMM YYYY\"\n        ], true);\n        return _moment.isValid() ? _moment.format(format) : input.toString();\n    }\n}\n\nexport class PrependFormatter implements Formatter {\n\n    public format(input: any, prefix: string): string {\n        return (prefix || '') + (input !== null || input != undefined ? input : '');\n    }\n}\n\nexport class AppendFormatter implements Formatter {\n\n    public format(input: any, suffix: string): string {\n        return (input !== null || input != undefined ? input : '') + (suffix || '');\n    }\n}\n\nexport class NumberToStringFormatter implements Formatter {\n\n    public format(input: number, fractionSize: number): string {\n        const i18nService = injector.I18nService.get();\n        const selectedLocale = i18nService.getSelectedLocale();\n        let formatCurrency = new Intl.NumberFormat(selectedLocale,{\n            minimumFractionDigits: fractionSize,\n            maximumFractionDigits: fractionSize,\n        });\n        return isNaN(input) ? '': formatCurrency.format(input);\n    }\n}\n\nexport class CurrencyFormatter implements Formatter {\n\n    public format(data: number, currencySymbol: string, fracSize: number) {\n        const _currencySymbol = ((((CURRENCY_INFO as any)[currencySymbol]) || {})  as Currency).symbol || currencySymbol || '';\n        let _val = new NumberToStringFormatter().format(data, fracSize);\n        const isNegativeNumber = _val.startsWith('-');\n        if (isNegativeNumber) {\n            _val = _val.replace('-','');\n        }\n        return _val ? isNegativeNumber ? '-'+ _currencySymbol +_val :_currencySymbol + _val : '';\n    }\n}\n\nexport class TimeFromNowFormatter implements Formatter {\n    public format(timestamp: Date) {\n        return timestamp ? moment(timestamp).fromNow() : undefined;\n    }\n}\n\nexport class StringToNumberFormatter implements Formatter {\n    public format(input: string) {\n        return parseInt(input);\n    }\n}\n\nconst createFormatter = (key: string, defaultFormatter: Formatter) => {\n    return {\n        format: (input: any, ...params: any) => {\n            const output = defaultFormatter.format(input, ...params);\n            const customFormatter = formatters.get(`custom.${key}`);\n            return customFormatter ? customFormatter.format(output, ...params): output;\n        }\n    };\n};\n\nconst formatters = new Map<string, Formatter>([\n    ['numberToString', createFormatter('numberToString' , new NumberToStringFormatter())],\n    ['prefix', createFormatter('prefix', new PrependFormatter())],\n    ['suffix', createFormatter('suffix', new AppendFormatter())],\n    ['stringToNumber', createFormatter('stringToNumber',new StringToNumberFormatter())],\n    ['timeFromNow', createFormatter('timeFromNow', new TimeFromNowFormatter())],\n    ['toDate', createFormatter('toDate', new DateToStringFormatter())],\n    ['toCurrency', createFormatter('toCurrency', new CurrencyFormatter())]\n]);\n\nexport default formatters;"],"mappings":"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"}

{app-rn-runtime → package}/core/tappable.component.js

@@ -7,8 +7,10 @@ import { Platform, View } from "react-native";
 import { get } from "lodash";
 import injector from "./injector";
 import { TouchableRipple } from "react-native-paper";
-export class TapEvent {
+export const TappableContext = /*#__PURE__*/React.createContext(null);
+export class SyntheticEvent {
   constructor() {
+    // as the event is being used in onPress, onPressOut and onLongTap the TapEvent is renamed to SyntheticEvent
     _defineProperty(this, "propagationEnabled", true);
   }
   stopPropagation() {
@@ -22,88 +24,122 @@ export class Tappable extends React.Component {
     _defineProperty(this, "lastTap", 0);
     _defineProperty(this, "lastDoubleTap", 0);
     _defineProperty(this, "isLongTap", false);
+    _defineProperty(this, "parent", null);
+  }
+  async triggerTap() {
+    var _this$parent;
+    let e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new SyntheticEvent();
+    if (!e.propagationEnabled) {
+      return;
+    }
+    const target = this.props.target;
+    if (this.props.onTap) {
+      await this.props.onTap(e);
+    } else {
+      await (target === null || target === void 0 ? void 0 : target.invokeEventCallback('onTap', [e, target]));
+    }
+    (_this$parent = this.parent) === null || _this$parent === void 0 ? void 0 : _this$parent.triggerTap(e);
   }
   onPress(e) {
     var _this$props$target;
     this.lastPress = Date.now();
     const target = this.props.target;
-    if (!Tappable.CURRENT_EVENT) {
-      Tappable.CURRENT_EVENT = new TapEvent();
-      setTimeout(() => {
-        Tappable.CURRENT_EVENT = null;
-      }, 10);
-    }
-    const syntheticEvent = Tappable.CURRENT_EVENT;
-    this.props.onTouchStart && this.props.onTouchStart(e || syntheticEvent);
-    (_this$props$target = this.props.target) === null || _this$props$target === void 0 ? void 0 : _this$props$target.invokeEventCallback('onTouchstart', [syntheticEvent, this.props.target]);
+    this.props.onTouchStart && this.props.onTouchStart(e);
+    (_this$props$target = this.props.target) === null || _this$props$target === void 0 ? void 0 : _this$props$target.invokeEventCallback('onTouchstart', [e, this.props.target]);
     const currentTime = Date.now();
     const tapDelta = currentTime - this.lastTap;
     if (this.isLongTap) {
       this.isLongTap = false;
       return;
     }
-    if (syntheticEvent.propagationEnabled) {
+    if (e.propagationEnabled) {
       var _injector$FOCUSED_ELE;
       (_injector$FOCUSED_ELE = injector.FOCUSED_ELEMENT.get()) === null || _injector$FOCUSED_ELE === void 0 ? void 0 : _injector$FOCUSED_ELE.blur();
       if (this.lastDoubleTap !== this.lastTap && tapDelta < 500) {
         this.props.onDoubleTap && this.props.onDoubleTap(e);
         setTimeout(() => {
-          target === null || target === void 0 ? void 0 : target.invokeEventCallback('onDoubletap', [syntheticEvent, target]);
+          target === null || target === void 0 ? void 0 : target.invokeEventCallback('onDoubletap', [e, target]);
         }, 200);
         this.lastDoubleTap = currentTime;
       }
       setTimeout(() => {
+        var _this$parent2;
+        if (!e.propagationEnabled) {
+          return;
+        }
         if (this.props.onTap) {
-          this.props.onTap(e || syntheticEvent);
+          this.props.onTap(e);
         } else {
-          target === null || target === void 0 ? void 0 : target.invokeEventCallback('onTap', [syntheticEvent, target]);
+          target === null || target === void 0 ? void 0 : target.invokeEventCallback('onTap', [e, target]);
         }
+        (_this$parent2 = this.parent) === null || _this$parent2 === void 0 ? void 0 : _this$parent2.onPress(e);
       }, 200);
       this.lastTap = currentTime;
     }
   }
   onLongTap(e) {
-    const syntheticEvent = Tappable.CURRENT_EVENT;
-    this.props.onLongTap && this.props.onLongTap(e || syntheticEvent);
+    if (!e.propagationEnabled) {
+      return;
+    }
+    this.props.onLongTap && this.props.onLongTap(e);
     setTimeout(() => {
-      var _this$props$target2;
-      (_this$props$target2 = this.props.target) === null || _this$props$target2 === void 0 ? void 0 : _this$props$target2.invokeEventCallback('onLongtap', [syntheticEvent, this.props.target]);
+      var _this$props$target2, _this$parent3;
+      (_this$props$target2 = this.props.target) === null || _this$props$target2 === void 0 ? void 0 : _this$props$target2.invokeEventCallback('onLongtap', [e, this.props.target]);
+      (_this$parent3 = this.parent) === null || _this$parent3 === void 0 ? void 0 : _this$parent3.onPressOut(e);
     }, 200);
     this.isLongTap = true;
   }
   onPressOut(e) {
-    const syntheticEvent = Tappable.CURRENT_EVENT;
-    this.props.onTouchEnd && this.props.onTouchEnd(e || syntheticEvent);
+    if (!e.propagationEnabled) {
+      return;
+    }
+    this.props.onTouchEnd && this.props.onTouchEnd(e);
     setTimeout(() => {
-      var _this$props$target3;
-      (_this$props$target3 = this.props.target) === null || _this$props$target3 === void 0 ? void 0 : _this$props$target3.invokeEventCallback('onTouchend', [syntheticEvent, this.props.target]);
+      var _this$props$target3, _this$parent4;
+      (_this$props$target3 = this.props.target) === null || _this$props$target3 === void 0 ? void 0 : _this$props$target3.invokeEventCallback('onTouchend', [e, this.props.target]);
+      (_this$parent4 = this.parent) === null || _this$parent4 === void 0 ? void 0 : _this$parent4.onPressOut(e);
     }, 200);
     this.isLongTap = false;
   }
+  setParent(parent) {
+    if (parent && this.parent !== parent) {
+      this.parent = parent;
+    }
+  }
   render() {
     const target = this.props.target;
     if (target !== null && target !== void 0 && target.props.onTap || target !== null && target !== void 0 && target.props.onLongtap || target !== null && target !== void 0 && target.props.onDoubletap || this.props.onTap || this.props.onLongTap || this.props.onDoubleTap) {
-      return /*#__PURE__*/React.createElement(TouchableRipple, _extends({
-        rippleColor: this.props.rippleColor,
-        borderless: true
-      }, Platform.OS === 'android' || Platform.OS === 'web' ? {
-        accessibilityLabel: this.props.testID,
-        testID: this.props.testID
-      } : {
-        // accessible: false,
-        testID: this.props.testID
-      }, {
-        disabled: get(target === null || target === void 0 ? void 0 : target.proxy, 'disabled'),
-        style: this.props.styles,
-        onPress: () => this.onPress(),
-        onLongPress: () => this.onLongTap(),
-        onPressOut: () => this.onPressOut()
-      }), /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children));
+      return /*#__PURE__*/React.createElement(TappableContext.Consumer, null, parent => {
+        this.setParent(parent);
+        return /*#__PURE__*/React.createElement(TappableContext.Provider, {
+          value: this
+        }, /*#__PURE__*/React.createElement(TouchableRipple, _extends({
+          rippleColor: this.props.rippleColor,
+          borderless: true
+        }, Platform.OS === 'android' || Platform.OS === 'web' ? {
+          accessibilityLabel: this.props.testID,
+          testID: this.props.testID
+        } : {
+          // accessible: false,
+          testID: this.props.testID
+        }, {
+          disabled: get(target === null || target === void 0 ? void 0 : target.proxy, 'disabled'),
+          style: this.props.styles,
+          onPress: e => {
+            var _e$target;
+            if ((e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === 'INPUT') {
+              return;
+            }
+            this.onPress(new SyntheticEvent());
+          },
+          onLongPress: e => this.onLongTap(new SyntheticEvent()),
+          onPressOut: e => this.onPressOut(new SyntheticEvent())
+        }), /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children)));
+      });
     }
     return /*#__PURE__*/React.createElement(View, {
       style: this.props.styles
     }, this.props.children);
   }
 }
-_defineProperty(Tappable, "CURRENT_EVENT", null);
 //# sourceMappingURL=tappable.component.js.map

package/core/tappable.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","View","get","injector","TouchableRipple","TappableContext","createContext","SyntheticEvent","constructor","_defineProperty","stopPropagation","propagationEnabled","Tappable","Component","props","triggerTap","_this$parent","e","arguments","length","undefined","target","onTap","invokeEventCallback","parent","onPress","_this$props$target","lastPress","Date","now","onTouchStart","currentTime","tapDelta","lastTap","isLongTap","_injector$FOCUSED_ELE","FOCUSED_ELEMENT","blur","lastDoubleTap","onDoubleTap","setTimeout","_this$parent2","onLongTap","_this$props$target2","_this$parent3","onPressOut","onTouchEnd","_this$props$target3","_this$parent4","setParent","render","onLongtap","onDoubletap","createElement","Consumer","Provider","value","_extends","rippleColor","borderless","OS","accessibilityLabel","testID","disabled","proxy","style","styles","_e$target","tagName","onLongPress","Fragment","children"],"sources":["tappable.component.tsx"],"sourcesContent":["import { BaseComponent } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport React from \"react\";\nimport { GestureResponderEvent, Platform, View } from \"react-native\";\nimport { get } from \"lodash\";\nimport injector from \"./injector\";\nimport { TouchableRipple } from \"react-native-paper\";\nimport ThemeVariables from \"../styles/theme.variables\";\nimport { isDefined } from \"./utils\";\n\nexport const TappableContext = React.createContext<Tappable>(null as any);\n\ninterface TappableProps {\n    testID?: string;\n    children?: any\n    styles?: any;\n    target?: BaseComponent<any, any, any>;\n    onTap?: (e: any) => void;\n    onLongTap?: (e: any) => void; \n    onDoubleTap?: (e: any) => void;\n    onTouchStart? : (e: any) => void;\n    onTouchEnd? : (e: any) => void;\n    rippleColor?: string;\n}\n\nexport class SyntheticEvent {\n    // as the event is being used in onPress, onPressOut and onLongTap the TapEvent is renamed to SyntheticEvent\n    propagationEnabled = true;\n   \n    constructor() {\n\n    }\n\n    stopPropagation() {\n        this.propagationEnabled = false;\n    }\n}\n\nexport class Tappable extends React.Component<TappableProps, any> {\n    private lastPress = 0;\n    private lastTap = 0;\n    private lastDoubleTap = 0;\n    private isLongTap = false;\n    private parent:Tappable = null as any;\n   \n    constructor(props: any) {\n        super(props);\n    }\n\n    async triggerTap(e = new SyntheticEvent()) {\n        if (!e.propagationEnabled) {\n            return;\n        }\n        const target = this.props.target;\n        if (this.props.onTap) {\n            await this.props.onTap(e);\n        } else {\n            await target?.invokeEventCallback('onTap', [e, target]);\n        }\n        this.parent?.triggerTap(e);\n    }\n\n    onPress(e: SyntheticEvent): void {   \n        this.lastPress = Date.now();\n        const target = this.props.target;\n        this.props.onTouchStart && this.props.onTouchStart(e);\n        this.props.target?.invokeEventCallback('onTouchstart', [e, this.props.target]);\n        const currentTime = Date.now();\n        const tapDelta = currentTime - this.lastTap;\n        if (this.isLongTap) {\n            this.isLongTap = false;\n            return;\n        }\n        if (e.propagationEnabled) {\n            injector.FOCUSED_ELEMENT.get()?.blur();\n            if(this.lastDoubleTap !== this.lastTap \n                && tapDelta < 500) {\n                this.props.onDoubleTap && this.props.onDoubleTap(e);\n                setTimeout(() => {\n                    target?.invokeEventCallback('onDoubletap', [e, target]);\n                }, 200);\n                this.lastDoubleTap = currentTime;\n            }\n            setTimeout(() => {\n                if (!e.propagationEnabled) {\n                    return;\n                }\n                if (this.props.onTap) {\n                    this.props.onTap(e);\n                } else {\n                    target?.invokeEventCallback('onTap', [e, target]);\n                }\n                this.parent?.onPress(e);\n            }, 200);\n            this.lastTap = currentTime;\n        }\n    }\n\n    onLongTap(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        }\n        this.props.onLongTap && this.props.onLongTap(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onLongtap', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = true;\n    }\n    \n    onPressOut(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        } \n        this.props.onTouchEnd && this.props.onTouchEnd(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onTouchend', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = false;\n    }\n    private setParent(parent: Tappable) {\n        if (parent && this.parent !== parent)  {\n            this.parent = parent;\n        }\n    }\n\n    render() {\n        const target = this.props.target;\n        if (target?.props.onTap \n            || target?.props.onLongtap \n            || target?.props.onDoubletap \n            || this.props.onTap \n            || this.props.onLongTap \n            || this.props.onDoubleTap) {\n            return (\n                <TappableContext.Consumer>{(parent) => {\n                    this.setParent(parent);\n                    return( <TappableContext.Provider value={this}>\n                    <TouchableRipple\n                rippleColor={this.props.rippleColor}\n                borderless = {true}\n                 {...(Platform.OS === 'android' || Platform.OS === 'web') ? {\n                    accessibilityLabel: this.props.testID,\n                    testID: this.props.testID\n                }: {\n                    // accessible: false,\n                    testID: this.props.testID\n                }} \n                disabled={get(target?.proxy, 'disabled')}\n                style={this.props.styles}\n                onPress={(e?: GestureResponderEvent) => {\n                    if ((e?.target as any)?.tagName === 'INPUT') {\n                        return;\n                    }\n                    this.onPress(new SyntheticEvent())\n                }}\n                onLongPress={(e?: GestureResponderEvent) => this.onLongTap(new SyntheticEvent())}\n                onPressOut={(e?: GestureResponderEvent) => this.onPressOut(new SyntheticEvent())}>\n                    <>{this.props.children}</>\n                </TouchableRipple>\n                </TappableContext.Provider>)}}</TappableContext.Consumer>\n            \n            );\n        }\n        return (<View style={this.props.styles}>{this.props.children}</View>);\n    }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/core/utils.js

@@ -340,4 +340,66 @@ export function removeUndefinedKeys(obj) {
   }
   return obj;
 }
+// * get total number of days in a month of a year
+function getDaysInMonth(month, year) {
+  return new Date(year, month, 0).getDate();
+}
+export const getDates = function () {
+  let month = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  let year = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : new Date().getFullYear();
+  const daysInMonth = getDaysInMonth(month, year);
+  const dates = Array.from({
+    length: daysInMonth
+  }, (v, i) => i + 1);
+  return dates;
+};
+export const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+export const getMonths = () => {
+  const months = monthNames.map(name => name.substring(0, 3));
+  return months;
+};
+export const getYearRange = function () {
+  let startYear = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1950;
+  let endYear = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2060;
+  const years = [];
+  for (let year = startYear; year <= endYear; ++year) {
+    years.push(year);
+  }
+  return years;
+};
+export const getDateObject = (date, month, year) => {
+  // * month is zero-based
+  return new Date(year, month, date);
+};
+export const getHours = () => {
+  const hours = [];
+  for (let hour = 1; hour <= 12; ++hour) {
+    const paddedHour = String(hour).padStart(2, '0');
+    hours.push(paddedHour);
+  }
+  return hours;
+};
+export const get24Hours = () => {
+  const hours = [];
+  for (let hour = 0; hour <= 23; ++hour) {
+    const paddedHour = String(hour).padStart(2, '0');
+    hours.push(paddedHour);
+  }
+  return hours;
+};
+export const getMinutes = () => {
+  const minutes = [];
+  for (let minute = 0; minute <= 59; ++minute) {
+    const paddedMinute = String(minute).padStart(2, '0');
+    minutes.push(paddedMinute);
+  }
+  return minutes;
+};
+export const getTimeIndicators = () => {
+  return ['AM', 'PM'];
+};
+export const getDateTimeObject = (date, month, year, hour, minute) => {
+  // * month is zero-based
+  return new Date(year, month, date, hour, minute);
+};
 //# sourceMappingURL=utils.js.map