@wavemaker/app-rn-runtime 11.10.0-next.NULL → 11.10.1-rc.200

package/core/tappable.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","View","TouchableOpacity","get","injector","TouchableRipple","TappableContext","createContext","UIPreferencesConsumer","ParentTappableContext","SyntheticEvent","constructor","_defineProperty","stopPropagation","propagationEnabled","Tappable","Component","props","triggerTap","e","_this$parent","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","commonProps","OS","accessibilityLabel","testID","accessibilityProps","disabled","proxy","style","styles","_e$target","tagName","onLongPress","onLongtap","onDoubletap","createElement","preferences","enableRipple","Consumer","Provider","value","_extends","rippleColor","disableTouchEffect","borderless","Fragment","children","activeOpacity"],"sources":["tappable.component.tsx"],"sourcesContent":["import { BaseComponent } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport React from \"react\";\nimport { GestureResponderEvent, Platform, View, TouchableOpacity } 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);\nimport { UIPreferencesConsumer, UI_PREFERENCES } from \"./ui-preferences.context\";\n\nexport const ParentTappableContext = React.createContext<Tappable>(null as any);\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    accessibilityProps?: any;\n    disableTouchEffect?:boolean;\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        const commonProps = {\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            ...this.props.accessibilityProps,\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        };\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            <UIPreferencesConsumer>\n                {(preferences: UI_PREFERENCES) => {\n                    return preferences.enableRipple != false ? (\n                        <ParentTappableContext.Consumer>{(parent) => {\n                            this.setParent(parent);\n                            return( <ParentTappableContext.Provider value={this}>\n                    <TouchableRipple rippleColor={this.props.disableTouchEffect ? \"transparent\" : this.props.rippleColor} borderless={true} {...commonProps}>\n                        <>{this.props.children}</>\n                    </TouchableRipple>\n                    </ParentTappableContext.Provider>)}}</ParentTappableContext.Consumer>): (\n                        //default value is 0.2\n                    <TouchableOpacity activeOpacity={this.props.disableTouchEffect ? 1 : 0.2} {...commonProps}>\n                        <>{this.props.children}</>\n                    </TouchableOpacity>);\n                }}\n            </UIPreferencesConsumer>\n            );\n        }\n        return (<View style={this.props.styles}>{this.props.children}</View>);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/core/utils.js

@@ -0,0 +1,543 @@
+import { Platform } from 'react-native';
+import moment from "moment";
+import * as FileSystem from "expo-file-system";
+import { isFunction, includes, isUndefined, isNull, orderBy, groupBy, toLower, get, forEach, sortBy, cloneDeep, keys, values, isArray, isString, isNumber } from 'lodash';
+import * as mime from 'react-native-mime-types';
+import ThemeVariables from '../styles/theme.variables';
+const GROUP_BY_OPTIONS = {
+  ALPHABET: 'alphabet',
+  WORD: 'word',
+  OTHERS: 'Others'
+};
+const TIME_ROLLUP_OPTIONS = {
+  HOUR: 'hour',
+  DAY: 'day',
+  WEEK: 'week',
+  MONTH: 'month',
+  YEAR: 'year'
+};
+const AppLayoutPositionY = {};
+const _deepCopy = (o1, ...o2) => {
+  o2.forEach(o => {
+    if (o) {
+      Object.keys(o).forEach(k => {
+        const v = o[k];
+        if (v && !isString(v) && !isArray(v) && typeof v === 'object') {
+          o1[k] = _deepCopy(o1[k] || {}, o[k]);
+        } else {
+          o1[k] = _deepCopy(v);
+        }
+      });
+    }
+  });
+  return o1;
+};
+export const deepCopy = (...objects) => _deepCopy({}, ...objects);
+export const toBoolean = val => {
+  return val === true || val === 'true' || !(val === false || val === null || val === undefined || val === '');
+};
+export const toNumber = val => {
+  try {
+    return parseFloat(val) || 0;
+  } catch (e) {
+    return 0;
+  }
+};
+
+/**
+ * this method encodes the url and returns the encoded string
+ */
+export const encodeUrl = url => {
+  let splits = url.split('#');
+  const hash = splits[1];
+  splits = splits[0].split('?');
+  let params = '';
+  if (splits.length > 1) {
+    params = splits[1].split('&').map(p => p.split('=')).map(p => p[0] + '=' + encodeURIComponent(p[1])).join('&');
+  }
+  return encodeURI(splits[0]) + (params ? '?' + params : '') + (hash ? '#' + hash : '');
+};
+export const isWebPreviewMode = () => Platform.OS === 'web';
+export const isDevMode = () => isWebPreviewMode() || __DEV__;
+export const widgetsWithUndefinedValue = ['checkbox', 'toggle'];
+export const isAndroid = () => Platform.OS === 'android' || Platform.OS === 'web' && /android/i.test(window.navigator.userAgent);
+export const isIos = () => Platform.OS === 'ios' || Platform.OS === 'web' && /iPhone|iPad/i.test(window.navigator.userAgent);
+const getGroupKey = (fieldDef, groupby, widgetScope, innerItem) => isFunction(groupby) ? groupby.apply(widgetScope.proxy, [innerItem ? fieldDef[innerItem] : fieldDef]) : get(innerItem ? fieldDef[innerItem] : fieldDef, groupby);
+
+/**
+ * This method prepares the grouped data.
+ *
+ * @param fieldDefs array of objects i.e. dataset
+ * @param groupby string groupby
+ * @param match string match
+ * @param orderby string orderby
+ * @param dateFormat string date format
+ */
+export const getGroupedData = (fieldDefs, groupby, match, orderby, dateFormat, widgetScope, innerItem) => {
+  // handling case-in-sensitive scenario
+  // ordering the data based on groupby field. If there is innerItem then apply orderby using the innerItem's containing the groupby field.
+  fieldDefs = orderBy(fieldDefs, fieldDef => {
+    const groupKey = getGroupKey(fieldDef, groupby, widgetScope, innerItem);
+    if (groupKey) {
+      return toLower(groupKey);
+    }
+    return '';
+  });
+
+  // extract the grouped data based on the field obtained from 'groupDataByField'.
+  const groupedLiData = groupBy(fieldDefs, function (fieldDef) {
+    let concatStr = getGroupKey(fieldDef, groupby, widgetScope, innerItem);
+    // by default set the undefined groupKey as 'others'
+    if (isUndefined(concatStr) || isNull(concatStr) || concatStr.toString().trim() === '') {
+      return GROUP_BY_OPTIONS.OTHERS;
+    }
+    // if match prop is alphabetic ,get the starting alphabet of the word as key.
+    if (match === GROUP_BY_OPTIONS.ALPHABET) {
+      concatStr = concatStr.substr(0, 1);
+    }
+
+    // if match contains the time options then get the concatStr using 'getTimeRolledUpString'
+    if (includes(values(TIME_ROLLUP_OPTIONS), match)) {
+      dateFormat = dateFormat && dateFormat.replace(/d/g, 'D');
+      dateFormat = dateFormat && dateFormat.replace(/y/g, 'Y');
+      concatStr = moment(concatStr).format(dateFormat);
+    }
+    return concatStr;
+  });
+  return getSortedGroupedData(groupedLiData, groupby, orderby, innerItem);
+};
+
+/**
+ * function to get the ordered dataset based on the given orderby
+ */
+export const getOrderedDataset = (dataSet, orderby, innerItem) => {
+  if (!orderBy) {
+    return cloneDeep(dataSet);
+  }
+
+  // The order by only works when the dataset contains list of objects.
+  const items = orderby && orderby.split(','),
+    fields = [],
+    directions = [];
+  items && items.forEach(obj => {
+    const item = obj.split(':');
+    fields.push(innerItem ? innerItem + '.' + item[0] : item[0]);
+    directions.push(item[1]);
+  });
+  return orderBy(dataSet, fields, directions);
+};
+
+/**
+ * This method returns sorted data based to groupkey.
+ * Returns a array of objects, each object containing key which is groupKey and data is the sorted data which is sorted by groupby field in the data.
+ *
+ * @param groupedLiData, grouped data object with key as the groupKey and its value as the array of objects grouped under the groupKey.
+ * @param groupBy, string groupby property
+ * @returns {any[]}
+ */
+export const getSortedGroupedData = (groupedLiData, groupBy, orderby, innerItem) => {
+  const _groupedData = [];
+  forEach(keys(groupedLiData), (groupkey, index) => {
+    const liData = getOrderedDataset(groupedLiData[groupkey], orderby, innerItem);
+    _groupedData.push({
+      key: groupkey,
+      data: sortBy(liData, data => {
+        data._groupIndex = index;
+        return get(data, groupBy) || get(data[innerItem], groupBy);
+      })
+    });
+  });
+  return _groupedData;
+};
+export const isDefined = v => typeof v !== 'undefined';
+
+// try to convert the chekedvalue and unchecked values to boolean/number
+export const unStringify = (val, defaultVal) => {
+  if (val === null) {
+    return defaultVal;
+  }
+  if (val === true || val === 'true') {
+    return true;
+  }
+  if (val === false || val === 'false') {
+    return false;
+  }
+  const number = parseInt(val, 10);
+  if (!isNaN(number)) {
+    return number;
+  }
+  return val;
+};
+
+/**
+ * This function invokes the given the function (fn) until the function successfully executes or the maximum number
+ * of retries is reached or onBeforeRetry returns false.
+ *
+ * @param fn - a function that is needs to be invoked. The function can also return a promise as well.
+ * @param interval - minimum time gap between successive retries. This argument should be greater or equal to 0.
+ * @param maxRetries - maximum number of retries. This argument should be greater than 0. For all other values,
+ * maxRetries is infinity.
+ * @param onBeforeRetry - a callback function that will be invoked before re-invoking again. This function can
+ * return false or a promise that is resolved to false to stop further retry attempts.
+ * @returns {*} a promise that is resolved when fn is success (or) maximum retry attempts reached
+ * (or) onBeforeRetry returned false.
+ */
+export const retryIfFails = (fn, interval, maxRetries, onBeforeRetry = () => Promise.resolve(false)) => {
+  let retryCount = 0;
+  const tryFn = () => {
+    retryCount++;
+    if (isFunction(fn)) {
+      return fn();
+    }
+  };
+  maxRetries = isNumber(maxRetries) && maxRetries > 0 ? maxRetries : 0;
+  interval = isNumber(interval) && interval > 0 ? interval : 0;
+  return new Promise((resolve, reject) => {
+    const errorFn = function () {
+      const errArgs = arguments;
+      setTimeout(() => {
+        Promise.resolve().then(() => onBeforeRetry()).then(function (retry) {
+          if (retry !== false && (!maxRetries || retryCount <= maxRetries)) {
+            Promise.resolve().then(() => tryFn()).then(resolve, errorFn);
+          } else {
+            reject(errArgs);
+          }
+        }, () => reject(errArgs));
+      }, interval);
+    };
+    Promise.resolve().then(() => tryFn()).then(resolve, errorFn);
+  });
+};
+
+/**
+ * Promise of a defer created using this function, has abort function that will reject the defer when called.
+ * @returns {*} angular defer object
+ */
+export const getAbortableDefer = () => {
+  const _defer = {
+    promise: null,
+    reject: null,
+    resolve: null,
+    onAbort: () => {},
+    isAborted: false
+  };
+  _defer.promise = new Promise((resolve, reject) => {
+    _defer.resolve = resolve;
+    _defer.reject = reject;
+  });
+  _defer.promise.abort = () => {
+    _defer.onAbort && _defer.onAbort();
+    _defer.reject('aborted');
+    _defer.isAborted = true;
+  };
+  return _defer;
+};
+export const validateField = (props, value) => {
+  let requiredCheck = true,
+    regexCheck = true;
+  if (props.required) {
+    if (isArray(value)) {
+      requiredCheck = value.length === 0 ? false : true;
+    } else {
+      requiredCheck = !value ? false : true;
+    }
+    if (!requiredCheck) {
+      return {
+        errorType: 'required',
+        isValid: false
+      };
+    }
+  }
+  if (value && props.regexp) {
+    const condition = new RegExp("^" + props.regexp + "$", 'g');
+    regexCheck = condition.test(value);
+    if (!regexCheck) {
+      return {
+        errorType: 'regexp',
+        isValid: false
+      };
+    }
+  }
+  if (value && props.maxchars && value.length > props.maxchars) {
+    return {
+      errorType: 'maxchars',
+      isValid: false
+    };
+  }
+  if (value && props.mindate && new Date(props.datavalue) < moment(props.mindate).startOf('day').toDate()) {
+    return {
+      errorType: 'mindate',
+      isValid: false
+    };
+  }
+  if (value && props.maxdate && new Date(props.datavalue) > moment(props.maxdate).endOf('day').toDate()) {
+    return {
+      errorType: 'maxdate',
+      isValid: false
+    };
+  }
+  return {
+    isValid: true
+  };
+};
+export const countDecimalDigits = number => {
+  if (!number) return 0;
+
+  // * convert the number to a string
+  const numberString = number.toString();
+
+  // * regular expression to match and count the decimal digits
+  const decimalMatch = numberString.match(/\.(\d+)/);
+  if (decimalMatch) {
+    const decimalDigits = decimalMatch[1];
+    return decimalDigits.length;
+  } else {
+    return 0; // * no decimal digits found
+  }
+};
+export const formatCompactNumber = number => {
+  const isNegative = number < 0;
+  number = isNegative ? number * -1 : number;
+  let formattedNumber = number + '';
+  if (number >= 1000 && number < 1000000) {
+    formattedNumber = (number / 1000).toFixed(1).replace(/\.0$/, "") + "K";
+  } else if (number >= 1000000 && number < 1000000000) {
+    formattedNumber = (number / 1000000).toFixed(1).replace(/\.0$/, "") + "M";
+  } else if (number >= 1000000000 && number < 1000000000000) {
+    formattedNumber = (number / 1000000000).toFixed(1).replace(/\.0$/, "") + "B";
+  } else if (number >= 1000000000000 && number < 1000000000000000) {
+    formattedNumber = (number / 1000000000000).toFixed(1).replace(/\.0$/, "") + "T";
+  }
+  return (isNegative ? '-' : '') + formattedNumber;
+};
+export const toBase64 = function (path) {
+  return FileSystem.readAsStringAsync(path, {
+    encoding: 'base64'
+  });
+};
+const DATASET_WIDGETS = new Set(['select', 'checkboxset', 'radioset', 'switch', 'autocomplete', 'chips', 'typeahead', 'rating']);
+export const isDataSetWidget = widget => {
+  return DATASET_WIDGETS.has(widget);
+};
+export const isFullPathUrl = url => {
+  return isString(url) && (url.startsWith('data:') || url.startsWith('http:') || url.startsWith('https:') || url.startsWith('file:'));
+};
+export function removeUndefinedKeys(obj) {
+  for (const key in obj) {
+    if (obj[key] === undefined) {
+      delete obj[key];
+    } else if (typeof obj[key] === 'object') {
+      // * if the value is an object, recursively call the function
+      removeUndefinedKeys(obj[key]);
+    }
+  }
+  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 = (startDate, endDate, month = 0,
+// zero-based
+year = new Date().getFullYear()) => {
+  const daysInMonth = getDaysInMonth(month, year);
+  const dates = Array.from({
+    length: daysInMonth
+  }, (v, i) => i + 1);
+  const datesInRange = dates.filter(date => date >= startDate);
+  return datesInRange;
+};
+export const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+export const getMonths = (startMonth, endMonth) => {
+  const months = monthNames.map(name => name.substring(0, 3));
+  const monthRange = months.filter((_, index) => index >= startMonth);
+  return monthRange;
+};
+export const getMonthIndex = (monthName, shortName = true) => {
+  const months = shortName ? monthNames.map(name => name.substring(0, 3)) : monthNames;
+  const monthNumber = months.findIndex(name => name === monthName);
+  return monthNumber;
+};
+export const getYearRange = (startYear = 1950, endYear = 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);
+};
+export const getGradientStartEnd = angle => {
+  const angleLowerCase = angle === null || angle === void 0 ? void 0 : angle.toLowerCase();
+  let start = {
+    x: 0,
+    y: 1
+  };
+  let end = {
+    x: 1,
+    y: 1
+  };
+  if (angle === '0deg' || angleLowerCase === 'to top') {
+    end.x = 0;
+    end.y = 0;
+  } else if (angle === '90deg' || angleLowerCase === 'to right') {
+    start.x = 0;
+  } else if (angle === '180deg' || angleLowerCase === 'to bottom') {
+    start.y = 0;
+    end.x = 0;
+    end.y = 1;
+  } else if (angle === '270deg' || angleLowerCase === 'to left') {
+    start.x = 1;
+    end.x = 0;
+  } else {
+    // other angle
+  }
+  return {
+    start,
+    end
+  };
+};
+export const parseLinearGradient = gradient => {
+  let angle = '',
+    color1 = '',
+    color2 = '';
+  const linearGradientRegex = /linear-gradient\(([^,]+),\s*([^,]+),\s*([^)]+)\)/;
+  const hasLinearGradient = linearGradientRegex.test(gradient);
+  const matches = gradient === null || gradient === void 0 ? void 0 : gradient.match(linearGradientRegex);
+  angle = (matches === null || matches === void 0 ? void 0 : matches[1]) || '90deg';
+  const {
+    start,
+    end
+  } = getGradientStartEnd(angle);
+  color1 = (matches === null || matches === void 0 ? void 0 : matches[2]) || ThemeVariables.INSTANCE.primaryColor;
+  color2 = (matches === null || matches === void 0 ? void 0 : matches[3]) || ThemeVariables.INSTANCE.primaryColor;
+  return {
+    hasLinearGradient,
+    color1,
+    color2,
+    start,
+    end
+  };
+};
+export const validateInputOnDevice = (value, type) => {
+  var _value$match;
+  const isCurrencyField = type === 'currency';
+  let isValidText = true;
+  let validText = value;
+
+  // * no alphabets except E, may contain E only once
+  if (/[a-df-zA-DF-Z]/.test(value) || !/^[^eE]*[eE]?[^eE]*$/.test(value)) {
+    isValidText = false;
+    validText = validText.replace(/[a-df-zA-DF-Z]/g, '');
+    validText = validText.replace(/([eE])\1+/g, 'e');
+  }
+
+  // * currency only: check for negative number
+  if (isCurrencyField && (Number(value) < 0 || /-/g.test(value))) {
+    isValidText = false;
+    validText = validText.replace(/-/g, '');
+  }
+
+  // * number only: not more than one minus and doesn't end with minus (-)
+  if (!isCurrencyField && Number((_value$match = value.match(/-/g)) === null || _value$match === void 0 ? void 0 : _value$match.length) > 1 || /\w-/.test(value)) {
+    isValidText = false;
+    validText = validText.replace(/-/g, '');
+    validText = validText.replace(/\w-/g, '');
+  }
+
+  // * check for more than one decimal point
+  if (/^\d*\.\d*\..*$/.test(value)) {
+    isValidText = false;
+    validText = validText.replace(/\.(?=\.*\.)/g, '');
+  }
+
+  // * check for spaces and comma
+  if (/[\s,]/.test(value)) {
+    isValidText = false;
+    validText = validText.replace(/[\s,]/, '');
+  }
+  return {
+    isValidText,
+    validText
+  };
+};
+export const isDateFormatAsPerPattern = (datePattern, dateString) => {
+  try {
+    var _date$format;
+    // * format dateString as per datePattern
+    const date = moment(dateString, datePattern, true);
+
+    // * check date is valid and matches the format
+    return date.isValid() && typeof dateString === 'string' && (dateString === null || dateString === void 0 ? void 0 : dateString.toUpperCase()) === ((_date$format = date.format(datePattern)) === null || _date$format === void 0 ? void 0 : _date$format.toUpperCase());
+  } catch (error) {
+    // * if not able to parse date string
+    return false;
+  }
+};
+export const getMimeType = extensions => {
+  if (!extensions) return '*/*';
+  let hasInvalidExtension = false;
+  let wildCards = ['image/*', 'audio/*', 'video/*'];
+  let extensionList = extensions.split(' ');
+  let mimeType = extensionList.map(extension => {
+    let type = mime.lookup(extension);
+    let isWildCardExtension = wildCards.includes(extension);
+    // * invalid extension, also not in wildcards
+    hasInvalidExtension = !type && !isWildCardExtension;
+    return type ? type : isWildCardExtension ? extension : '';
+  }).filter(type => type);
+  if (hasInvalidExtension) return '*/*';
+  return mimeType;
+};
+export function getNumberOfEmptyObjects(noOfItems) {
+  return Array.from({
+    length: noOfItems
+  }, () => ({}));
+}
+export const setPosition = data => {
+  Object.keys(data).forEach(key => {
+    AppLayoutPositionY[key] = data[key];
+  });
+};
+export const resetLayoutPositions = () => {
+  Object.keys(AppLayoutPositionY).forEach(key => {
+    delete AppLayoutPositionY[key];
+  });
+};
+export const getPosition = key => {
+  return AppLayoutPositionY[key];
+};
+//# sourceMappingURL=utils.js.map