npm - kwant-ui - Versions diffs - 3.49.0-dev.9 → 3.50.0-dev.0 - Mend

kwant-ui 3.49.0-dev.9 → 3.50.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1738) hide show

package/dist/themes/types.d.ts ADDED Viewed

@@ -0,0 +1,229 @@
+export interface Color {
+    primary: Primary;
+    secondary: Secondary;
+    tertiary: Tertiary;
+    accent: Accent;
+    link: Link;
+    error: Error;
+    success: Success;
+    black: Black;
+    white: White;
+    grey: Grey;
+    warning: Warning;
+    disabled: Disabled;
+    text: Text;
+    input: Input;
+    green: Green;
+    blue: Blue;
+    red: Red;
+    orange: Orange;
+    yellow: Yellow;
+    scrollbar: Scrollbar;
+    button: Button;
+    transparent: Transparent;
+    [key: string]: any;
+}
+export interface Accent {
+    accent500: string;
+    accent100: string;
+    accent75: string;
+    accent50: string;
+    accent15: string;
+}
+export interface Black {
+    blackHigh: string;
+    blackMedium: string;
+    blackLow: string;
+    black: string;
+}
+export interface Disabled {
+    disabledHigh: string;
+    disabledMedium: string;
+    disabledLow: string;
+}
+export interface Error {
+    errorHigh: string;
+    errorMedium: string;
+    errorLow: string;
+    errorLow2: string;
+    errorLow3: string;
+    errorLower: string;
+}
+export interface Grey {
+    greyHigh: string;
+    greyMedium: string;
+    greyLow: string;
+    grey90: string;
+    grey30: string;
+    grey50: string;
+    grey20: string;
+    grey5: string;
+    grey10: string;
+    grey500: string;
+    grey600: string;
+    grey700: string;
+    grey800: string;
+    grey900: string;
+    grey400: string;
+    grey200: string;
+    grey250: string;
+    grey300: string;
+    grey100: string;
+    grey1000: string;
+}
+export interface Link {
+    linkHigh: string;
+    linkMedium: string;
+    linkLow: string;
+}
+export interface Primary {
+    primary100: string;
+    primary90: string;
+    primary80: string;
+    primary70: string;
+    primary60: string;
+    primary50: string;
+    primary40: string;
+    primary30: string;
+    primary20: string;
+    primary10: string;
+    primary5: string;
+}
+export interface Secondary {
+    secondary100: string;
+    secondary90: string;
+    secondary80: string;
+    secondary70: string;
+    secondary60: string;
+    secondary50: string;
+    secondary40: string;
+    secondary30: string;
+    secondary20: string;
+    secondary10: string;
+    secondary5: string;
+}
+export interface Success {
+    successDark: string;
+    successMedium: string;
+    successLow: string;
+}
+export interface Tertiary {
+    tertiary100: string;
+    tertiary90: string;
+    tertiary80: string;
+    tertiary70: string;
+    tertiary60: string;
+    tertiary50: string;
+    tertiary40: string;
+    tertiary30: string;
+    tertiary20: string;
+    tertiary10: string;
+    tertiary5: string;
+}
+export interface Warning {
+    warningHigh: string;
+    warningMedium: string;
+    warningLow: string;
+    warningLower: string;
+    warningLower2: string;
+}
+export interface White {
+    white: string;
+}
+export interface Text {
+    primary: string;
+}
+export interface Input {
+    focused: string;
+    focusedShadow: string;
+    focusedShadowFilter: string;
+    focusedShadowError: string;
+    focusedShadowButton: string;
+    focusedSecondary: string;
+}
+export interface Green {
+    green40: string;
+    green10: string;
+    green8: string;
+    green5: string;
+    green50: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+    green1000: string;
+}
+export interface Blue {
+    blue5: string;
+    blue50: string;
+    blue100: string;
+    blue200: string;
+    blue300: string;
+    blue400: string;
+    blue500: string;
+    blue600: string;
+    blue700: string;
+    blue800: string;
+    blue900: string;
+    blue1000: string;
+}
+export interface Red {
+    red050: string;
+    red50: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+}
+export interface Orange {
+    orange050: string;
+    orange50: string;
+    orange100: string;
+    orange200: string;
+    orange300: string;
+    orange400: string;
+    orange500: string;
+    orange600: string;
+    orange700: string;
+    orange800: string;
+    orange900: string;
+}
+export interface Yellow {
+    yellow50: string;
+    yellow100: string;
+    yellow200: string;
+    yellow300: string;
+    yellow400: string;
+    yellow500: string;
+    yellow600: string;
+    yellow700: string;
+    yellow800: string;
+    yellow900: string;
+    yellow1000: string;
+}
+export interface Scrollbar {
+    track: string;
+    thumb: string;
+}
+export interface Transparent {
+    blueHover: string;
+    transparent: string;
+}
+export interface Button {
+    primaryButton: string;
+    primaryOutlineButton: string;
+    secondaryButton: string;
+    errorButton: string;
+    successButton: string;
+    filterButton: string;
+}

package/dist/types/IconTypes.d.ts ADDED Viewed

@@ -0,0 +1 @@

package/dist/utils/formatDate.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const formatDate: (date: string, format: string) => string;
2	+ export declare const checkFormatedDate: (date: string, dateFormat: string) => string;

package/dist/utils/index.d.ts ADDED Viewed

@@ -0,0 +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;
+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 ADDED Viewed

@@ -0,0 +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];
+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/dist/utils/truncate.d.ts ADDED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "kwant-ui",
-  "version": "3.49.0-dev.9",
+  "version": "3.50.0-dev.0",
   "main": "./dist/index.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",