@inceptionbg/iui 2.0.23 → 2.0.24

package/src/utils/objectUtils.ts

@@ -1,114 +1,114 @@
-import { TFunction } from 'i18next';
-import { IBooleanObject } from '../types/IBasic';
-import { formatDate, formatDateAndTime } from './dateUtils';
-import { INotification } from '../types/INotifications';
-
-export const hasValue = (value: any) => ![null, undefined, ''].includes(value);
-
-export const deleteProps = <T extends Record<string, any>>(
-  obj: T,
-  props: (keyof T)[]
-) => {
-  const newObj = { ...obj };
-  props.forEach(prop => delete newObj[prop]);
-  return newObj as Partial<T>;
-};
-
-export const deletePropsThatEndsWith = <T>(obj: T, endsWith: string) => {
-  const newObj = { ...obj };
-  for (const prop in newObj) {
-    if (prop.endsWith(endsWith)) {
-      delete newObj[prop];
-    }
-  }
-  return newObj as Partial<T>;
-};
-
-export const deleteEmptyProps = <T extends Record<string, any>>(obj: T): T =>
-  Object.entries(obj).reduce(
-    (updatedObj, [key, value]) =>
-      hasValue(value) ? ((updatedObj[key as keyof T] = value), updatedObj) : updatedObj,
-    {} as T
-  );
-
-export const deleteEmptyPropsIncludingArray = <T extends Record<string, any>>(
-  obj: T
-): T =>
-  Object.entries(obj).reduce(
-    (updatedObj, [key, value]) =>
-      !hasValue(value) || (Array.isArray(value) && !value.length)
-        ? updatedObj
-        : ((updatedObj[key as keyof T] = value), updatedObj),
-    {} as T
-  );
-
-export const convertBooleanObjectToArray = (obj: IBooleanObject) =>
-  Object.keys(obj).filter(key => obj[key]);
-
-export const convertArrayToBooleanObject = (arr?: string[]) =>
-  arr ? arr.reduce((acc: IBooleanObject, item) => ({ ...acc, [item]: true }), {}) : {};
-
-export const deepCopy = (el: any[] | object) => JSON.parse(JSON.stringify(el));
-
-export const areStringArraysEqual = (arr1: string[], arr2: string[]) =>
-  JSON.stringify(arr1) === JSON.stringify(arr2);
-
-export const compareArrayItemsIndex = <T>(
-  array: T[] | readonly T[],
-  item1: T,
-  comparison: 'greaterThan' | 'greaterThanOrEqualTo' | 'lessThan' | 'lessThanOrEqualTo',
-  item2: T
-): boolean => {
-  const index1 = array.indexOf(item1);
-  const index2 = array.indexOf(item2);
-  return (
-    // Check if items exist in array
-    index1 >= 0 &&
-    index2 >= 0 &&
-    // Compare items location in the array
-    (comparison === 'greaterThan'
-      ? index1 > index2
-      : comparison === 'greaterThanOrEqualTo'
-        ? index1 >= index2
-        : comparison === 'lessThan'
-          ? index1 < index2
-          : index1 <= index2)
-  );
-};
-
-export const intersectArrays = <T>(
-  arr1: any[] | readonly T[],
-  arr2: any[] | readonly T[]
-) => {
-  const set2 = new Set(arr2);
-  return (arr1 as T[]).filter(item => set2.has(item));
-};
-
-export const getNotificationValues = (
-  t: TFunction,
-  notificationValues?: INotification['values']
-) =>
-  notificationValues?.reduce((obj, item) => {
-    let processedValue = item.value;
-    if (item.format === 'TRANSLATE') {
-      processedValue = t(processedValue);
-    } else if (item.format === 'DATE') {
-      processedValue = formatDate(processedValue);
-    } else if (item.format === 'DATE_TIME') {
-      processedValue = formatDateAndTime(processedValue);
-    }
-    return { ...obj, [item.key]: processedValue };
-  }, {});
-
-export const flattenTreeForSelect = (items: any[], depth = 0, maxDepth = 5): any[] => {
-  if (!Array.isArray(items)) return [];
-  const indent = '\u00A0'.repeat(Math.min(depth, maxDepth) * 3);
-  return items.flatMap(node => [
-    {
-      value: node.uuid,
-      label: `${indent}${node.code ? node.code + ' - ' : ''}${node.name}`,
-      disabled: node.active === false || node.hasUserAccess === false,
-    },
-    ...(node.children ? flattenTreeForSelect(node.children, depth + 1, maxDepth) : []),
-  ]);
-};
+import type { TFunction } from 'i18next';
+import type { IBooleanObject } from '../types/IBasic';
+import type { INotification } from '../types/INotifications';
+import { formatDate, formatDateAndTime } from './dateUtils';
+
+export const hasValue = (value: any) => ![null, undefined, ''].includes(value);
+
+export const deleteProps = <T extends Record<string, any>>(
+  obj: T,
+  props: (keyof T)[]
+) => {
+  const newObj = { ...obj };
+  props.forEach(prop => delete newObj[prop]);
+  return newObj as Partial<T>;
+};
+
+export const deletePropsThatEndsWith = <T>(obj: T, endsWith: string) => {
+  const newObj = { ...obj };
+  for (const prop in newObj) {
+    if (prop.endsWith(endsWith)) {
+      delete newObj[prop];
+    }
+  }
+  return newObj as Partial<T>;
+};
+
+export const deleteEmptyProps = <T extends Record<string, any>>(obj: T): T =>
+  Object.entries(obj).reduce(
+    (updatedObj, [key, value]) =>
+      hasValue(value) ? ((updatedObj[key as keyof T] = value), updatedObj) : updatedObj,
+    {} as T
+  );
+
+export const deleteEmptyPropsIncludingArray = <T extends Record<string, any>>(
+  obj: T
+): T =>
+  Object.entries(obj).reduce(
+    (updatedObj, [key, value]) =>
+      !hasValue(value) || (Array.isArray(value) && !value.length)
+        ? updatedObj
+        : ((updatedObj[key as keyof T] = value), updatedObj),
+    {} as T
+  );
+
+export const convertBooleanObjectToArray = (obj: IBooleanObject) =>
+  Object.keys(obj).filter(key => obj[key]);
+
+export const convertArrayToBooleanObject = (arr?: string[]) =>
+  arr ? arr.reduce((acc: IBooleanObject, item) => ({ ...acc, [item]: true }), {}) : {};
+
+export const deepCopy = (el: any[] | object) => JSON.parse(JSON.stringify(el));
+
+export const areStringArraysEqual = (arr1: string[], arr2: string[]) =>
+  JSON.stringify(arr1) === JSON.stringify(arr2);
+
+export const compareArrayItemsIndex = <T>(
+  array: T[] | readonly T[],
+  item1: T,
+  comparison: 'greaterThan' | 'greaterThanOrEqualTo' | 'lessThan' | 'lessThanOrEqualTo',
+  item2: T
+): boolean => {
+  const index1 = array.indexOf(item1);
+  const index2 = array.indexOf(item2);
+  return (
+    // Check if items exist in array
+    index1 >= 0 &&
+    index2 >= 0 &&
+    // Compare items location in the array
+    (comparison === 'greaterThan'
+      ? index1 > index2
+      : comparison === 'greaterThanOrEqualTo'
+        ? index1 >= index2
+        : comparison === 'lessThan'
+          ? index1 < index2
+          : index1 <= index2)
+  );
+};
+
+export const intersectArrays = <T>(
+  arr1: any[] | readonly T[],
+  arr2: any[] | readonly T[]
+) => {
+  const set2 = new Set(arr2);
+  return (arr1 as T[]).filter(item => set2.has(item));
+};
+
+export const getNotificationValues = (
+  t: TFunction,
+  notificationValues?: INotification['values']
+) =>
+  notificationValues?.reduce((obj, item) => {
+    let processedValue = item.value;
+    if (item.format === 'TRANSLATE') {
+      processedValue = t(processedValue);
+    } else if (item.format === 'DATE') {
+      processedValue = formatDate(processedValue);
+    } else if (item.format === 'DATE_TIME') {
+      processedValue = formatDateAndTime(processedValue);
+    }
+    return { ...obj, [item.key]: processedValue };
+  }, {});
+
+export const flattenTreeForSelect = (items: any[], depth = 0, maxDepth = 5): any[] => {
+  if (!Array.isArray(items)) return [];
+  const indent = '\u00A0'.repeat(Math.min(depth, maxDepth) * 3);
+  return items.flatMap(node => [
+    {
+      value: node.uuid,
+      label: `${indent}${node.code ? node.code + ' - ' : ''}${node.name}`,
+      disabled: node.active === false || node.hasUserAccess === false,
+    },
+    ...(node.children ? flattenTreeForSelect(node.children, depth + 1, maxDepth) : []),
+  ]);
+};

package/src/utils/popupUtils.ts

@@ -1,82 +1,82 @@
-import { KeyboardEvent } from 'react';
-import { IKeyboardAction } from '../types/IKeyboard';
-
-export const onPopupKeyDown = (
-  event: KeyboardEvent<HTMLDivElement>,
-  {
-    onClose,
-    enter,
-    search,
-    focusableElements,
-  }: {
-    onClose: () => void;
-    enter?: {
-      onAction: () => void;
-      disabled?: boolean;
-    };
-    search?: {
-      onAction: () => void;
-      disabled?: boolean;
-    };
-    focusableElements?: HTMLElement[];
-  }
-) => {
-  event.stopPropagation();
-  const actions: IKeyboardAction[] = [
-    {
-      code: 'Enter',
-      onAction: () => enter?.onAction(),
-      disabled: !enter || !!enter.disabled,
-    },
-    { code: 'Escape', onAction: onClose },
-    {
-      code: 'KeyF',
-      ctrl: true,
-      onAction: () => {
-        event.preventDefault();
-        search?.onAction();
-      },
-      disabled: !search || !!search.disabled,
-    },
-    {
-      code: 'Tab',
-      onAction: () => {
-        if (focusableElements?.length) {
-          const first = focusableElements[0];
-          const last = focusableElements[focusableElements.length - 1];
-          if (document.activeElement === last) {
-            event.preventDefault();
-            first.focus();
-          }
-        }
-      },
-      disabled: !focusableElements?.length,
-    },
-    {
-      code: 'Tab',
-      shift: true,
-      onAction: () => {
-        if (focusableElements?.length) {
-          const first = focusableElements[0];
-          const last = focusableElements[focusableElements.length - 1];
-          if (document.activeElement === first) {
-            event.preventDefault();
-            last.focus();
-          }
-        }
-      },
-      disabled: !focusableElements?.length,
-    },
-  ];
-
-  actions.forEach(item => {
-    if (
-      !item.disabled &&
-      item.code === event.code &&
-      !!item.shift === event.shiftKey &&
-      !!item.ctrl === (event.ctrlKey || event.metaKey)
-    ) {
-      item.onAction();
-    }
-  });
-};
+import type { KeyboardEvent } from 'react';
+import type { IKeyboardAction } from '../types/IKeyboard';
+
+export const onPopupKeyDown = (
+  event: KeyboardEvent<HTMLDivElement>,
+  {
+    onClose,
+    enter,
+    search,
+    focusableElements,
+  }: {
+    onClose: () => void;
+    enter?: {
+      onAction: () => void;
+      disabled?: boolean;
+    };
+    search?: {
+      onAction: () => void;
+      disabled?: boolean;
+    };
+    focusableElements?: HTMLElement[];
+  }
+) => {
+  event.stopPropagation();
+  const actions: IKeyboardAction[] = [
+    {
+      code: 'Enter',
+      onAction: () => enter?.onAction(),
+      disabled: !enter || !!enter.disabled,
+    },
+    { code: 'Escape', onAction: onClose },
+    {
+      code: 'KeyF',
+      ctrl: true,
+      onAction: () => {
+        event.preventDefault();
+        search?.onAction();
+      },
+      disabled: !search || !!search.disabled,
+    },
+    {
+      code: 'Tab',
+      onAction: () => {
+        if (focusableElements?.length) {
+          const first = focusableElements[0];
+          const last = focusableElements[focusableElements.length - 1];
+          if (document.activeElement === last) {
+            event.preventDefault();
+            first.focus();
+          }
+        }
+      },
+      disabled: !focusableElements?.length,
+    },
+    {
+      code: 'Tab',
+      shift: true,
+      onAction: () => {
+        if (focusableElements?.length) {
+          const first = focusableElements[0];
+          const last = focusableElements[focusableElements.length - 1];
+          if (document.activeElement === first) {
+            event.preventDefault();
+            last.focus();
+          }
+        }
+      },
+      disabled: !focusableElements?.length,
+    },
+  ];
+
+  actions.forEach(item => {
+    if (
+      !item.disabled &&
+      item.code === event.code &&
+      !!item.shift === event.shiftKey &&
+      !!item.ctrl === (event.ctrlKey || event.metaKey)
+    ) {
+      item.onAction();
+    }
+  });
+};

package/src/utils/rootDir.ts

@@ -1 +1 @@
-export const rootDir = (document.getElementById('root') as HTMLElement) ?? document.body;
+export const rootDir = (document.getElementById('root') as HTMLElement) ?? document.body;

package/src/utils/stringUtils.ts

@@ -1,18 +1,18 @@
-export const maxChar = (str = '', maxLength = 30) =>
-  str.length > maxLength ? `${str.substring(0, maxLength)}...` : str;
-
-export const getInputHelperText = (
-  t: any,
-  min?: string | number,
-  max?: string | number
-) =>
-  max
-    ? min === max
-      ? t('CharNumber', { number: min })
-      : t('CharRange', { from: min || 1, to: max })
-    : min
-    ? t('CharMin', { from: min })
-    : undefined;
-
-export const getInputMinMaxPattern = (min?: string | number, max?: string | number) =>
-  `^.{${min || 0},${max || ''}}$`;
+export const maxChar = (str = '', maxLength = 30) =>
+  str.length > maxLength ? `${str.substring(0, maxLength)}...` : str;
+
+export const getInputHelperText = (
+  t: any,
+  min?: string | number,
+  max?: string | number
+) =>
+  max
+    ? min === max
+      ? t('CharNumber', { number: min })
+      : t('CharRange', { from: min || 1, to: max })
+    : min
+      ? t('CharMin', { from: min })
+      : undefined;
+
+export const getInputMinMaxPattern = (min?: string | number, max?: string | number) =>
+  `^.{${min || 0},${max || ''}}$`;