kwant-ui 3.43.1-dev.0 → 3.44.0

package/utils/index.ts

@@ -1,86 +1,100 @@
-const breakpoints = {
-  xxsm: '0px',
-  xsm: '600px',
-  sm: '720px',
-  md: '840px',
-  lg: '992px',
-  xl: '1400px',
-  xxl: '1920px',
-};
-
-const switchValue = (value?: number | string, defaultValue?: string) =>
-  value ? (typeof value === 'number' ? `${value}px` : value) : defaultValue;
-
-// adds escape character in place of special characters in a string
-const escapeRegExp = (string: string): string => {
-  return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
-};
-
-export const generateRandomString = () => {
-  return Math.random().toString(16).slice(2, 10);
-};
-
-const mobileView = (content: string) => {
-  const mobileFloor = `${breakpoints['sm']}`;
-
-  return `@media(max-width:${mobileFloor}) {
-    ${content}
-  }`;
-};
-
-const tabletView = (content: string) => {
-  const tabletFloor = `${breakpoints['lg']}`;
-
-  return `@media(max-width:${tabletFloor}) {
-    ${content}
-  }`;
-};
-
-const overflowView = (content: string) => {
-  const overflowFloor = `${breakpoints['xxl']}`;
-
-  return `@media(min-width:${overflowFloor}) {
-    ${content}
-  }`;
-};
-
-export const getNameInitials = (name: string = ''): string => {
-  const words = name?.trim()?.split(' ');
-
-  // if name has more than one word
-  if (words.length > 1) {
-    const [fName, ...rest] = words;
-    return `${fName[0]}${rest?.pop()?.[0]}`.toUpperCase(); // return initials of fName and lName
-  }
-
-  // if name has single word
-  const fName = words[0];
-  return fName[0]?.toUpperCase() || '';
-};
-
-export const stringToColor = function (str: string) {
-  let hash = 0;
-  for (let i = 0; i < str.length; i++) {
-    hash = str.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  let colour = '#';
-  for (let i = 0; i < 3; i++) {
-    const value = (hash >> (i * 8)) & 0xff;
-    colour += ('00' + value.toString(16)).substr(-2);
-  }
-  return colour;
-};
-
-const isArray = (array: unknown) => Array.isArray(array);
-const isArrayEmpty = <T>(array: Array<T>) => array.length === 0;
-const getLastItem = <T>(array: Array<T>) => array[array.length - 1];
-export {
-  switchValue,
-  escapeRegExp,
-  mobileView,
-  tabletView,
-  overflowView,
-  isArray,
-  isArrayEmpty,
-  getLastItem,
-};
+const breakpoints = {
+  xxsm: '0px',
+  xsm: '600px',
+  sm: '720px',
+  md: '840px',
+  lg: '992px',
+  xl: '1400px',
+  xxl: '1920px',
+};
+
+const switchValue = (value?: number | string, defaultValue?: string) =>
+  value ? (typeof value === 'number' ? `${value}px` : value) : defaultValue;
+
+// adds escape character in place of special characters in a string
+const escapeRegExp = (string: string): string => {
+  return string.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&');
+};
+
+export const generateRandomString = () => {
+  return Math.random().toString(16).slice(2, 10);
+};
+
+const mobileView = (content: string) => {
+  const mobileFloor = `${breakpoints['sm']}`;
+
+  return `@media(max-width:${mobileFloor}) {
+    ${content}
+  }`;
+};
+
+const tabletView = (content: string) => {
+  const tabletFloor = `${breakpoints['lg']}`;
+
+  return `@media(max-width:${tabletFloor}) {
+    ${content}
+  }`;
+};
+
+const overflowView = (content: string) => {
+  const overflowFloor = `${breakpoints['xxl']}`;
+
+  return `@media(min-width:${overflowFloor}) {
+    ${content}
+  }`;
+};
+
+export const getNameInitials = (name: string = ''): string => {
+  const words = name?.trim()?.split(' ');
+
+  // if name has more than one word
+  if (words.length > 1) {
+    const [fName, ...rest] = words;
+    return `${fName[0]}${rest?.pop()?.[0]}`.toUpperCase(); // return initials of fName and lName
+  }
+
+  // if name has single word
+  const fName = words[0];
+  return fName[0]?.toUpperCase() || '';
+};
+
+export const stringToColor = function (str: string) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    hash = str.charCodeAt(i) + ((hash << 5) - hash);
+  }
+  let colour = '#';
+  for (let i = 0; i < 3; i++) {
+    const value = (hash >> (i * 8)) & 0xff;
+    colour += ('00' + value.toString(16)).substr(-2);
+  }
+  return colour;
+};
+
+const isArray = (array: unknown) => Array.isArray(array);
+const isArrayEmpty = <T>(array: Array<T>) => array.length === 0;
+const getLastItem = <T>(array: Array<T>) => array[array.length - 1];
+
+function debounce<T extends (...args: any[]) => void>(func: T, delay: number) {
+  let timeoutId: NodeJS.Timeout;
+
+  return (...args: Parameters<T>) => {
+    clearTimeout(timeoutId);
+
+    timeoutId = setTimeout(() => {
+      func(...args);
+    }, delay);
+  };
+}
+
+export {
+  switchValue,
+  escapeRegExp,
+  mobileView,
+  tabletView,
+  overflowView,
+  isArray,
+  isArrayEmpty,
+  getLastItem,
+  debounce,
+};

package/utils/truncate.ts

@@ -1,7 +1,7 @@
-const truncate = (str = '', length = 20, includeDots = true) => {
-  if (str.length <= length) return str;
-
-  return `${str.slice(0, length)}${includeDots ? '..' : ''}`;
-};
-
-export { truncate };
+const truncate = (str = '', length = 20, includeDots = true) => {
+  if (str.length <= length) return str;
+
+  return `${str.slice(0, length)}${includeDots ? '..' : ''}`;
+};
+
+export { truncate };