hds-web 1.15.8 → 1.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.15.8",
+  "version": "1.16.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -12,11 +12,12 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "framer-motion": "^10.12.16",
-    "prismjs": "^1.29.0",
+    "path-browserify": "^1.0.1",
     "prop-types": "^15.8.1",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
     "react-github-btn": "^1.4.0",
+    "react-instantsearch-dom": "^6.40.1",
     "react-markdown": "^8.0.7",
     "react-scripts": "5.0.1",
     "uuid": "^9.0.0",

package/src/HDS/components/Cards/index.js

@@ -5,7 +5,6 @@ export * from './Dropdown';
 export * from './Feedback';
 export * from './Link';
 export * from './TalkDetailCard';
-export * from './ImageSlider';
 export * from './CommunityCard';
 export * from './Announcement';
 export * from './VideoCard';

package/src/HDS/components/Snippet/CodeSnippet.js

@@ -1,70 +1,70 @@
-import React, { useState, useRef, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import Prism from 'prismjs';
-import 'prismjs/themes/prism.css';
-import 'prismjs/components/prism-javascript';
+// import React, { useState, useRef, useEffect } from 'react';
+// import PropTypes from 'prop-types';
+// import Prism from 'prismjs';
+// import 'prismjs/themes/prism.css';
+// import 'prismjs/components/prism-javascript';
 
-function CodeSnippetWithCopy({ snippet, filename, backgroundColor }) {
+// function CodeSnippetWithCopy({ snippet, filename, backgroundColor }) {
 
-  if(!snippet){
-    snippet='as'
-  }
+//   if(!snippet){
+//     snippet='as'
+//   }
  
-  const [isCopied, setIsCopied] = useState(false);
-  const preRef = useRef(null);
+//   const [isCopied, setIsCopied] = useState(false);
+//   const preRef = useRef(null);
 
-  async function copyToClipboard() {
-    try {
-      await navigator.clipboard.writeText(snippet);
-      setIsCopied(true);
-      setTimeout(() => setIsCopied(false), 1500);
-    } catch (error) {
-      console.error('Failed to copy to clipboard', error);
-    }
-  }
+//   async function copyToClipboard() {
+//     try {
+//       await navigator.clipboard.writeText(snippet);
+//       setIsCopied(true);
+//       setTimeout(() => setIsCopied(false), 1500);
+//     } catch (error) {
+//       console.error('Failed to copy to clipboard', error);
+//     }
+//   }
 
   
-  useEffect(() => {
-    console.log(snippet)
-    if (preRef.current ) {
-      Prism.highlightAll();
-    }
-  }, [snippet, preRef.current]);
+//   useEffect(() => {
+//     console.log(snippet)
+//     if (preRef.current ) {
+//       Prism.highlightAll();
+//     }
+//   }, [snippet, preRef.current]);
 
 
-  const lines = snippet.split('\n');
-  const lineCount = lines.length;
-  if(snippet){}
-  return (
-    <div className={`${backgroundColor}  border border-neutral-100 rounded relative`}>
-      {filename ? (
-        <span className='bg-neutral-100 flex p-2 text-sm-medium text-neutral-900'>{filename}</span>
-      ) : null}
+//   const lines = snippet.split('\n');
+//   const lineCount = lines.length;
+//   if(snippet){}
+//   return (
+//     <div className={`${backgroundColor}  border border-neutral-100 rounded relative`}>
+//       {filename ? (
+//         <span className='bg-neutral-100 flex p-2 text-sm-medium text-neutral-900'>{filename}</span>
+//       ) : null}
 
-      <div className='my-6 mx-10'>
-        <pre style={{ whiteSpace: 'pre-wrap' }} ref={preRef} className='line-numbers'>
-          {lines.map((line, index) => (
-            <code className='language-javascript' key={index}>
-              <span className='text-sm text-neutral-500 mr-4'>{index + 1}  </span>
-              {line}
-              {index < lineCount - 1 ? '\n' : null}
-            </code>
-          ))}
-        </pre>
+//       <div className='my-6 mx-10'>
+//         <pre style={{ whiteSpace: 'pre-wrap' }} ref={preRef} className='line-numbers'>
+//           {lines.map((line, index) => (
+//             <code className='language-javascript' key={index}>
+//               <span className='text-sm text-neutral-500 mr-4'>{index + 1}  </span>
+//               {line}
+//               {index < lineCount - 1 ? '\n' : null}
+//             </code>
+//           ))}
+//         </pre>
 
-        <button
-          className='border border-neutral-400 button-sm absolute bottom-0 right-0 mb-4 mr-4'
-          onClick={copyToClipboard}
-        >
-          {isCopied ? 'Copied!' : 'Copy to Clipboard'}
-        </button>
-      </div>
-    </div>
-  );
-}
+//         <button
+//           className='border border-neutral-400 button-sm absolute bottom-0 right-0 mb-4 mr-4'
+//           onClick={copyToClipboard}
+//         >
+//           {isCopied ? 'Copied!' : 'Copy to Clipboard'}
+//         </button>
+//       </div>
+//     </div>
+//   );
+// }
 
-// CodeSnippetWithCopy.propTypes = {
-//   snippet: PropTypes.string.isRequired,
-// };
+// // CodeSnippetWithCopy.propTypes = {
+// //   snippet: PropTypes.string.isRequired,
+// // };
 
-export default CodeSnippetWithCopy;
+// export default CodeSnippetWithCopy;

package/src/HDS/components/Snippet/index.js

@@ -1 +1 @@
-export {default as CodeSnippet} from './CodeSnippet';
+// export {default as CodeSnippet} from './CodeSnippet';

package/src/HDS/components/index.js

@@ -8,7 +8,6 @@ export * from './Checkbox';
 export * from './Headers';
 export * from './common-components';
 export * from './InputFields';
-export * from './Snippet';
 export * from './Tabs';
 export * from './Tooltip';
 export * from './Hero';

package/src/styles/tailwind.css

@@ -827,6 +827,10 @@ select{
   visibility: hidden;
 }
 
+.static{
+  position: static;
+}
+
 .fixed{
   position: fixed;
 }
@@ -886,6 +890,10 @@ select{
   right: -44px;
 }
 
+.-top-20{
+  top: -5rem;
+}
+
 .bottom-0{
   bottom: 0px;
 }
@@ -970,6 +978,10 @@ select{
   right: 0.5rem;
 }
 
+.right-4{
+  right: 1rem;
+}
+
 .right-8{
   right: 2rem;
 }
@@ -994,6 +1006,10 @@ select{
   top: 0.5rem;
 }
 
+.top-4{
+  top: 1rem;
+}
+
 .top-5{
   top: 1.25rem;
 }
@@ -1022,6 +1038,10 @@ select{
   top: 72px;
 }
 
+.top-\[96px\]{
+  top: 96px;
+}
+
 .isolate{
   isolation: isolate;
 }
@@ -1050,6 +1070,10 @@ select{
   z-index: 50;
 }
 
+.z-\[10000\]{
+  z-index: 10000;
+}
+
 .z-\[100\]{
   z-index: 100;
 }
@@ -1058,6 +1082,10 @@ select{
   z-index: 10;
 }
 
+.z-\[11\]{
+  z-index: 11;
+}
+
 .z-\[1\]{
   z-index: 1;
 }
@@ -1082,6 +1110,10 @@ select{
   grid-column: span 4 / span 4;
 }
 
+.clear-both{
+  clear: both;
+}
+
 .-m-1{
   margin: -0.25rem;
 }
@@ -1102,6 +1134,10 @@ select{
   margin: -0.75rem;
 }
 
+.m-1{
+  margin: 0.25rem;
+}
+
 .m-2{
   margin: 0.5rem;
 }
@@ -2654,6 +2690,10 @@ select{
   border-width: 1.5px;
 }
 
+.border-\[3px\]{
+  border-width: 3px;
+}
+
 .border-x{
   border-left-width: 1px;
   border-right-width: 1px;
@@ -3201,11 +3241,21 @@ select{
   border-bottom-color: rgb(157 164 174 / var(--tw-border-opacity));
 }
 
+.border-t-blue-500{
+  --tw-border-opacity: 1;
+  border-top-color: rgb(57 112 253 / var(--tw-border-opacity));
+}
+
 .border-t-neutral-150{
   --tw-border-opacity: 1;
   border-top-color: rgb(236 237 240 / var(--tw-border-opacity));
 }
 
+.border-t-neutral-200{
+  --tw-border-opacity: 1;
+  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
+}
+
 .bg-amber-100{
   --tw-bg-opacity: 1;
   background-color: rgb(255 243 212 / var(--tw-bg-opacity));
@@ -6457,6 +6507,10 @@ select{
   text-align: right;
 }
 
+.indent-5{
+  text-indent: 1.25rem;
+}
+
 .font-petrona{
   font-family: Petrona, serif;
 }
@@ -9462,6 +9516,11 @@ select{
   color: rgb(30 86 227 / var(--tw-text-opacity));
 }
 
+.hover\:text-blue-700:hover{
+  --tw-text-opacity: 1;
+  color: rgb(13 65 198 / var(--tw-text-opacity));
+}
+
 .hover\:text-neutral-0:hover{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -10846,6 +10905,23 @@ select{
 }
 
 @media (min-width: 800px){
+  .tb-m\:sticky{
+    position: -webkit-sticky;
+    position: sticky;
+  }
+
+  .tb-m\:-top-20{
+    top: -5rem;
+  }
+
+  .tb-m\:mr-0{
+    margin-right: 0px;
+  }
+
+  .tb-m\:block{
+    display: block;
+  }
+
   .tb-m\:flex{
     display: flex;
   }
@@ -10854,6 +10930,10 @@ select{
     width: 50%;
   }
 
+  .tb-m\:min-w-\[150px\]{
+    min-width: 150px;
+  }
+
   .tb-m\:snap-start{
     scroll-snap-align: start;
   }
@@ -10870,6 +10950,11 @@ select{
     border-top-width: 0px;
   }
 
+  .tb-m\:py-9{
+    padding-top: 2.25rem;
+    padding-bottom: 2.25rem;
+  }
+
   .tb-m\:pb-0{
     padding-bottom: 0px;
   }
@@ -10877,6 +10962,10 @@ select{
   .tb-m\:pt-0{
     padding-top: 0px;
   }
+
+  .tb-m\:pt-16{
+    padding-top: 4rem;
+  }
 }
 
 @media (min-width: 905px){