@cleartrip/ct-design-common-utils 4.0.0-TEST.3 → 4.0.0-rc

package/src/dates.ts

@@ -0,0 +1,53 @@
+import dayjs from 'dayjs';
+import startOfDay from 'date-fns/startOfDay';
+import { MONTHS } from '@cleartrip/ct-design-common-constants';
+
+export const startOfToday = () => startOfDay(new Date());
+
+export function getDateFromString(milli: string) {
+  // input --> 25/09/2022
+  const date = new Date(milli).toLocaleDateString('en-GB');
+  return date;
+}
+
+export function dateFormat(date: string) {
+  // output ---> 27 Aug 2022
+  const temp = date.split('/');
+  const newDate = `${temp[0]} ${MONTHS[parseInt(temp[1]) - 1]} ${temp[2]}`;
+  return newDate;
+}
+
+export function dateFormat_hrental(date: string) {
+  // output ---> 2022-08-27
+  const temp = date.split('/');
+  const newDate = `${temp[2]}-${temp[1]}-${temp[0]}`;
+  return newDate;
+}
+
+export function formatDateToString(date: Date, formatOptions?: Record<string, string>, localeOption: string = 'en-US') {
+  const dateformatOptions: Intl.DateTimeFormatOptions = {
+    weekday: 'short',
+    month: 'short',
+    day: 'numeric',
+    ...formatOptions,
+  };
+  if (date) {
+    return date.toLocaleDateString(localeOption, dateformatOptions);
+  }
+}
+
+export function getFormattedDate(date: string, outputFormat = '', inputFormat = '') {
+  let newDate = 'invalid date';
+  try {
+    newDate = date ? dayjs(date, inputFormat).format(outputFormat) : dayjs().format(outputFormat);
+  } catch (_e) {
+    newDate = 'invalid date';
+  }
+  return newDate;
+}
+
+export function dayDiff(days: string, to: string) {
+  const dDate = dayjs(getFormattedDate(days, 'DD-MM-YYYY'), 'DD-MM-YYYY');
+  const toDate = dayjs(getFormattedDate(to, 'DD-MM-YYYY'), 'DD-MM-YYYY');
+  return dDate.diff(toDate, 'day');
+}

package/src/index.ts

@@ -0,0 +1,8 @@
+export * from './common';
+export * from './dates';
+export * from './regex';
+export * from './accessibility';
+export * from './HapticFeedback';
+export * from './platform';
+export * from './batchedPromise';
+export * from './promiseHandler';

package/src/platform/index.ts

@@ -0,0 +1,70 @@
+export enum Platform {
+  IOS = 'iOS',
+  PWA = 'PWA',
+  ANDROID = 'Android',
+}
+
+export enum AppAgent {
+  PWA = 'PWA',
+  IOS = 'iPhoneApp',
+  ANDROID = 'AndroidApp',
+  H_PWA = 'pwa',
+  H_IOS = 'ios',
+  H_ANDROID = 'android',
+  H_UNKNOWN = 'unrecognised',
+}
+
+import { getDimensions, getOS, getOSVersion } from './native-info';
+
+export const getPlatform = (): Platform => {
+  const platform = getOS();
+
+  switch (platform) {
+    case 'ios': {
+      return Platform.IOS;
+    }
+    case 'android': {
+      return Platform.ANDROID;
+    }
+    default: {
+      return Platform.PWA;
+    }
+  }
+};
+
+export const getAppAgent = (): string => {
+  const platform = getPlatform();
+
+  switch (platform) {
+    case Platform.IOS: {
+      return AppAgent.IOS;
+    }
+    case Platform.ANDROID: {
+      return AppAgent.ANDROID;
+    }
+    default: {
+      return AppAgent.PWA;
+    }
+  }
+};
+
+export const getJSVersion = (): string => 'N/A';
+
+export const getDeviceWidth = (): number => {
+  return getDimensions().width;
+};
+
+export const getDeviceHeight = (): number => {
+  return getDimensions().height;
+};
+
+export const isMobile = () => true;
+export const isIOS = (): boolean => getPlatform() === Platform.IOS;
+export const isAndroid = (): boolean => getPlatform() === Platform.ANDROID;
+export const isAndroid_15 = (): boolean => getOSVersion() >= 35 && getPlatform() === Platform.ANDROID;
+export const isJSVersionUpdated = (compareVersion: number): boolean => parseInt(getJSVersion()) >= compareVersion;
+export const isPwa = (): boolean =>
+  getPlatform().toUpperCase() !== Platform.ANDROID.toUpperCase() &&
+  getPlatform().toUpperCase() !== Platform.IOS.toUpperCase();
+
+export * from './native-info';

package/src/platform/native-info.native.ts

@@ -0,0 +1,17 @@
+import { Dimensions, Platform } from 'react-native';
+
+export const getOS = (): 'web' | 'ios' | 'android' => {
+  return Platform.OS as 'web' | 'ios' | 'android';
+};
+
+export const getDimensions = (): { width: number; height: number } => {
+  return Dimensions.get('window');
+};
+
+export const getOSVersion = (): number => {
+  return Number(Platform.Version);
+};
+
+export const isServer = () => {
+  return false;
+};

package/src/platform/native-info.ts

@@ -0,0 +1,21 @@
+export const isServer = () => {
+  return typeof window === 'undefined' || !window;
+};
+
+export const getOS = (): 'web' | 'ios' | 'android' => {
+  return 'web';
+};
+
+const DEFAULT_WIDTH = 390;
+const DEFAULT_HEIGHT = 0;
+
+export const getDimensions = (): { width: number; height: number } => {
+  // Use consistent default width to avoid hydration mismatches
+  const width = isServer() ? DEFAULT_WIDTH : window?.innerWidth || DEFAULT_WIDTH;
+  const height = isServer() ? DEFAULT_HEIGHT : window?.innerHeight || DEFAULT_HEIGHT;
+  return { width: width, height: height };
+};
+
+export const getOSVersion = (): number => {
+  return 0;
+};

package/src/promiseHandler.ts

@@ -0,0 +1,62 @@
+interface PromiseHandlerOptions {
+  concurrency?: number;
+}
+
+class PromiseHandler {
+  private queue: Array<() => Promise<void>> = [];
+  private running = 0;
+  private concurrency: number;
+
+  constructor(options: PromiseHandlerOptions = {}) {
+    this.concurrency = options.concurrency || 5;
+  }
+
+  clear = () => {
+    this.queue = [];
+    this.running = 0;
+  };
+
+  add = async (task: () => Promise<void>, ref: unknown): Promise<void> => {
+    if (!ref) {
+      return Promise.resolve();
+    }
+
+    return new Promise((resolve, reject) => {
+      this.queue.push(async () => {
+        try {
+          const result = await task();
+          resolve(result);
+        } catch (error: unknown) {
+          if (error instanceof Error) {
+            reject(error);
+          } else {
+            reject(new Error('Unknown error'));
+          }
+        } finally {
+          if (this.running > -1) {
+            this.running--;
+            this.processQueue();
+          }
+        }
+      });
+      this.processQueue();
+    });
+  };
+
+  private processQueue = () => {
+    // console.log('processQueue', this.running, this.queue.length);
+    while (this.running < this.concurrency && this.queue.length > 0) {
+      const task = this.queue.shift();
+      if (task) {
+        this.running++;
+        task();
+      }
+    }
+  };
+}
+
+export const createPromiseHandler = (options?: PromiseHandlerOptions) => {
+  return new PromiseHandler(options);
+};
+
+export const promiseHandler = createPromiseHandler();

package/src/regex.ts

@@ -0,0 +1,23 @@
+/**
+ * Removes non numeric characters in the given string
+ * @param {string} data
+ * @returns {string}
+ */
+export const removeNonNumerals = (data: string): string => data.replace(/\D/g, '');
+
+/**
+ * Removes empty space
+ * @param {string} data
+ * @returns {string}
+ */
+export const removeSpace = (data: string): string => data.replace(/\s/g, '');
+
+/**
+ * Add space at given intervals
+ * @param {string} data
+ * @returns {string}
+ */
+export const addSpaceAtInterval = (data: string, interval: number): string => {
+  const matches = data?.match(new RegExp(`.{1,${interval}}`, 'g'));
+  return matches?.length ? matches.join(' ') : '';
+};

package/src/type.ts

@@ -0,0 +1,381 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+/**
+ * @see https://reactnative.dev/docs/accessibility#accessibility-properties
+ */
+export interface AccessibilityProps extends AccessibilityPropsAndroid, AccessibilityPropsIOS {
+  /**
+   * When true, indicates that the view is an accessibility element.
+   * By default, all the touchable elements are accessible.
+   */
+  accessible?: boolean | undefined;
+
+  /**
+   * Provides an array of custom actions available for accessibility.
+   */
+  accessibilityActions?: ReadonlyArray<AccessibilityActionInfo> | undefined;
+
+  /**
+   * Overrides the text that's read by the screen reader when the user interacts with the element. By default, the
+   * label is constructed by traversing all the children and accumulating all the Text nodes separated by space.
+   */
+  accessibilityLabel?: string | undefined;
+
+  /**
+   * Alias for accessibilityLabel  https://reactnative.dev/docs/view#accessibilitylabel
+   * https://github.com/facebook/react-native/issues/34424
+   */
+  'aria-label'?: string | undefined;
+
+  /**
+   * Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.
+   */
+  accessibilityRole?: AccessibilityRole | undefined;
+  /**
+   * Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.
+   */
+  accessibilityState?: AccessibilityState | undefined;
+
+  /**
+   * alias for accessibilityState
+   *
+   * see https://reactnative.dev/docs/accessibility#accessibilitystate
+   */
+  'aria-busy'?: boolean | undefined;
+  'aria-checked'?: boolean | 'mixed' | undefined;
+  'aria-disabled'?: boolean | undefined;
+  'aria-expanded'?: boolean | undefined;
+  'aria-selected'?: boolean | undefined;
+
+  /**
+   * An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.
+   */
+  accessibilityHint?: string | undefined;
+  /**
+   * Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars,
+   * it contains range information (minimum, current, and maximum).
+   */
+  accessibilityValue?: AccessibilityValue | undefined;
+
+  'aria-valuemax'?: AccessibilityValue['max'] | undefined;
+  'aria-valuemin'?: AccessibilityValue['min'] | undefined;
+  'aria-valuenow'?: AccessibilityValue['now'] | undefined;
+  'aria-valuetext'?: AccessibilityValue['text'] | undefined;
+
+  /**
+   * [Android] Controlling if a view fires accessibility events and if it is reported to accessibility services.
+   */
+  importantForAccessibility?: ('auto' | 'yes' | 'no' | 'no-hide-descendants') | undefined;
+
+  /**
+   * A value indicating whether the accessibility elements contained within
+   * this accessibility element are hidden.
+   */
+  'aria-hidden'?: boolean | undefined;
+
+  'aria-modal'?: boolean | undefined;
+
+  /**
+   * Indicates to accessibility services to treat UI component like a specific role.
+   */
+  role?: Role | undefined;
+}
+
+export type AccessibilityActionInfo = Readonly<{
+  name: AccessibilityActionName | string;
+  label?: string | undefined;
+}>;
+
+export type AccessibilityActionName =
+  /**
+   * Generated when a screen reader user double taps the component.
+   */
+  | 'activate'
+  /**
+   * Generated when a screen reader user increments an adjustable component.
+   */
+  | 'increment'
+  /**
+   * Generated when a screen reader user decrements an adjustable component.
+   */
+  | 'decrement'
+  /**
+   * Generated when a TalkBack user places accessibility focus on the component and double taps and holds one finger on the screen.
+   * @platform android
+   */
+  | 'longpress'
+  /**
+   * Generated when a VoiceOver user places focus on or inside the component and double taps with two fingers.
+   * @platform ios
+   * */
+  | 'magicTap'
+  /**
+   * Generated when a VoiceOver user places focus on or inside the component and performs a two finger scrub gesture (left, right, left).
+   * @platform ios
+   * */
+  | 'escape';
+
+export interface AccessibilityState {
+  /**
+   * When true, informs accessible tools if the element is disabled
+   */
+  disabled?: boolean | undefined;
+  /**
+   * When true, informs accessible tools if the element is selected
+   */
+  selected?: boolean | undefined;
+  /**
+   * For items like Checkboxes and Toggle switches, reports their state to accessible tools
+   */
+  checked?: boolean | 'mixed' | undefined;
+  /**
+   *  When present, informs accessible tools if the element is busy
+   */
+  busy?: boolean | undefined;
+  /**
+   *  When present, informs accessible tools the element is expanded or collapsed
+   */
+  expanded?: boolean | undefined;
+}
+
+export interface AccessibilityValue {
+  /**
+   * The minimum value of this component's range. (should be an integer)
+   */
+  min?: number | undefined;
+
+  /**
+   * The maximum value of this component's range. (should be an integer)
+   */
+  max?: number | undefined;
+
+  /**
+   * The current value of this component's range. (should be an integer)
+   */
+  now?: number | undefined;
+
+  /**
+   * A textual description of this component's value. (will override minimum, current, and maximum if set)
+   */
+  text?: string | undefined;
+}
+
+export type AccessibilityRole =
+  | 'none'
+  | 'button'
+  | 'togglebutton'
+  | 'link'
+  | 'search'
+  | 'image'
+  | 'keyboardkey'
+  | 'text'
+  | 'adjustable'
+  | 'imagebutton'
+  | 'header'
+  | 'summary'
+  | 'alert'
+  | 'checkbox'
+  | 'combobox'
+  | 'menu'
+  | 'menubar'
+  | 'menuitem'
+  | 'progressbar'
+  | 'radio'
+  | 'radiogroup'
+  | 'scrollbar'
+  | 'spinbutton'
+  | 'switch'
+  | 'tab'
+  | 'tabbar'
+  | 'tablist'
+  | 'timer'
+  | 'list'
+  | 'toolbar';
+
+export interface AccessibilityPropsAndroid {
+  /**
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
+   *
+   * @platform android
+   */
+  accessibilityLabelledBy?: string | string[] | undefined;
+
+  /**
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
+   *
+   * @platform android
+   */
+  'aria-labelledby'?: string | undefined;
+
+  /**
+   * Indicates to accessibility services whether the user should be notified
+   * when this view changes. Works for Android API >= 19 only.
+   *
+   * @platform android
+   *
+   * See https://reactnative.dev/docs/view#accessibilityliveregion
+   */
+  accessibilityLiveRegion?: 'none' | 'polite' | 'assertive' | undefined;
+
+  /**
+   * Indicates to accessibility services whether the user should be notified
+   * when this view changes. Works for Android API >= 19 only.
+   *
+   * @platform android
+   *
+   * See https://reactnative.dev/docs/view#accessibilityliveregion
+   */
+  'aria-live'?: ('polite' | 'assertive' | 'off') | undefined;
+
+  /**
+   * Controls how view is important for accessibility which is if it fires accessibility events
+   * and if it is reported to accessibility services that query the screen.
+   * Works for Android only. See http://developer.android.com/reference/android/R.attr.html#importantForAccessibility for references.
+   *
+   * Possible values:
+   *      'auto' - The system determines whether the view is important for accessibility - default (recommended).
+   *      'yes' - The view is important for accessibility.
+   *      'no' - The view is not important for accessibility.
+   *      'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.
+   *
+   * @platform android
+   */
+  importantForAccessibility?: 'auto' | 'yes' | 'no' | 'no-hide-descendants' | undefined;
+}
+
+export interface AccessibilityPropsIOS {
+  /**
+   * A Boolean value indicating whether the accessibility elements contained within this accessibility element
+   * are hidden to the screen reader.
+   * @platform ios
+   */
+  accessibilityElementsHidden?: boolean | undefined;
+
+  /**
+   * A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.
+   * @platform ios
+   */
+  accessibilityViewIsModal?: boolean | undefined;
+
+  /**
+   * When accessible is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).
+   * @platform ios
+   */
+  onAccessibilityEscape?: (() => void) | undefined;
+
+  /**
+   * When `accessible` is true, the system will try to invoke this function when the user performs accessibility tap gesture.
+   * @platform ios
+   */
+  onAccessibilityTap?: (() => void) | undefined;
+
+  /**
+   * When accessible is true, the system will invoke this function when the user performs the magic tap gesture.
+   * @platform ios
+   */
+  onMagicTap?: (() => void) | undefined;
+
+  /**
+   * https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios
+   * @platform ios
+   */
+  accessibilityIgnoresInvertColors?: boolean | undefined;
+
+  /**
+   * By using the accessibilityLanguage property, the screen reader will understand which language to use while reading the element's label, value and hint. The provided string value must follow the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
+   * https://reactnative.dev/docs/accessibility#accessibilitylanguage-ios
+   * @platform ios
+   */
+  accessibilityLanguage?: string | undefined;
+
+  /**
+   * A Boolean value that indicates whether or not to show the item in the large content viewer.
+   * Available on iOS 13.0+
+   * https://reactnative.dev/docs/accessibility#accessibilityshowslargecontentviewer
+   * @platform ios
+   */
+  accessibilityShowsLargeContentViewer?: boolean | undefined;
+
+  /**
+   * When `accessibilityShowsLargeContentViewer` is set, this string will be used as title for the large content viewer.
+   * https://reactnative.dev/docs/accessibility#accessibilitylargecontenttitle
+   * @platform ios
+   */
+  accessibilityLargeContentTitle?: string | undefined;
+}
+
+export type Role =
+  | 'alert'
+  | 'alertdialog'
+  | 'application'
+  | 'article'
+  | 'banner'
+  | 'button'
+  | 'cell'
+  | 'checkbox'
+  | 'columnheader'
+  | 'combobox'
+  | 'complementary'
+  | 'contentinfo'
+  | 'definition'
+  | 'dialog'
+  | 'directory'
+  | 'document'
+  | 'feed'
+  | 'figure'
+  | 'form'
+  | 'grid'
+  | 'group'
+  | 'heading'
+  | 'img'
+  | 'link'
+  | 'list'
+  | 'listitem'
+  | 'log'
+  | 'main'
+  | 'marquee'
+  | 'math'
+  | 'menu'
+  | 'menubar'
+  | 'menuitem'
+  | 'meter'
+  | 'navigation'
+  | 'none'
+  | 'note'
+  | 'option'
+  | 'presentation'
+  | 'progressbar'
+  | 'radio'
+  | 'radiogroup'
+  | 'region'
+  | 'row'
+  | 'rowgroup'
+  | 'rowheader'
+  | 'scrollbar'
+  | 'searchbox'
+  | 'separator'
+  | 'slider'
+  | 'spinbutton'
+  | 'status'
+  | 'summary'
+  | 'switch'
+  | 'tab'
+  | 'table'
+  | 'tablist'
+  | 'tabpanel'
+  | 'term'
+  | 'timer'
+  | 'toolbar'
+  | 'tooltip'
+  | 'tree'
+  | 'treegrid'
+  | 'treeitem';

package/dist/regex/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/utils/common/src/regex/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,SAAU,MAAM,KAAG,MAAiC,CAAC;AAOnF,eAAO,MAAM,WAAW,SAAU,MAAM,KAAG,MAAiC,CAAC;AAO7E,eAAO,MAAM,kBAAkB,SAAU,MAAM,YAAY,MAAM,KAAG,MAGnE,CAAC"}