@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/matrix/matrixComponent/index.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,21 +16,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
+import React from 'react';
+import classnames from 'classnames';
 /**
  * Internal dependencies.
  */
-const circle_1 = __importDefault(require("../../circle"));
+import Circle from '../../circle';
 const MatrixComponent = ({ color, title, description = '', count, isExpanded = false, countClassName, }) => {
     return (<div>
       <div className="flex gap-x-4">
-        <circle_1.default color={color}/>
+        <Circle color={color}/>
         <div className="lg:max-w-[80%] lg:mr-8 text-left">
           <h4 className="-mt-[3px] mb-1.5 text-xs font-medium dark:text-bright-gray">
             {title}
           </h4>
-          <p style={{ color }} className={(0, classnames_1.default)(countClassName)}>
+          <p style={{ color }} className={classnames(countClassName)}>
             {count}
           </p>
           {description && isExpanded && (<p className="mt-2 text-xs text-darkest-gray dark:text-bright-gray" dangerouslySetInnerHTML={{ __html: description }}/>)}
@@ -43,5 +38,5 @@ const MatrixComponent = ({ color, title, description = '', count, isExpanded = f
       </div>
     </div>);
 };
-exports.default = MatrixComponent;
+export default MatrixComponent;
 //# sourceMappingURL=index.jsx.map

package/dist/components/matrix/matrixComponent/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/matrixComponent/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,0DAAkC;AAalC,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,cAAc,GACO,EAAE,EAAE;IACzB,OAAO,CACL,CAAC,GAAG,CACF;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,cAAc,CAC3B;QAAA,CAAC,gBAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrB;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kCAAkC,CAC/C;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,4DAA4D,CACxE;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,cAAc,CAAC,CAAC,CACzD;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,CAAC,CACH;UAAA,CAAC,WAAW,IAAI,UAAU,IAAI,CAC5B,CAAC,CAAC,CACA,SAAS,CAAC,sDAAsD,CAChE,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EACjD,CACH,CACH;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/matrixComponent/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,OAAO,MAAM,MAAM,cAAc,CAAC;AAalC,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,cAAc,GACO,EAAE,EAAE;IACzB,OAAO,CACL,CAAC,GAAG,CACF;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,cAAc,CAC3B;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrB;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kCAAkC,CAC/C;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,4DAA4D,CACxE;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CACzD;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,CAAC,CACH;UAAA,CAAC,WAAW,IAAI,UAAU,IAAI,CAC5B,CAAC,CAAC,CACA,SAAS,CAAC,sDAAsD,CAChE,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EACjD,CACH,CACH;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/matrix/matrixComponent/matrixComponentHorizontal.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,17 +16,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
+import React from 'react';
 /**
  * Internal dependencies.
  */
-const circleEmpty_1 = __importDefault(require("../../circle/circleEmpty"));
+import CircleEmpty from '../../circle/circleEmpty';
 const MatrixComponentHorizontal = ({ title, description, count, expand = false, containerClasses, }) => {
     return (<div className={containerClasses}>
       <div className="max-w-[672px]">
         <div className="flex justify-between items-center">
           <div className="flex gap-4 items-center">
-            <circleEmpty_1.default />
+            <CircleEmpty />
             <h4 className="text-xs font-medium dark:text-bright-gray">
               {title}
             </h4>
@@ -51,5 +46,5 @@ const MatrixComponentHorizontal = ({ title, description, count, expand = false,
       </div>
     </div>);
 };
-exports.default = MatrixComponentHorizontal;
+export default MatrixComponentHorizontal;
 //# sourceMappingURL=matrixComponentHorizontal.jsx.map

package/dist/components/matrix/matrixComponent/matrixComponentHorizontal.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"matrixComponentHorizontal.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/matrixComponent/matrixComponentHorizontal.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,2EAAmD;AAUnD,MAAM,yBAAyB,GAAG,CAAC,EACjC,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,GAAG,KAAK,EACd,gBAAgB,GACe,EAAE,EAAE;IACnC,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC/B;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAC5B;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mCAAmC,CAChD;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;YAAA,CAAC,qBAAW,CAAC,AAAD,EACZ;YAAA,CAAC,EAAE,CAAC,SAAS,CAAC,2CAA2C,CACvD;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,EAAE,CACN;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,8CAA8C,EAC7D;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,qEAAqE,CAClF;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,GAAG,CACP;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,WAAW,IAAI,MAAM,IAAI,CACxB,CAAC,GAAG,CAAC,SAAS,CAAC,4CAA4C,CACzD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,oDAAoD,CAC/D;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
+{"version":3,"file":"matrixComponentHorizontal.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/matrixComponent/matrixComponentHorizontal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAUnD,MAAM,yBAAyB,GAAG,CAAC,EACjC,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,GAAG,KAAK,EACd,gBAAgB,GACe,EAAE,EAAE;IACnC,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC/B;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAC5B;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mCAAmC,CAChD;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;YAAA,CAAC,WAAW,CAAC,AAAD,EACZ;YAAA,CAAC,EAAE,CAAC,SAAS,CAAC,2CAA2C,CACvD;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,EAAE,CACN;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,8CAA8C,EAC7D;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,qEAAqE,CAClF;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,GAAG,CACP;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,WAAW,IAAI,MAAM,IAAI,CACxB,CAAC,GAAG,CAAC,SAAS,CAAC,4CAA4C,CACzD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,oDAAoD,CAC/D;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/components/matrixContainer/index.jsx

@@ -1,31 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -44,25 +16,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const i18n_1 = require("@google-psat/i18n");
+import React, { useState } from 'react';
+import classname from 'classnames';
+import { I18n } from '@google-psat/i18n';
 /**
  * Internal dependencies
  */
-const icons_1 = require("../../icons");
-const matrix_1 = __importDefault(require("../matrix"));
-const matrixComponentHorizontal_1 = __importDefault(require("../matrix/matrixComponent/matrixComponentHorizontal"));
-const MatrixContainer = ({ matrixData = [], horizontalMatrixData = [], title = i18n_1.I18n.getMessage('categories'), description = '', showMatrix = true, count = null, allowExpand = true, highlightTitle = false, capitalizeTitle = false, infoIconTitle, }) => {
-    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
+import { ChevronDown, InfoIcon } from '../../icons';
+import Matrix from '../matrix';
+import MatrixComponentHorizontal from '../matrix/matrixComponent/matrixComponentHorizontal';
+const MatrixContainer = ({ matrixData = [], horizontalMatrixData = [], title = I18n.getMessage('categories'), description = '', showMatrix = true, count = null, allowExpand = true, highlightTitle = false, capitalizeTitle = false, infoIconTitle, }) => {
+    const [isExpanded, setIsExpanded] = useState(false);
     return (<div className="w-full" data-testid={`matrix-${title}`}>
       <div>
         <div className="flex gap-2 justify-start border-b border-bright-gray dark:border-quartz">
           {allowExpand && (<h4 className="pb-3 text-xs font-bold text-darkest-gray dark:text-bright-gray text-right">
               <button onClick={() => setIsExpanded((state) => !state)} data-testid="expand-button" title={isExpanded
-                ? i18n_1.I18n.getMessage('collapseView')
-                : i18n_1.I18n.getMessage('expandView')}>
-                <icons_1.ChevronDown className={(0, classnames_1.default)('fill-granite-gray', {
+                ? I18n.getMessage('collapseView')
+                : I18n.getMessage('expandView')}>
+                <ChevronDown className={classname('fill-granite-gray', {
                 'rotate-180': isExpanded,
             })}/>
               </button>
@@ -71,7 +43,7 @@ const MatrixContainer = ({ matrixData = [], horizontalMatrixData = [], title = i
             <h4 className={`flex items-center gap-1 flex-1 grow text-xs font-bold text-darkest-gray dark:text-bright-gray ${highlightTitle ? 'text-red-500 dark:text-red-500' : ''} ${capitalizeTitle ? 'capitalize' : 'uppercase'}`}>
               <span>{title}</span>
               {Boolean(infoIconTitle) && (<span title={infoIconTitle}>
-                  <icons_1.InfoIcon className="fill-granite-gray"/>
+                  <InfoIcon className="fill-granite-gray"/>
                 </span>)}
               {count !== null && <span>: {Number(count) || 0}</span>}
             </h4>
@@ -80,12 +52,12 @@ const MatrixContainer = ({ matrixData = [], horizontalMatrixData = [], title = i
             </p>
           </div>
         </div>
-        {showMatrix && (<matrix_1.default dataComponents={matrixData} expand={isExpanded}/>)}
+        {showMatrix && (<Matrix dataComponents={matrixData} expand={isExpanded}/>)}
       </div>
       {Boolean(horizontalMatrixData.length) && (<div>
-          {horizontalMatrixData.map((data, index) => (<matrixComponentHorizontal_1.default key={index} expand={isExpanded} {...data} containerClasses="px-3.5 py-4"/>))}
+          {horizontalMatrixData.map((data, index) => (<MatrixComponentHorizontal key={index} expand={isExpanded} {...data} containerClasses="px-3.5 py-4"/>))}
         </div>)}
     </div>);
 };
-exports.default = MatrixContainer;
+export default MatrixContainer;
 //# sourceMappingURL=index.jsx.map

package/dist/components/matrixContainer/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/matrixContainer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/matrixContainer/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/menuBar/index.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,65 +13,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const i18n_1 = require("@google-psat/i18n");
+import React, { useEffect, useRef, useState } from 'react';
+import classnames from 'classnames';
+import { I18n } from '@google-psat/i18n';
 /**
  * Internal dependencies.
  */
-const utils_1 = require("./utils");
-const icons_1 = require("../../icons");
+import { isElementInView } from './utils';
+import { Export } from '../../icons';
 const MenuBar = ({ disableReportDownload = true, downloadReport, menuData, extraClasses, scrollContainerId, }) => {
-    const [selectedItem, setSelectedItem] = (0, react_1.useState)(menuData[0].link);
-    const updateFromScrollRef = (0, react_1.useRef)(false);
-    const [isListenerDisabled, setIsListenerDisabled] = (0, react_1.useState)(false);
-    const [downloadingReport, setDownloadingReport] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
+    const [selectedItem, setSelectedItem] = useState(menuData[0].link);
+    const updateFromScrollRef = useRef(false);
+    const [isListenerDisabled, setIsListenerDisabled] = useState(false);
+    const [downloadingReport, setDownloadingReport] = useState(false);
+    useEffect(() => {
         let timeout;
         if (!updateFromScrollRef.current) {
-            const element = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.getElementById(selectedItem);
+            const element = globalThis?.document?.getElementById(selectedItem);
             if (element) {
-                (_b = element.scrollIntoView) === null || _b === void 0 ? void 0 : _b.call(element, { behavior: 'smooth' });
+                element.scrollIntoView?.({ behavior: 'smooth' });
                 timeout = setTimeout(() => {
                     setIsListenerDisabled(false);
                 }, 1000);
@@ -87,8 +49,8 @@ const MenuBar = ({ disableReportDownload = true, downloadReport, menuData, extra
             }
         };
     }, [selectedItem]);
-    (0, react_1.useEffect)(() => {
-        const scrollContainer = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document.getElementById(scrollContainerId);
+    useEffect(() => {
+        const scrollContainer = globalThis?.document.getElementById(scrollContainerId);
         const handleScroll = () => {
             const firstItemLink = menuData[0].link;
             const lastItemLink = menuData[menuData.length - 1].link;
@@ -96,19 +58,19 @@ const MenuBar = ({ disableReportDownload = true, downloadReport, menuData, extra
                 return;
             }
             menuData.forEach(({ link: id }) => {
-                const section = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document.getElementById(id);
+                const section = globalThis?.document.getElementById(id);
                 const isAlmostBottom = scrollContainer.scrollHeight -
                     scrollContainer.scrollTop -
                     scrollContainer.clientHeight;
                 setSelectedItem((prev) => {
                     updateFromScrollRef.current = true;
-                    if ((scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.scrollTop) === 0) {
+                    if (scrollContainer?.scrollTop === 0) {
                         return firstItemLink;
                     }
                     else if (isAlmostBottom <= 1 && isAlmostBottom >= 0) {
                         return lastItemLink;
                     }
-                    else if (section && (0, utils_1.isElementInView)(section)) {
+                    else if (section && isElementInView(section)) {
                         return id;
                     }
                     return prev;
@@ -118,39 +80,39 @@ const MenuBar = ({ disableReportDownload = true, downloadReport, menuData, extra
         const handleScrollEnd = () => {
             updateFromScrollRef.current = false;
         };
-        scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.addEventListener('scroll', handleScroll);
-        scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.addEventListener('scrollend', handleScrollEnd);
+        scrollContainer?.addEventListener('scroll', handleScroll);
+        scrollContainer?.addEventListener('scrollend', handleScrollEnd);
         return () => {
-            scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener('scroll', handleScroll);
-            scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener('scrollend', handleScrollEnd);
+            scrollContainer?.removeEventListener('scroll', handleScroll);
+            scrollContainer?.removeEventListener('scrollend', handleScrollEnd);
         };
     }, [menuData, isListenerDisabled, scrollContainerId]);
-    return (<nav data-testid="menu-bar" className={(0, classnames_1.default)('fixed right-0 flex flex-col gap-4 justify-center items-center z-10 w-10 p-2 bg-dynamic-grey dark:bg-charleston-green rounded-l-lg border border-bright-gray dark:border-quartz', extraClasses ? extraClasses : 'top-6')}>
+    return (<nav data-testid="menu-bar" className={classnames('fixed right-0 flex flex-col gap-4 justify-center items-center z-10 w-10 p-2 bg-dynamic-grey dark:bg-charleston-green rounded-l-lg border border-bright-gray dark:border-quartz', extraClasses ? extraClasses : 'top-6')}>
       {downloadReport && (<div className="relative">
-          <button disabled={disableReportDownload || downloadingReport} className={(0, classnames_1.default)('flex items-center relative justify-center w-6 h-6 rounded-full cursor-pointer transition-all ease-in-out group disabled:cursor-not-allowed disabled:opacity-50', {
+          <button disabled={disableReportDownload || downloadingReport} className={classnames('flex items-center relative justify-center w-6 h-6 rounded-full cursor-pointer transition-all ease-in-out group disabled:cursor-not-allowed disabled:opacity-50', {
                 'bg-baby-blue-eyes': disableReportDownload,
                 'bg-ultramarine-blue': !disableReportDownload,
-            })} onClick={() => __awaiter(void 0, void 0, void 0, function* () {
+            })} onClick={async () => {
                 setDownloadingReport(true);
-                yield downloadReport();
+                await downloadReport();
                 setDownloadingReport(false);
-            })}>
+            }}>
             {downloadingReport ? (<div className="w-full h-full flex items-center justify-center">
                 <div className="w-4 h-4 rounded-full animate-spin border-t-transparent border-solid border-white border-2"/>
               </div>) : (<>
                 <div className="absolute flex items-center justify-center right-6 w-max px-3 py-1 rounded invisible text-sm text-white bg-ultramarine-blue group-hover:visible transition-all ease-in-out">
                   {disableReportDownload
-                    ? i18n_1.I18n.getMessage('waitForLD')
-                    : i18n_1.I18n.getMessage('downloadReport')}
+                    ? I18n.getMessage('waitForLD')
+                    : I18n.getMessage('downloadReport')}
                   <div className="absolute w-2 h-2 bg-ultramarine-blue top-1/3 -right-1 transform rotate-45"/>
                 </div>
-                <icons_1.Export className="text-white"/>
+                <Export className="text-white"/>
               </>)}
           </button>
           <div className="absolute top-7 -left-2 border-b border-bright-gray dark:border-quartz w-9"/>
         </div>)}
 
-      {menuData.map((item, index) => (<div key={index} className={(0, classnames_1.default)('relative w-3 h-3 rounded-full cursor-pointer hover:bg-baby-blue-eyes transition-all ease-in-out group', selectedItem === item.link
+      {menuData.map((item, index) => (<div key={index} className={classnames('relative w-3 h-3 rounded-full cursor-pointer hover:bg-baby-blue-eyes transition-all ease-in-out group', selectedItem === item.link
                 ? 'bg-ultramarine-blue'
                 : 'bg-bright-gray')} onClick={() => {
                 if (item.link !== selectedItem) {
@@ -165,5 +127,5 @@ const MenuBar = ({ disableReportDownload = true, downloadReport, menuData, extra
         </div>))}
     </nav>);
 };
-exports.default = MenuBar;
+export default MenuBar;
 //# sourceMappingURL=index.jsx.map

package/dist/components/menuBar/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/menuBar/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/menuBar/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/menuBar/utils/index.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,11 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isElementInView = void 0;
-var isElementInView_1 = require("./isElementInView");
-Object.defineProperty(exports, "isElementInView", { enumerable: true, get: function () { return __importDefault(isElementInView_1).default; } });
+export { default as isElementInView } from './isElementInView';
 //# sourceMappingURL=index.js.map

package/dist/components/menuBar/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menuBar/utils/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;AAEH,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menuBar/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/menuBar/utils/isElementInView.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,14 +13,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = isElementInView;
 /**
  * Determines if an HTMLElement hasn't been scrolled more than a 3/4th of its height out of viewport's 1/4th quarter.
  * @param element - The HTMLElement to check for vertical centering.
  * @returns True if the element is in view, false otherwise.
  */
-function isElementInView(element) {
+export default function isElementInView(element) {
     const quarterViewPortHeight = (window.innerHeight || document.documentElement.offsetHeight) / 4;
     const quarterElementHeight = element.offsetHeight / 4;
     const rect = element.getBoundingClientRect();

package/dist/components/menuBar/utils/isElementInView.js.map

@@ -1 +1 @@
-{"version":3,"file":"isElementInView.js","sourceRoot":"","sources":["../../../../src/components/menuBar/utils/isElementInView.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAOH,kCAoBC;AAzBD;;;;GAIG;AACH,SAAwB,eAAe,CAAC,OAAoB;IAC1D,MAAM,qBAAqB,GACzB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACpE,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE7C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IAElC,IAAI,UAAU,GAAG,qBAAqB,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;QAC5D,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,UAAU,GAAG,aAAa,GAAG,oBAAoB,CAAC;IAExD,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
+{"version":3,"file":"isElementInView.js","sourceRoot":"","sources":["../../../../src/components/menuBar/utils/isElementInView.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAoB;IAC1D,MAAM,qBAAqB,GACzB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IACpE,MAAM,oBAAoB,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE7C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IAElC,IAAI,UAAU,GAAG,qBAAqB,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;QAC5D,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,UAAU,GAAG,aAAa,GAAG,oBAAoB,CAAC;IAExD,IAAI,UAAU,GAAG,CAAC,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/messageBox/index.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,14 +16,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const MessageBox = ({ headerText, bodyText }) => {
-    return (<div className="bg-hsl-light dark:hsl-dark py-4 my-3 px-3 leading-5 max-w-2xl">
-      <p className="text-warning-red dark:text-warning-orange font-bold">
+import React from 'react';
+const MessageBox = ({ headerText, bodyText, width = 'max-w-2xl', additionalClasses = '', bodyTextClass = '', headerTextClass = '', }) => {
+    return (<div className={`bg-hsl-light dark:hsl-dark py-4 my-3 px-3 leading-5 ${width} ${additionalClasses}`}>
+      <p className={`text-warning-red dark:text-warning-orange font-bold ${headerTextClass}`}>
         {headerText}
       </p>
-      <p className="text-raisin-black dark:text-bright-gray">{bodyText}</p>
+      <p className={`text-raisin-black dark:text-bright-gray ${bodyTextClass}`}>
+        {bodyText}
+      </p>
     </div>);
 };
-exports.default = MessageBox;
+export default MessageBox;
 //# sourceMappingURL=index.jsx.map

package/dist/components/messageBox/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/messageBox/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAM1B,MAAM,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC/D,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,+DAA+D,CAC5E;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,qDAAqD,CAChE;QAAA,CAAC,UAAU,CACb;MAAA,EAAE,CAAC,CACH;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yCAAyC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CACtE;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/messageBox/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,UAAU,GAAG,CAAC,EAClB,UAAU,EACV,QAAQ,EACR,KAAK,GAAG,WAAW,EACnB,iBAAiB,GAAG,EAAE,EACtB,aAAa,GAAG,EAAE,EAClB,eAAe,GAAG,EAAE,GACJ,EAAE,EAAE;IACpB,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,uDAAuD,KAAK,IAAI,iBAAiB,EAAE,CAAC,CAE/F;MAAA,CAAC,CAAC,CACA,SAAS,CAAC,CAAC,uDAAuD,eAAe,EAAE,CAAC,CAEpF;QAAA,CAAC,UAAU,CACb;MAAA,EAAE,CAAC,CACH;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,2CAA2C,aAAa,EAAE,CAAC,CACvE;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,CAAC,CACL;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}