kwant-ui 3.42.0-dev.0 → 3.43.1-alpha.0

package/dist/utils/index.d.ts

@@ -1,12 +1,13 @@
-declare const switchValue: (value?: number | string, defaultValue?: string) => string;
-declare const escapeRegExp: (string: string) => string;
-export declare const generateRandomString: () => string;
-declare const mobileView: (content: string) => string;
-declare const tabletView: (content: string) => string;
-declare const overflowView: (content: string) => string;
-export declare const getNameInitials: (name?: string) => string;
-export declare const stringToColor: (str: string) => string;
-declare const isArray: (array: unknown) => boolean;
-declare const isArrayEmpty: <T>(array: T[]) => boolean;
-declare const getLastItem: <T>(array: T[]) => T;
-export { switchValue, escapeRegExp, mobileView, tabletView, overflowView, isArray, isArrayEmpty, getLastItem, };
+declare const switchValue: (value?: number | string, defaultValue?: string) => string;
+declare const escapeRegExp: (string: string) => string;
+export declare const generateRandomString: () => string;
+declare const mobileView: (content: string) => string;
+declare const tabletView: (content: string) => string;
+declare const overflowView: (content: string) => string;
+export declare const getNameInitials: (name?: string) => string;
+export declare const stringToColor: (str: string) => string;
+declare const isArray: (array: unknown) => boolean;
+declare const isArrayEmpty: <T>(array: T[]) => boolean;
+declare const getLastItem: <T>(array: T[]) => T;
+declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (...args: Parameters<T>) => void;
+export { switchValue, escapeRegExp, mobileView, tabletView, overflowView, isArray, isArrayEmpty, getLastItem, debounce, };

package/dist/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 | null = null;
+
+  return (...args: Parameters<T>) => {
+    clearTimeout(timeoutId);
+
+    timeoutId = setTimeout(() => {
+      func(...args);
+    }, delay);
+  };
+}
+
+export {
+  switchValue,
+  escapeRegExp,
+  mobileView,
+  tabletView,
+  overflowView,
+  isArray,
+  isArrayEmpty,
+  getLastItem,
+  debounce,
+};

package/dist/utils/truncate.d.ts

@@ -1,2 +1,2 @@
-declare const truncate: (str?: string, length?: number, includeDots?: boolean) => string;
-export { truncate };
+declare const truncate: (str?: string, length?: number, includeDots?: boolean) => string;
+export { truncate };

package/package.json

@@ -1,89 +1,89 @@
-{
-  "name": "kwant-ui",
-  "version": "3.42.0-dev.0",
-  "main": "./dist/index.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "author": "kwant.ai",
-  "scripts": {
-    "dev": "npm run storybook",
-    "lint": "eslint \"**/*.ts*\"",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build": "rm -rf ./dist && rollup -c --bundleConfigAsCjs",
-    "prebuild": "npm run generate-icon-types",
-    "generate-icon-types": "node ./utils/generateTypesForIcons.js"
-  },
-  "devDependencies": {
-    "@babel/preset-react": "^7.22.5",
-    "@rollup/plugin-babel": "^6.0.3",
-    "@rollup/plugin-commonjs": "^25.0.2",
-    "@rollup/plugin-image": "^3.0.2",
-    "@rollup/plugin-node-resolve": "^15.1.0",
-    "@rollup/plugin-typescript": "^11.1.1",
-    "@rollup/plugin-url": "^8.0.1",
-    "@storybook/addon-essentials": "^7.6.4",
-    "@storybook/addon-interactions": "^7.6.4",
-    "@storybook/addon-links": "^7.6.4",
-    "@storybook/addon-mdx-gfm": "^7.6.4",
-    "@storybook/blocks": "^7.6.4",
-    "@storybook/react": "^7.6.4",
-    "@storybook/react-vite": "^7.6.4",
-    "@storybook/testing-library": "^0.2.2",
-    "@svgr/rollup": "^8.1.0",
-    "@types/d3": "^7.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
-    "@vitejs/plugin-react": "^4.0.0",
-    "eslint": "^8.38.0",
-    "eslint-config-custom": "*",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.3.4",
-    "eslint-plugin-storybook": "^0.6.15",
-    "prop-types": "^15.8.1",
-    "react-dom": "^18.2.0",
-    "rollup": "^4.9.6",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "storybook": "^7.6.4",
-    "tsconfig": "*"
-  },
-  "dependencies": {
-    "@rollup/plugin-dynamic-import-vars": "^2.0.5",
-    "@types/react": "^18.2.7",
-    "@types/react-dom": "^18.2.0",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.26",
-    "d3": "^7.8.5",
-    "dayjs": "^1.11.10",
-    "eslint-config-custom": "*",
-    "react": "^18.2.0",
-    "react-multi-date-picker": "4.0.0",
-    "react-router-dom": "^6.14.2",
-    "recharts": "^2.10.3",
-    "styled-components": "^5.3.11",
-    "typescript": "^4.5.2"
-  },
-  "peerDependencies": {
-    "@types/react": "^18.2.7",
-    "@types/react-dom": "^18.2.0",
-    "@types/styled-components": "^5.1.26",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-viewport-list": "^7.1.1",
-    "styled-components": "^5.3.11"
-  },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
-  "files": [
-    "dist",
-    "utils",
-    "themes",
-    "README.md",
-    "package.json"
-  ]
-}
+{
+  "name": "kwant-ui",
+  "version": "3.43.1-alpha.0",
+  "main": "./dist/index.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "author": "kwant.ai",
+  "scripts": {
+    "dev": "npm run storybook",
+    "lint": "eslint \"**/*.ts*\"",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "rm -rf ./dist && rollup -c --bundleConfigAsCjs",
+    "prebuild": "npm run generate-icon-types",
+    "generate-icon-types": "node ./utils/generateTypesForIcons.js"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.22.5",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^25.0.2",
+    "@rollup/plugin-image": "^3.0.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/plugin-typescript": "^11.1.1",
+    "@rollup/plugin-url": "^8.0.1",
+    "@storybook/addon-essentials": "^7.6.4",
+    "@storybook/addon-interactions": "^7.6.4",
+    "@storybook/addon-links": "^7.6.4",
+    "@storybook/addon-mdx-gfm": "^7.6.4",
+    "@storybook/blocks": "^7.6.4",
+    "@storybook/react": "^7.6.4",
+    "@storybook/react-vite": "^7.6.4",
+    "@storybook/testing-library": "^0.2.2",
+    "@svgr/rollup": "^8.1.0",
+    "@types/d3": "^7.4.3",
+    "@typescript-eslint/eslint-plugin": "^5.57.1",
+    "@typescript-eslint/parser": "^5.57.1",
+    "@vitejs/plugin-react": "^4.0.0",
+    "eslint": "^8.38.0",
+    "eslint-config-custom": "*",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.3.4",
+    "eslint-plugin-storybook": "^0.6.15",
+    "prop-types": "^15.8.1",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.9.6",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^7.6.4",
+    "tsconfig": "*"
+  },
+  "dependencies": {
+    "@rollup/plugin-dynamic-import-vars": "^2.0.5",
+    "@types/react": "^18.2.7",
+    "@types/react-dom": "^18.2.0",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/styled-components": "^5.1.26",
+    "d3": "^7.8.5",
+    "dayjs": "^1.11.10",
+    "eslint-config-custom": "*",
+    "react": "^18.2.0",
+    "react-multi-date-picker": "4.0.0",
+    "react-router-dom": "^6.14.2",
+    "recharts": "^2.10.3",
+    "styled-components": "^5.3.11",
+    "typescript": "^4.5.2"
+  },
+  "peerDependencies": {
+    "@types/react": "^18.2.7",
+    "@types/react-dom": "^18.2.0",
+    "@types/styled-components": "^5.1.26",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-viewport-list": "^7.1.1",
+    "styled-components": "^5.3.11"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "files": [
+    "dist",
+    "utils",
+    "themes",
+    "README.md",
+    "package.json"
+  ]
+}