docusaurus-plugin-glossary 3.0.2 → 3.2.0

package/dist/components/GlossaryPage.js

@@ -1,138 +1,99 @@
-import React, { useState, useMemo } from 'react';
-import Layout from '@theme/Layout';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import styles from './GlossaryPage.module.css';
-
-/**
- * Groups glossary terms by their first letter
- */
+// src/components/GlossaryPage.js
+import React, { useState, useMemo } from "react";
+import Layout from "@theme/Layout";
+import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
+import styles from "../GlossaryPage.module-M4DEUP4X.module.css";
+import { jsx, jsxs } from "react/jsx-runtime";
 function groupTermsByLetter(terms) {
   const grouped = {};
-
-  terms.forEach(term => {
+  terms.forEach((term) => {
     const firstLetter = term.term.charAt(0).toUpperCase();
     if (!grouped[firstLetter]) {
       grouped[firstLetter] = [];
     }
     grouped[firstLetter].push(term);
   });
-
-  // Sort each group alphabetically
-  Object.keys(grouped).forEach(letter => {
+  Object.keys(grouped).forEach((letter) => {
     grouped[letter].sort((a, b) => a.term.localeCompare(b.term));
   });
-
   return grouped;
 }
-
-/**
- * GlossaryPage component - displays all glossary terms
- */
-export default function GlossaryPage({ glossaryData }) {
+function GlossaryPage({ glossaryData }) {
   useDocusaurusContext();
-  const [searchTerm, setSearchTerm] = useState('');
-
+  const [searchTerm, setSearchTerm] = useState("");
   const terms = useMemo(() => glossaryData?.terms || [], [glossaryData?.terms]);
-
-  // Filter terms based on search
   const filteredTerms = useMemo(() => {
     if (!searchTerm) return terms;
-
     const lowerSearch = searchTerm.toLowerCase();
     return terms.filter(
-      term =>
-        term.term.toLowerCase().includes(lowerSearch) ||
-        term.definition.toLowerCase().includes(lowerSearch)
+      (term) => term.term.toLowerCase().includes(lowerSearch) || term.definition.toLowerCase().includes(lowerSearch)
     );
   }, [terms, searchTerm]);
-
-  // Group terms by first letter
   const groupedTerms = useMemo(() => {
     return groupTermsByLetter(filteredTerms);
   }, [filteredTerms]);
-
   const letters = Object.keys(groupedTerms).sort();
-
-  return (
-    <Layout title="Glossary" description="A glossary of terms and definitions">
-      <div className={styles.glossaryContainer}>
-        <header className={styles.glossaryHeader}>
-          <h1>Glossary</h1>
-          <p className={styles.glossaryDescription}>
-            {glossaryData?.description || 'A collection of terms and their definitions'}
-          </p>
-
-          <div className={styles.searchContainer}>
-            <input
-              type="text"
-              placeholder="Search terms..."
-              className={styles.searchInput}
-              value={searchTerm}
-              onChange={e => setSearchTerm(e.target.value)}
-            />
-          </div>
-        </header>
-
-        {filteredTerms.length === 0 ? (
-          <div className={styles.noResults}>
-            <p>No terms found matching "{searchTerm}"</p>
-          </div>
-        ) : (
-          <div className={styles.glossaryContent}>
-            {/* Letter navigation */}
-            <nav className={styles.letterNav}>
-              {letters.map(letter => (
-                <a key={letter} href={`#letter-${letter}`} className={styles.letterLink}>
-                  {letter}
-                </a>
-              ))}
-            </nav>
-
-            {/* Terms grouped by letter */}
-            {letters.map(letter => (
-              <section key={letter} id={`letter-${letter}`} className={styles.letterSection}>
-                <h2 className={styles.letterHeading}>{letter}</h2>
-                <dl className={styles.termList}>
-                  {groupedTerms[letter].map((term, index) => (
-                    <div
-                      key={`${letter}-${index}`}
-                      className={styles.termItem}
-                      id={term.id || term.term.toLowerCase().replace(/\s+/g, '-')}
-                    >
-                      <dt className={styles.termName}>
-                        {term.term}
-                        {term.abbreviation && (
-                          <span className={styles.abbreviation}> ({term.abbreviation})</span>
-                        )}
-                      </dt>
-                      <dd className={styles.termDefinition}>
-                        {term.definition}
-                        {term.relatedTerms && term.relatedTerms.length > 0 && (
-                          <div className={styles.relatedTerms}>
-                            <strong>Related terms:</strong>{' '}
-                            {term.relatedTerms.map((related, idx) => (
-                              <React.Fragment key={idx}>
-                                {idx > 0 && ', '}
-                                <a href={`#${related.toLowerCase().replace(/\s+/g, '-')}`}>
-                                  {related}
-                                </a>
-                              </React.Fragment>
-                            ))}
-                          </div>
-                        )}
-                      </dd>
-                    </div>
-                  ))}
-                </dl>
-              </section>
-            ))}
-          </div>
-        )}
-
-        <footer className={styles.glossaryFooter}>
-          <p>Total terms: {terms.length}</p>
-        </footer>
-      </div>
-    </Layout>
-  );
+  return /* @__PURE__ */ jsx(Layout, { title: "Glossary", description: "A glossary of terms and definitions", children: /* @__PURE__ */ jsxs("div", { className: styles.glossaryContainer, children: [
+    /* @__PURE__ */ jsxs("header", { className: styles.glossaryHeader, children: [
+      /* @__PURE__ */ jsx("h1", { children: "Glossary" }),
+      /* @__PURE__ */ jsx("p", { className: styles.glossaryDescription, children: glossaryData?.description || "A collection of terms and their definitions" }),
+      /* @__PURE__ */ jsx("div", { className: styles.searchContainer, children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "Search terms...",
+          className: styles.searchInput,
+          value: searchTerm,
+          onChange: (e) => setSearchTerm(e.target.value)
+        }
+      ) })
+    ] }),
+    filteredTerms.length === 0 ? /* @__PURE__ */ jsx("div", { className: styles.noResults, children: /* @__PURE__ */ jsxs("p", { children: [
+      'No terms found matching "',
+      searchTerm,
+      '"'
+    ] }) }) : /* @__PURE__ */ jsxs("div", { className: styles.glossaryContent, children: [
+      /* @__PURE__ */ jsx("nav", { className: styles.letterNav, children: letters.map((letter) => /* @__PURE__ */ jsx("a", { href: `#letter-${letter}`, className: styles.letterLink, children: letter }, letter)) }),
+      letters.map((letter) => /* @__PURE__ */ jsxs("section", { id: `letter-${letter}`, className: styles.letterSection, children: [
+        /* @__PURE__ */ jsx("h2", { className: styles.letterHeading, children: letter }),
+        /* @__PURE__ */ jsx("dl", { className: styles.termList, children: groupedTerms[letter].map((term, index) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: styles.termItem,
+            id: term.id || term.term.toLowerCase().replace(/\s+/g, "-"),
+            children: [
+              /* @__PURE__ */ jsxs("dt", { className: styles.termName, children: [
+                term.term,
+                term.abbreviation && /* @__PURE__ */ jsxs("span", { className: styles.abbreviation, children: [
+                  " (",
+                  term.abbreviation,
+                  ")"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("dd", { className: styles.termDefinition, children: [
+                term.definition,
+                term.relatedTerms && term.relatedTerms.length > 0 && /* @__PURE__ */ jsxs("div", { className: styles.relatedTerms, children: [
+                  /* @__PURE__ */ jsx("strong", { children: "Related terms:" }),
+                  " ",
+                  term.relatedTerms.map((related, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+                    idx > 0 && ", ",
+                    /* @__PURE__ */ jsx("a", { href: `#${related.toLowerCase().replace(/\s+/g, "-")}`, children: related })
+                  ] }, idx))
+                ] })
+              ] })
+            ]
+          },
+          `${letter}-${index}`
+        )) })
+      ] }, letter))
+    ] }),
+    /* @__PURE__ */ jsx("footer", { className: styles.glossaryFooter, children: /* @__PURE__ */ jsxs("p", { children: [
+      "Total terms: ",
+      terms.length
+    ] }) })
+  ] }) });
 }
+export {
+  GlossaryPage as default
+};
+//# sourceMappingURL=GlossaryPage.js.map

package/dist/components/GlossaryPage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/GlossaryPage.js"],"sourcesContent":["import React, { useState, useMemo } from 'react';\nimport Layout from '@theme/Layout';\nimport useDocusaurusContext from '@docusaurus/useDocusaurusContext';\nimport styles from './GlossaryPage.module.css';\n\n/**\n * Groups glossary terms by their first letter\n */\nfunction groupTermsByLetter(terms) {\n  const grouped = {};\n\n  terms.forEach(term => {\n    const firstLetter = term.term.charAt(0).toUpperCase();\n    if (!grouped[firstLetter]) {\n      grouped[firstLetter] = [];\n    }\n    grouped[firstLetter].push(term);\n  });\n\n  // Sort each group alphabetically\n  Object.keys(grouped).forEach(letter => {\n    grouped[letter].sort((a, b) => a.term.localeCompare(b.term));\n  });\n\n  return grouped;\n}\n\n/**\n * GlossaryPage component - displays all glossary terms\n */\nexport default function GlossaryPage({ glossaryData }) {\n  useDocusaurusContext();\n  const [searchTerm, setSearchTerm] = useState('');\n\n  const terms = useMemo(() => glossaryData?.terms || [], [glossaryData?.terms]);\n\n  // Filter terms based on search\n  const filteredTerms = useMemo(() => {\n    if (!searchTerm) return terms;\n\n    const lowerSearch = searchTerm.toLowerCase();\n    return terms.filter(\n      term =>\n        term.term.toLowerCase().includes(lowerSearch) ||\n        term.definition.toLowerCase().includes(lowerSearch)\n    );\n  }, [terms, searchTerm]);\n\n  // Group terms by first letter\n  const groupedTerms = useMemo(() => {\n    return groupTermsByLetter(filteredTerms);\n  }, [filteredTerms]);\n\n  const letters = Object.keys(groupedTerms).sort();\n\n  return (\n    <Layout title=\"Glossary\" description=\"A glossary of terms and definitions\">\n      <div className={styles.glossaryContainer}>\n        <header className={styles.glossaryHeader}>\n          <h1>Glossary</h1>\n          <p className={styles.glossaryDescription}>\n            {glossaryData?.description || 'A collection of terms and their definitions'}\n          </p>\n\n          <div className={styles.searchContainer}>\n            <input\n              type=\"text\"\n              placeholder=\"Search terms...\"\n              className={styles.searchInput}\n              value={searchTerm}\n              onChange={e => setSearchTerm(e.target.value)}\n            />\n          </div>\n        </header>\n\n        {filteredTerms.length === 0 ? (\n          <div className={styles.noResults}>\n            <p>No terms found matching \"{searchTerm}\"</p>\n          </div>\n        ) : (\n          <div className={styles.glossaryContent}>\n            {/* Letter navigation */}\n            <nav className={styles.letterNav}>\n              {letters.map(letter => (\n                <a key={letter} href={`#letter-${letter}`} className={styles.letterLink}>\n                  {letter}\n                </a>\n              ))}\n            </nav>\n\n            {/* Terms grouped by letter */}\n            {letters.map(letter => (\n              <section key={letter} id={`letter-${letter}`} className={styles.letterSection}>\n                <h2 className={styles.letterHeading}>{letter}</h2>\n                <dl className={styles.termList}>\n                  {groupedTerms[letter].map((term, index) => (\n                    <div\n                      key={`${letter}-${index}`}\n                      className={styles.termItem}\n                      id={term.id || term.term.toLowerCase().replace(/\\s+/g, '-')}\n                    >\n                      <dt className={styles.termName}>\n                        {term.term}\n                        {term.abbreviation && (\n                          <span className={styles.abbreviation}> ({term.abbreviation})</span>\n                        )}\n                      </dt>\n                      <dd className={styles.termDefinition}>\n                        {term.definition}\n                        {term.relatedTerms && term.relatedTerms.length > 0 && (\n                          <div className={styles.relatedTerms}>\n                            <strong>Related terms:</strong>{' '}\n                            {term.relatedTerms.map((related, idx) => (\n                              <React.Fragment key={idx}>\n                                {idx > 0 && ', '}\n                                <a href={`#${related.toLowerCase().replace(/\\s+/g, '-')}`}>\n                                  {related}\n                                </a>\n                              </React.Fragment>\n                            ))}\n                          </div>\n                        )}\n                      </dd>\n                    </div>\n                  ))}\n                </dl>\n              </section>\n            ))}\n          </div>\n        )}\n\n        <footer className={styles.glossaryFooter}>\n          <p>Total terms: {terms.length}</p>\n        </footer>\n      </div>\n    </Layout>\n  );\n}\n"],"mappings":"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","names":[]}