Merge pull request #222 from Ultimaker/add-array-intersect-util

Add array intersect util

Author: ChrisTerBeke

src/index.tsx

@@ -145,3 +145,4 @@ export * from './utils/json_matching';
 export * from './utils/layout_constants';
 export * from './utils/range';
 export * from './utils/split_text_by_new_line';
+export * from './utils/array_intersection';

src/stories/utils.stories.tsx

@@ -13,6 +13,7 @@ import styles from '@sambego/storybook-styles';
 import copyToClipboard from '../utils/copy_to_clipboard';
 import downloadFile from '../utils/download_file';
 import splitTextByNewLine from '../utils/split_text_by_new_line';
+import arrayIntersection from '../utils/array_intersection';
 
 // inputs
 import TextareaField from '../components/input_fields/textarea_field';
@@ -91,3 +92,41 @@ stories.add('Split text by new line', withState({ value: null })(withInfo('Text
         <StaticField value={splitTextByNewLine(store.state.value)} id="splitResult" label="Result" />
     </div>
 ))));
+
+stories.add('Array intersection', withState({
+    array1: ['1', '2', '3', '4', '5'],
+    array2: ['4', '5', '6', '7', '8'],
+    result: ['4', '5'],
+})(withInfo('Array intersection')(({ store }) => {
+    const { array1, array2, result } = store.state;
+    return (
+        <div style={{ width: 350 }}>
+            <TextField
+                value={array1}
+                id="array1"
+                onChangeHandler={(id, value) => store.set({
+                    array1: value.split(','),
+                    result: arrayIntersection(value.split(','), array2),
+                })}
+                label="array1"
+            />
+            <TextField
+                value={array2}
+                id="array2"
+                onChangeHandler={(id, value) => store.set({
+                    array2: value.split(','),
+                    result: arrayIntersection(array1, value.split(',')),
+                })}
+                label="array2"
+            />
+            <br />
+            <TextField
+                value={result}
+                id="result"
+                onChangeHandler={() => null}
+                label="result"
+            />
+            <br />
+        </div>
+    );
+})));

src/utils/__tests__/array_intersection.test.tsx

@@ -0,0 +1,31 @@
+// Copyright (c) 2019 Ultimaker B.V.
+import arrayIntersection from '../array_intersection';
+
+describe('The arrayIntersection function', () => {
+    const array1 = [
+        1,
+        2,
+        'cat',
+        'dog',
+        5,
+    ];
+    const array2 = [
+        'bird',
+        2,
+        'cat',
+        'fish',
+        55,
+    ];
+    const expectedIntersection = [
+        2,
+        'cat',
+    ];
+
+    it('should return the given error code if its not recognized as related to the air manager', () => {
+        expect(arrayIntersection(array1, array2)).toEqual(expectedIntersection);
+    });
+
+    it('should return an empty array if one of the arguments is null', () => {
+        expect(arrayIntersection(array1, null)).toEqual([]);
+    });
+});

src/utils/array_intersection.tsx

@@ -0,0 +1,10 @@
+// returns an array containing the common elements of two given arrays
+export function arrayIntersection(firstArray: any[], secondArray: any[]): any[] {
+    if (Array.isArray(firstArray) && Array.isArray(secondArray)) {
+        return firstArray.filter(firstArrayElement => (
+            secondArray.includes(firstArrayElement)));
+    }
+    return [];
+}
+
+export default arrayIntersection;