@servicetitan/marketing-ui 1.11.0 → 1.12.0

package/dist/index.d.ts

@@ -9,4 +9,5 @@ export * from './utils/formatters';
 export * from './utils/string-case';
 export * from './utils/use-client-rect';
 export * from './utils/helpers';
+export * from './utils/format-big-numbers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sCAAsC,CAAC;AACrD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -21,4 +21,5 @@ __exportStar(require("./utils/formatters"), exports);
 __exportStar(require("./utils/string-case"), exports);
 __exportStar(require("./utils/use-client-rect"), exports);
 __exportStar(require("./utils/helpers"), exports);
+__exportStar(require("./utils/format-big-numbers"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8DAA4C;AAC5C,uEAAqD;AACrD,4DAA0C;AAC1C,mEAAiD;AACjD,4DAA0C;AAC1C,2EAAyD;AAEzD,oDAAkC;AAClC,qDAAmC;AACnC,sDAAoC;AACpC,0DAAwC;AACxC,kDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8DAA4C;AAC5C,uEAAqD;AACrD,4DAA0C;AAC1C,mEAAiD;AACjD,4DAA0C;AAC1C,2EAAyD;AAEzD,oDAAkC;AAClC,qDAAmC;AACnC,sDAAoC;AACpC,0DAAwC;AACxC,kDAAgC;AAChC,6DAA2C"}

package/dist/utils/format-big-numbers.d.ts

@@ -0,0 +1,2 @@
+export declare const formatBigNumber: (num: number, maximumFractionDigits: number) => string;
+//# sourceMappingURL=format-big-numbers.d.ts.map

package/dist/utils/format-big-numbers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-big-numbers.d.ts","sourceRoot":"","sources":["../../src/utils/format-big-numbers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,QAAS,MAAM,yBAAyB,MAAM,WAczE,CAAC"}

package/dist/utils/format-big-numbers.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatBigNumber = void 0;
+const formatBigNumber = (num, maximumFractionDigits) => {
+    let formatedNum = num;
+    const ranks = ['', 'K', 'M'];
+    let rankIndex = 0;
+    while (formatedNum > 10000 && rankIndex < ranks.length - 1) {
+        formatedNum /= 1000;
+        rankIndex++;
+    }
+    return (formatedNum.toLocaleString(undefined, {
+        maximumFractionDigits,
+    }) + ranks[rankIndex]);
+};
+exports.formatBigNumber = formatBigNumber;
+//# sourceMappingURL=format-big-numbers.js.map

package/dist/utils/format-big-numbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-big-numbers.js","sourceRoot":"","sources":["../../src/utils/format-big-numbers.ts"],"names":[],"mappings":";;;AAAO,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,qBAA6B,EAAE,EAAE;IAC1E,IAAI,WAAW,GAAG,GAAG,CAAC;IACtB,MAAM,KAAK,GAAG,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;IAC7B,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,OAAO,WAAW,GAAG,KAAK,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;QACxD,WAAW,IAAI,IAAI,CAAC;QACpB,SAAS,EAAE,CAAC;KACf;IAED,OAAO,CACH,WAAW,CAAC,cAAc,CAAC,SAAS,EAAE;QAClC,qBAAqB;KACxB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CACxB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B"}

package/dist/utils/helpers.d.ts

@@ -1,2 +1,17 @@
 export declare const keys: <T extends Record<string, any>>(obj: T) => (keyof T)[];
+/**
+ * Searches for words (divided by white space) in the string,
+ * i.e `findSubstrIndexes('91203 - Glendale, CA', 'glen 912')`
+ * returns `[
+ *   { start: 0, end: 3 },
+ *   { start: 8, end: 12 },
+ * ]`
+ * @param str - String to search in
+ * @param substr - Searched words, i.e 'hello world'
+ * @returns Array of start and end indexes of the words
+ */
+export declare const findSubstrIndexes: (str: string, substr: string) => {
+    start: number;
+    end: number;
+}[];
 //# sourceMappingURL=helpers.d.ts.map

package/dist/utils/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,wDAA2E,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,wDAA2E,CAAC;AAE7F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,QAAS,MAAM,UAAU,MAAM;;;GA8B5D,CAAC"}

package/dist/utils/helpers.js

@@ -1,6 +1,46 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.keys = void 0;
+exports.findSubstrIndexes = exports.keys = void 0;
 const keys = (obj) => Object.keys(obj);
 exports.keys = keys;
+/**
+ * Searches for words (divided by white space) in the string,
+ * i.e `findSubstrIndexes('91203 - Glendale, CA', 'glen 912')`
+ * returns `[
+ *   { start: 0, end: 3 },
+ *   { start: 8, end: 12 },
+ * ]`
+ * @param str - String to search in
+ * @param substr - Searched words, i.e 'hello world'
+ * @returns Array of start and end indexes of the words
+ */
+const findSubstrIndexes = (str, substr) => {
+    const searchWords = substr.split(' ');
+    const realSearchWords = searchWords.filter(word => word !== '');
+    const indexes = realSearchWords.map(word => {
+        const index = str.toLowerCase().indexOf(word.toLowerCase());
+        return {
+            start: index,
+            end: index + word.length,
+        };
+    });
+    const realIndexes = indexes
+        .filter(index => index.start !== -1)
+        .sort((indexA, indexB) => indexA.start - indexB.start);
+    const realRanges = [];
+    if (realIndexes.length >= 1) {
+        realRanges.push(realIndexes[0]);
+        for (let i = 1; i < realIndexes.length; i++) {
+            const lastRealRange = realRanges[realRanges.length - 1];
+            if (realIndexes[i].start < lastRealRange.end) {
+                lastRealRange.end = realIndexes[i].end;
+            }
+            else {
+                realRanges.push(realIndexes[i]);
+            }
+        }
+    }
+    return realRanges;
+};
+exports.findSubstrIndexes = findSubstrIndexes;
 //# sourceMappingURL=helpers.js.map

package/dist/utils/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":";;;AAAO,MAAM,IAAI,GAAG,CAAgC,GAAM,EAAe,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAAhF,QAAA,IAAI,QAA4E"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/utils/helpers.ts"],"names":[],"mappings":";;;AAAO,MAAM,IAAI,GAAG,CAAgC,GAAM,EAAe,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAAhF,QAAA,IAAI,QAA4E;AAE7F;;;;;;;;;;GAUG;AACI,MAAM,iBAAiB,GAAG,CAAC,GAAW,EAAE,MAAc,EAAE,EAAE;IAC7D,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACvC,MAAM,KAAK,GAAG,GAAG,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAC5D,OAAO;YACH,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM;SAC3B,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,OAAO;SACtB,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;SACnC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,UAAU,GAAG,EAAE,CAAC;IAEtB,IAAI,WAAW,CAAC,MAAM,IAAI,CAAC,EAAE;QACzB,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QAChC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACzC,MAAM,aAAa,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YACxD,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,aAAa,CAAC,GAAG,EAAE;gBAC1C,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;aAC1C;iBAAM;gBACH,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;aACnC;SACJ;KACJ;IAED,OAAO,UAAU,CAAC;AACtB,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/marketing-ui",
-    "version": "1.11.0",
+    "version": "1.12.0",
     "description": "Marketing UI component and utils",
     "repository": {
         "type": "git",
@@ -50,5 +50,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "9580cd8b8293e38db49599c975164f39af03ba31"
+    "gitHead": "67f0c3336d021d6f168f8e9418bfb8811438a654"
 }

package/src/index.ts

@@ -10,3 +10,4 @@ export * from './utils/formatters';
 export * from './utils/string-case';
 export * from './utils/use-client-rect';
 export * from './utils/helpers';
+export * from './utils/format-big-numbers';

package/src/utils/__tests__/format-big-numbers.test.ts

@@ -0,0 +1,17 @@
+import { formatBigNumber } from '../format-big-numbers';
+
+test('formatBigNumber', () => {
+    expect(formatBigNumber(12.333333, 0)).toEqual('12');
+    expect(formatBigNumber(12000.333333, 0)).toEqual('12K');
+    expect(formatBigNumber(12000000.333333, 0)).toEqual('12M');
+    expect(formatBigNumber(12.333333, 2)).toEqual(
+        /*
+         * I know it's a bad practice to compare like this
+         * but I don't want to use preset culture that I get from backend side
+         * I want to define culture on the user side
+         */
+        (12.333333).toLocaleString(undefined, {
+            maximumFractionDigits: 2,
+        })
+    );
+});

package/src/utils/__tests__/helpers.test.ts

@@ -0,0 +1,31 @@
+import { findSubstrIndexes } from '../helpers';
+
+describe('[Marketing] helpers', () => {
+    test('findSubstrIndexes works well', () => {
+        expect(findSubstrIndexes('91203 - Glendale, CA', '912')).toEqual([{ start: 0, end: 3 }]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', '912 ')).toEqual([{ start: 0, end: 3 }]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', ' 912 ')).toEqual([{ start: 0, end: 3 }]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', '912 glen')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 12 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'glen 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 12 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'glen lend 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 13 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'lend glen 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 13 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'glen glen 912')).toEqual([
+            { start: 0, end: 3 },
+            { start: 8, end: 12 },
+        ]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', '')).toEqual([]);
+        expect(findSubstrIndexes('91203 - Glendale, CA', 'blabla')).toEqual([]);
+    });
+});

package/src/utils/format-big-numbers.ts

@@ -0,0 +1,15 @@
+export const formatBigNumber = (num: number, maximumFractionDigits: number) => {
+    let formatedNum = num;
+    const ranks = ['', 'K', 'M'];
+    let rankIndex = 0;
+    while (formatedNum > 10000 && rankIndex < ranks.length - 1) {
+        formatedNum /= 1000;
+        rankIndex++;
+    }
+
+    return (
+        formatedNum.toLocaleString(undefined, {
+            maximumFractionDigits,
+        }) + ranks[rankIndex]
+    );
+};

package/src/utils/helpers.ts

@@ -1 +1,44 @@
 export const keys = <T extends Record<string, any>>(obj: T): (keyof T)[] => Object.keys(obj);
+
+/**
+ * Searches for words (divided by white space) in the string,
+ * i.e `findSubstrIndexes('91203 - Glendale, CA', 'glen 912')`
+ * returns `[
+ *   { start: 0, end: 3 },
+ *   { start: 8, end: 12 },
+ * ]`
+ * @param str - String to search in
+ * @param substr - Searched words, i.e 'hello world'
+ * @returns Array of start and end indexes of the words
+ */
+export const findSubstrIndexes = (str: string, substr: string) => {
+    const searchWords = substr.split(' ');
+    const realSearchWords = searchWords.filter(word => word !== '');
+    const indexes = realSearchWords.map(word => {
+        const index = str.toLowerCase().indexOf(word.toLowerCase());
+        return {
+            start: index,
+            end: index + word.length,
+        };
+    });
+
+    const realIndexes = indexes
+        .filter(index => index.start !== -1)
+        .sort((indexA, indexB) => indexA.start - indexB.start);
+
+    const realRanges = [];
+
+    if (realIndexes.length >= 1) {
+        realRanges.push(realIndexes[0]);
+        for (let i = 1; i < realIndexes.length; i++) {
+            const lastRealRange = realRanges[realRanges.length - 1];
+            if (realIndexes[i].start < lastRealRange.end) {
+                lastRealRange.end = realIndexes[i].end;
+            } else {
+                realRanges.push(realIndexes[i]);
+            }
+        }
+    }
+
+    return realRanges;
+};