hds-web 1.25.4 → 1.25.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.25.4",
+  "version": "1.25.6",
   "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';

package/src/HDS/modules/TextCard/textCard.js

@@ -58,7 +58,7 @@ export default function TextCard(props) {
                       <Typography
                         key={i}
                         textStyle="body1"
-                        className="pb-6 pr-8 max-w-[412px] [&>p]:pb-2 [&>p]:text-neutral-600 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600">
+                        className="pb-6 pr-8 max-w-[412px] [&>p]:pb-2 [&>p]:text-neutral-600 last:[&>p]:pb-0 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>ul>li]:text-neutral-600">
                         <ReactMarkdown>
                           {desc.description}
                         </ReactMarkdown>
@@ -206,7 +206,7 @@ export default function TextCard(props) {
                     <Typography
                       key={i}
                       textStyle="body1"
-                      className="pb-6 pr-8 max-w-[412px] [&>p]:pb-2 last:[&>p]:pb-0 [&>p]:text-neutral-600 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600">
+                      className="pb-6 pr-8 max-w-[412px] [&>p]:pb-2 last:[&>p]:pb-0 [&>p]:text-neutral-600 [&>ul]:ps-4 [&>ul>li]:list-disc [&>ul>li]:pb-2 last:[&>ul>li]:pb-0 [&>p>a]:text-blue-600 [&>ul>li]:text-neutral-600">
                       <ReactMarkdown>
                         {desc.description}
                       </ReactMarkdown>

package/src/styles/tailwind.css

@@ -12775,6 +12775,11 @@ select{
   padding-bottom: 0.5rem;
 }
 
+.\[\&\>ul\>li\]\:text-neutral-600>ul>li{
+  --tw-text-opacity: 1;
+  color: rgb(77 87 97 / var(--tw-text-opacity));
+}
+
 .\[\&\>ul\>li\]\:last\:pb-0:last-child>ul>li{
   padding-bottom: 0px;
 }