@etsoo/shared 1.1.70 → 1.1.72

package/README.md

@@ -169,6 +169,7 @@ DOM/window related utilities
 |formDataToObject|Form data to object|
 |getCulture|Get the available culture definition|
 |getDataChanges|Get data changed fields with input data updated|
+|getInputValue|Get input value depending on its type|
 |getLocationKey|Get an unique key combined with current URL|
 |headersToObject|Convert headers to object|
 |isFormData|Is IFormData type guard|
@@ -215,6 +216,7 @@ String and other related utilities
 |Name|Description|
 |---:|---|
 |addBlankItem|Add blank item to collection|
+|arrayDifferences|Array 1 items do not exist in Array 2 or reverse match|
 |charsToNumber|Base64 chars to number|
 |correctTypes|Correct object's property value type|
 |equals|Two values equal|

package/__tests__/Utils.ts

@@ -13,6 +13,13 @@ test('Tests for addBlankItem', () => {
     expect(options.length).toBe(3);
 });
 
+test('Tests for arrayDifferences', () => {
+    const a1 = ['a', 'b', 'c', 'e'];
+    const a2 = ['a', 'c', 'd'];
+    expect(Utils.arrayDifferences(a1, a2)).toEqual(['b', 'e']);
+    expect(Utils.arrayDifferences(a1, a2, true)).toEqual(['b', 'e', 'd']);
+});
+
 test('Tests for correctTypes', () => {
     const input = {
         id: '1',

package/lib/cjs/DomUtils.d.ts

@@ -82,6 +82,12 @@ export declare namespace DomUtils {
          */
         compatibleName?: string[] | undefined;
     }> | undefined;
+    /**
+     * Get input value depending on its type
+     * @param input HTML input
+     * @returns Result
+     */
+    function getInputValue(input: HTMLInputElement): string | number | Date | null;
     /**
      * Get an unique key combined with current URL
      * @param key Key

package/lib/cjs/DomUtils.js

@@ -293,6 +293,24 @@ var DomUtils;
         // Default
         return items[0];
     };
+    /**
+     * Get input value depending on its type
+     * @param input HTML input
+     * @returns Result
+     */
+    function getInputValue(input) {
+        const type = input.type;
+        if (type === 'number' || type === 'range') {
+            const num = input.valueAsNumber;
+            if (isNaN(num))
+                return null;
+            return num;
+        }
+        else if (type === 'date' || type === 'datetime-local')
+            return input.valueAsDate;
+        return input.value;
+    }
+    DomUtils.getInputValue = getInputValue;
     /**
      * Get an unique key combined with current URL
      * @param key Key

package/lib/cjs/Utils.d.ts

@@ -54,6 +54,13 @@ export declare namespace Utils {
      * @param blankLabel Blank label, default is ---
      */
     function addBlankItem<T extends object>(options: T[], idField?: string | keyof T, labelField?: unknown, blankLabel?: string): T[];
+    /**
+     * Array 1 items do not exist in Array 2 or reverse match
+     * @param a1 Array 1
+     * @param a2 Array 2
+     * @param round A round for both matches
+     */
+    function arrayDifferences<T>(a1: T[], a2: T[], round?: boolean): T[];
     /**
      * Base64 chars to number
      * @param base64Chars Base64 chars

package/lib/cjs/Utils.js

@@ -81,6 +81,19 @@ var Utils;
         return options;
     }
     Utils.addBlankItem = addBlankItem;
+    /**
+     * Array 1 items do not exist in Array 2 or reverse match
+     * @param a1 Array 1
+     * @param a2 Array 2
+     * @param round A round for both matches
+     */
+    function arrayDifferences(a1, a2, round) {
+        const diff = a1.filter((x) => !a2.includes(x));
+        if (round)
+            return [...diff, ...a2.filter((x) => !a1.includes(x))];
+        return diff;
+    }
+    Utils.arrayDifferences = arrayDifferences;
     /**
      * Base64 chars to number
      * @param base64Chars Base64 chars

package/lib/mjs/DomUtils.d.ts

@@ -82,6 +82,12 @@ export declare namespace DomUtils {
          */
         compatibleName?: string[] | undefined;
     }> | undefined;
+    /**
+     * Get input value depending on its type
+     * @param input HTML input
+     * @returns Result
+     */
+    function getInputValue(input: HTMLInputElement): string | number | Date | null;
     /**
      * Get an unique key combined with current URL
      * @param key Key

package/lib/mjs/DomUtils.js

@@ -290,6 +290,24 @@ export var DomUtils;
         // Default
         return items[0];
     };
+    /**
+     * Get input value depending on its type
+     * @param input HTML input
+     * @returns Result
+     */
+    function getInputValue(input) {
+        const type = input.type;
+        if (type === 'number' || type === 'range') {
+            const num = input.valueAsNumber;
+            if (isNaN(num))
+                return null;
+            return num;
+        }
+        else if (type === 'date' || type === 'datetime-local')
+            return input.valueAsDate;
+        return input.value;
+    }
+    DomUtils.getInputValue = getInputValue;
     /**
      * Get an unique key combined with current URL
      * @param key Key

package/lib/mjs/Utils.d.ts

@@ -54,6 +54,13 @@ export declare namespace Utils {
      * @param blankLabel Blank label, default is ---
      */
     function addBlankItem<T extends object>(options: T[], idField?: string | keyof T, labelField?: unknown, blankLabel?: string): T[];
+    /**
+     * Array 1 items do not exist in Array 2 or reverse match
+     * @param a1 Array 1
+     * @param a2 Array 2
+     * @param round A round for both matches
+     */
+    function arrayDifferences<T>(a1: T[], a2: T[], round?: boolean): T[];
     /**
      * Base64 chars to number
      * @param base64Chars Base64 chars

package/lib/mjs/Utils.js

@@ -78,6 +78,19 @@ export var Utils;
         return options;
     }
     Utils.addBlankItem = addBlankItem;
+    /**
+     * Array 1 items do not exist in Array 2 or reverse match
+     * @param a1 Array 1
+     * @param a2 Array 2
+     * @param round A round for both matches
+     */
+    function arrayDifferences(a1, a2, round) {
+        const diff = a1.filter((x) => !a2.includes(x));
+        if (round)
+            return [...diff, ...a2.filter((x) => !a1.includes(x))];
+        return diff;
+    }
+    Utils.arrayDifferences = arrayDifferences;
     /**
      * Base64 chars to number
      * @param base64Chars Base64 chars

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/shared",
-    "version": "1.1.70",
+    "version": "1.1.72",
     "description": "TypeScript shared utilities and functions",
     "main": "lib/cjs/index.js",
     "module": "lib/mjs/index.js",
@@ -54,10 +54,10 @@
     },
     "homepage": "https://github.com/ETSOO/Shared#readme",
     "devDependencies": {
-        "@types/jest": "^29.2.0",
-        "@typescript-eslint/eslint-plugin": "^5.41.0",
-        "@typescript-eslint/parser": "^5.41.0",
-        "eslint": "^8.26.0",
+        "@types/jest": "^29.2.2",
+        "@typescript-eslint/eslint-plugin": "^5.42.0",
+        "@typescript-eslint/parser": "^5.42.0",
+        "eslint": "^8.27.0",
         "eslint-config-airbnb-base": "^15.0.0",
         "eslint-plugin-import": "^2.26.0",
         "jest": "^29.2.2",

package/src/DomUtils.ts

@@ -341,6 +341,22 @@ export namespace DomUtils {
         return items[0];
     };
 
+    /**
+     * Get input value depending on its type
+     * @param input HTML input
+     * @returns Result
+     */
+    export function getInputValue(input: HTMLInputElement) {
+        const type = input.type;
+        if (type === 'number' || type === 'range') {
+            const num = input.valueAsNumber;
+            if (isNaN(num)) return null;
+            return num;
+        } else if (type === 'date' || type === 'datetime-local')
+            return input.valueAsDate;
+        return input.value;
+    }
+
     /**
      * Get an unique key combined with current URL
      * @param key Key

package/src/Utils.ts

@@ -139,6 +139,18 @@ export namespace Utils {
         return options;
     }
 
+    /**
+     * Array 1 items do not exist in Array 2 or reverse match
+     * @param a1 Array 1
+     * @param a2 Array 2
+     * @param round A round for both matches
+     */
+    export function arrayDifferences<T>(a1: T[], a2: T[], round?: boolean) {
+        const diff = a1.filter((x) => !a2.includes(x));
+        if (round) return [...diff, ...a2.filter((x) => !a1.includes(x))];
+        return diff;
+    }
+
     /**
      * Base64 chars to number
      * @param base64Chars Base64 chars