hds-web 1.25.4 → 1.25.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.25.4",
+  "version": "1.25.5",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/BadgesCaption/badges.js

@@ -5,7 +5,7 @@ import { Icon } from '../common-components/Icon';
 import {Typography} from '../../foundation/Typography'
 import { HDSColor } from '../../foundation/ColorPalette';
 const sizeClasses = {
-  sm: 'py-0.5 px-2 hds-d-body3c',
+  sm: 'py-0.5 px-3 hds-d-body3c',
   default: 'py-1 px-3',
 };
 

package/src/HDS/helpers/Algorithms/hdssearch.js

@@ -0,0 +1,36 @@
+import React, { useState } from "react";
+
+function LiveSearch({ wordArray }) {
+    const [input, setInput] = useState("");
+    const [filteredWords, setFilteredWords] = useState([]);
+
+    const handleInputChange = (event) => {
+        const inputValue = event.target.value.toLowerCase();
+        setInput(inputValue);
+
+        const newFilteredWords = searchWords(wordArray, inputValue);
+        setFilteredWords(newFilteredWords);
+    };
+
+    return (
+        <div>
+            <input
+                type="text"
+                placeholder="Search..."
+                value={input}
+                onChange={handleInputChange}
+            />
+            <div id="results">
+                {filteredWords.map((word, index) => (
+                    <div key={index}>{word}</div>
+                ))}
+            </div>
+        </div>
+    );
+}
+
+function searchWords(words, inputLetter) {
+    return words.filter((word) => word.toLowerCase().includes(inputLetter));
+}
+
+export default LiveSearch;

package/src/HDS/helpers/Algorithms/index.js

@@ -0,0 +1,2 @@
+export { default as HDSSearch } from './hdssearch';
+export { default as TagFilter } from './invertedIndex';

package/src/HDS/helpers/Algorithms/invertedIndex.js

@@ -0,0 +1,47 @@
+function buildInvertedIndex(data) {
+    const invertedIndex = {};
+
+    for (const item of data) {
+        const key = Object.keys(item)[0];
+        const tags = item[key];
+
+        for (const tag of tags) {
+            if (!invertedIndex[tag]) {
+                invertedIndex[tag] = new Set();
+            }
+            invertedIndex[tag].add(key); 
+        }
+    }
+
+    return invertedIndex;
+}
+
+export default function getSimilarAndRemainingKeys(data, inputKey) {
+    const invertedIndex = buildInvertedIndex(data);
+    const inputTags = data.find(item => item[inputKey]);
+    const similarKeys = new Set();
+    const allKeys = new Set();
+
+    if (inputTags) {
+        for (const tag of inputTags[inputKey]) {
+            const keysWithSimilarTag = invertedIndex[tag];
+            if (keysWithSimilarTag) {
+                keysWithSimilarTag.forEach(key => {
+                    if (key !== inputKey) {
+                        similarKeys.add(key);
+                    }
+                });
+            }
+        }
+    }
+
+    for (const item of data) {
+        const key = Object.keys(item)[0];
+        allKeys.add(key);
+    }
+
+    const remainingKeys = [...allKeys].filter(key => !similarKeys.has(key));
+
+    return [...similarKeys, ...remainingKeys];
+}
+

package/src/HDS/helpers/index.js

@@ -3,4 +3,5 @@ export * from './Media';
 export * from './Effects';
 export * from './AlgoliaSearch';
 export * from './Paperform';
-export * from './MarketoForm';
+export * from './MarketoForm';
+export * from './Algorithms';