@google-psat/design-system 0.10.2 → 0.11.0

package/dist/components/breadcrumbs/index.jsx

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+/**
+ * Internal dependencies.
+ */
+const sidebar_1 = require("../sidebar");
+const icons_1 = require("../../icons");
+const Breadcrumbs = ({ items }) => {
+    const updateSelectedItemKey = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
+    if (items.length === 1) {
+        return null;
+    }
+    return (<div className={(0, classnames_1.default)('w-full flex items-center h-fit pt-1')}>
+      <div className="flex items-center">
+        {items.map((item, index) => (<div key={item.key} onClick={() => updateSelectedItemKey(item.key)} className={(0, classnames_1.default)('text-xs flex items-center text-raisin-black dark:text-bright-gray', {
+                'font-bold': index === items.length - 1,
+            }, {
+                'cursor-pointer hover:text-blue-500 hover:dark:text-blue-400 active:opacity-70': index !== items.length - 1,
+            })}>
+            {item.title}
+            {index < items.length - 1 && (<span className="mx-2">
+                <icons_1.ChevronRight className="w-3 h-3"/>
+              </span>)}
+          </div>))}
+      </div>
+    </div>);
+};
+exports.default = Breadcrumbs;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,wCAAwC;AACxC,uCAA2C;AAS3C,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAoB,EAAE,EAAE;IAClD,MAAM,qBAAqB,GAAG,IAAA,oBAAU,EACtC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAC/C,CAAC;IAEF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,qCAAqC,CAAC,CAAC,CAChE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAChC;QAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CACd,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAC/C,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,mEAAmE,EACnE;gBACE,WAAW,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;aACxC,EACD;gBACE,+EAA+E,EAC7E,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;aAC7B,CACF,CAAC,CAEF;YAAA,CAAC,IAAI,CAAC,KAAK,CACX;YAAA,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CACpB;gBAAA,CAAC,oBAAY,CAAC,SAAS,CAAC,SAAS,EACnC;cAAA,EAAE,IAAI,CAAC,CACR,CACH;UAAA,EAAE,GAAG,CAAC,CACP,CAAC,CACJ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/components/bulletList/listRow.jsx

@@ -14,25 +14,53 @@
  * 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 };
+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;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 /**
  * Internal dependencies.
  */
 const icons_1 = require("../../icons");
+const sidebar_1 = require("../sidebar");
 const ListRow = ({ row }) => {
     var _a;
+    const navigateTo = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
+    const handleClick = (0, react_1.useCallback)((event) => {
+        if (row === null || row === void 0 ? void 0 : row.sidebarKey) {
+            navigateTo(row.sidebarKey);
+            event.preventDefault();
+        }
+    }, [navigateTo, row === null || row === void 0 ? void 0 : row.sidebarKey]);
     return (<div className="flex gap-4 items-baseline" key={(_a = row === null || row === void 0 ? void 0 : row.key) !== null && _a !== void 0 ? _a : row.title}>
       <span>
         <icons_1.Ellipse />
       </span>
-      {(row === null || row === void 0 ? void 0 : row.link) ? (<a title={row.link} href={row.link} target="_blank" rel="noreferrer" className="text-sm text-bright-navy-blue dark:text-jordy-blue font-medium leading-6">
+      {(row === null || row === void 0 ? void 0 : row.link) ? (<a title={row.link} href={row.link} target="_blank" onClick={handleClick} rel="noreferrer" className="text-sm text-bright-navy-blue dark:text-jordy-blue font-medium leading-6">
           {row.title}
         </a>) : (<p className="text-sm font-medium leading-6">{row.title}</p>)}
     </div>);

package/dist/components/bulletList/listRow.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"listRow.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/listRow.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,uCAAsC;AAMtC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;;IACjC,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,mCAAI,GAAG,CAAC,KAAK,CAAC,CACpE;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,eAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,EAAC,CAAC,CAAC,CACX,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CACf,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,YAAY,CAChB,SAAS,CAAC,0EAA0E,CAEpF;UAAA,CAAC,GAAG,CAAC,KAAK,CACZ;QAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAC7D,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"listRow.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/listRow.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAA2C;AAE3C;;GAEG;AACH,uCAAsC;AACtC,wCAAwC;AAMxC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;;IACjC,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAE9E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,EAAE,CAAC;YACpB,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,mCAAI,GAAG,CAAC,KAAK,CAAC,CACpE;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,eAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,EAAC,CAAC,CAAC,CACX,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CACf,MAAM,CAAC,QAAQ,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,GAAG,CAAC,YAAY,CAChB,SAAS,CAAC,0EAA0E,CAEpF;UAAA,CAAC,GAAG,CAAC,KAAK,CACZ;QAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAC7D,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/components/index.js

@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGlobalFiltering = exports.useFiltersMapping = exports.MenuBar = exports.MatrixContainer = exports.CookiesLandingWrapper = exports.ToastMessage = exports.InspectButton = exports.SearchInput = exports.ExtensionReloadNotification = exports.ErrorFallback = exports.ContentPanel = exports.InfoCard = exports.LandingPage = exports.CookieTable = exports.Details = exports.CookieDetails = exports.CookiesMatrix = exports.CookiesLanding = exports.MatrixComponentHorizontal = exports.Matrix = exports.CirclePieChart = exports.Circle = exports.MessageBox = exports.ToggleSwitch = exports.BorderProgressBar = exports.ProgressBar = exports.ExportButton = exports.RefreshButton = exports.Button = void 0;
+exports.InternalNavigationForAnchor = exports.Breadcrumbs = exports.QuickLinksList = exports.Tabs = exports.useGlobalFiltering = exports.useFiltersMapping = exports.MenuBar = exports.MatrixContainer = exports.CookiesLandingWrapper = exports.ToastMessage = exports.InspectButton = exports.SearchInput = exports.ExtensionReloadNotification = exports.ErrorFallback = exports.ContentPanel = exports.InfoCard = exports.LandingPage = exports.CookieTable = exports.Details = exports.CookieDetails = exports.CookiesMatrix = exports.CookiesLanding = exports.MatrixComponentHorizontal = exports.Matrix = exports.CirclePieChart = exports.Circle = exports.MessageBox = exports.ToggleSwitch = exports.BorderProgressBar = exports.ProgressBar = exports.ExportButton = exports.RefreshButton = exports.Button = void 0;
 var button_1 = require("./button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_1).default; } });
 var refreshButton_1 = require("./refreshButton");
@@ -96,4 +96,12 @@ var useFiltersMapping_1 = require("./cookiesLanding/useFiltersMapping");
 Object.defineProperty(exports, "useFiltersMapping", { enumerable: true, get: function () { return __importDefault(useFiltersMapping_1).default; } });
 var useGlobalFiltering_1 = require("./cookiesLanding/useGlobalFiltering");
 Object.defineProperty(exports, "useGlobalFiltering", { enumerable: true, get: function () { return __importDefault(useGlobalFiltering_1).default; } });
+var tabs_1 = require("./tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return __importDefault(tabs_1).default; } });
+var quickLinksList_1 = require("./landingPage/quickLinksList");
+Object.defineProperty(exports, "QuickLinksList", { enumerable: true, get: function () { return __importDefault(quickLinksList_1).default; } });
+var breadcrumbs_1 = require("./breadcrumbs");
+Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return __importDefault(breadcrumbs_1).default; } });
+var internalNavigationForAnchor_1 = require("./internalNavigationForAnchor");
+Object.defineProperty(exports, "InternalNavigationForAnchor", { enumerable: true, get: function () { return __importDefault(internalNavigationForAnchor_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;AAEH,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,qEAA+E;AAAtE,uIAAA,OAAO,OAAqB;AACrC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,gGAA0G;AAAjG,uJAAA,OAAO,OAA6B;AAE7C,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mDAAiC;AACjC,gEAA0E;AAAjE,+HAAA,OAAO,OAAiB;AACjC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mDAA6D;AAApD,mHAAA,OAAO,OAAW;AAC3B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,mDAA6D;AAApD,qHAAA,OAAO,OAAY;AAC5B,2DAAqE;AAA5D,6HAAA,OAAO,OAAgB;AAChC,qEAAmD;AACnD,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,2FAAqG;AAA5F,2JAAA,OAAO,OAA+B;AAC/C,0CAAwB;AACxB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,4CAA0B;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,gFAGgD;AAF9C,+IAAA,OAAO,OAAyB;AAGlC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,4CAA0B;AAC1B,wEAAkF;AAAzE,uIAAA,OAAO,OAAqB;AACrC,0EAAoF;AAA3E,yIAAA,OAAO,OAAsB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;AAEH,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,qEAA+E;AAAtE,uIAAA,OAAO,OAAqB;AACrC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,gGAA0G;AAAjG,uJAAA,OAAO,OAA6B;AAE7C,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mDAAiC;AACjC,gEAA0E;AAAjE,+HAAA,OAAO,OAAiB;AACjC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mDAA6D;AAApD,mHAAA,OAAO,OAAW;AAC3B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,mDAA6D;AAApD,qHAAA,OAAO,OAAY;AAC5B,2DAAqE;AAA5D,6HAAA,OAAO,OAAgB;AAChC,qEAAmD;AACnD,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,2FAAqG;AAA5F,2JAAA,OAAO,OAA+B;AAC/C,0CAAwB;AACxB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,4CAA0B;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,gFAGgD;AAF9C,+IAAA,OAAO,OAAyB;AAGlC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,4CAA0B;AAC1B,wEAAkF;AAAzE,uIAAA,OAAO,OAAqB;AACrC,0EAAoF;AAA3E,yIAAA,OAAO,OAAsB;AACtC,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AACxB,+DAAyE;AAAhE,iIAAA,OAAO,OAAkB;AAClC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6EAAuF;AAA9E,2JAAA,OAAO,OAA+B"}

package/dist/components/internalNavigationForAnchor/index.jsx

@@ -0,0 +1,91 @@
+"use strict";
+/*
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * 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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * External dependencies.
+ */
+const react_1 = __importStar(require("react"));
+/**
+ * Internal dependencies.
+ */
+const sidebar_1 = require("../sidebar");
+const InternalNavigationForAnchor = ({ text, to, queries, }) => {
+    const updateSelectedItemKey = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
+    const navigateTo = (0, react_1.useCallback)((key, query) => {
+        return () => updateSelectedItemKey(key, query);
+    }, [updateSelectedItemKey]);
+    const processDescription = (0, react_1.useCallback)((textToProcess) => {
+        let anchorIdxToNavigate = 0;
+        const elements = [];
+        let stringStart = 0, stringEnd = 0;
+        // Use two pointers to find anchor tags in the description string and replace them with buttons
+        // stringStart and stringEnd are used to keep track of the start and end of the current string
+        // The anchor tags should not have any attributes
+        while (stringEnd < textToProcess.length) {
+            if (textToProcess[stringEnd] === '<' &&
+                stringEnd + 1 < textToProcess.length) {
+                if (textToProcess[stringEnd + 1] === 'a') {
+                    elements.push(<span>{textToProcess.slice(stringStart, stringEnd)}</span>);
+                }
+                else {
+                    const button = (<button onClick={navigateTo(to[anchorIdxToNavigate], (queries === null || queries === void 0 ? void 0 : queries[anchorIdxToNavigate]) || '')} className="text-bright-navy-blue dark:text-jordy-blue">
+                {textToProcess.slice(stringStart, stringEnd)}
+              </button>);
+                    elements.push(button);
+                    stringEnd++;
+                    anchorIdxToNavigate++;
+                }
+                stringEnd += 2;
+                stringStart = stringEnd + 1;
+            }
+            stringEnd++;
+        }
+        // Add the remaining string to the elements array
+        if (stringStart < textToProcess.length) {
+            elements.push(<span>{textToProcess.slice(stringStart)}</span>);
+        }
+        return elements;
+    }, [navigateTo, queries, to]);
+    return (<>
+      {processDescription(text).map((element, index) => (<react_1.default.Fragment key={index}>{element}</react_1.default.Fragment>))}
+    </>);
+};
+exports.default = InternalNavigationForAnchor;
+//# sourceMappingURL=index.jsx.map

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

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

package/dist/components/landingPage/constants.js

@@ -1,4 +1,6 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUICK_LINKS = void 0;
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,12 +16,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QUICK_LINKS = void 0;
+/**
+ * Internal dependencies.
+ */
+const sidebar_1 = require("../sidebar");
 exports.QUICK_LINKS = [
     {
         title: 'learnMore',
-        link: 'https://github.com/GoogleChromeLabs/ps-analysis-tool/wiki',
+        link: '#wiki',
+        sidebarKey: sidebar_1.SIDEBAR_ITEMS_KEYS.WIKI,
     },
     {
         title: 'joinDiscussions',

package/dist/components/landingPage/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/landingPage/constants.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEU,QAAA,WAAW,GAAG;IACzB;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,2DAA2D;KAClE;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,kEAAkE;KACzE;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,4HAA4H;KACnI;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,mCAAmC;KAC1C;CACF,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/landingPage/constants.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,wCAAgD;AAEnC,QAAA,WAAW,GAAG;IACzB;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,4BAAkB,CAAC,IAAI;KACpC;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,kEAAkE;KACzE;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,4HAA4H;KACnI;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,mCAAmC;KAC1C;CACF,CAAC"}

package/dist/components/landingPage/contentPanel.jsx

@@ -29,7 +29,7 @@ const ContentPanel = ({ title, content, titleStyles = '', counterStyles = '', })
         {title}
       </h3>
       <div className="flex gap-5 flex-wrap">
-        {content.map((item, index) => (<a key={index} href={(0, common_1.addUTMParams)(item.url)} target="_blank" rel="noreferrer" className="w-72 h-80 bg-[#FDFDFD] dark:bg-charleston-green hover:bg-[#FAFAFA] rounded-xl border border-bright-gray dark:border-quartz p-5 hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out ">
+        {content.map((item, index) => (<a key={index} href={(0, common_1.addUTMParams)(item.url)} target="_blank" rel="noreferrer" className="w-72 min-h-80 bg-[#FDFDFD] dark:bg-charleston-green hover:bg-[#FAFAFA] rounded-xl border border-bright-gray dark:border-quartz p-5 hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out ">
             <div className="w-16 h-16 flex justify-center items-center rounded-full bg-bright-gray mb-5">
               <div className={`w-9 h-9 flex justify-center items-center rounded-md ${counterStyles}`}>
                 <span className="text-xxl text-white dark:black font-extrabold">

package/dist/components/landingPage/contentPanel.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"contentPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/contentPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,gDAAmD;AASnD,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,EAAE,GACA,EAAE,EAAE;IACtB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,wDAAwD,CACpE;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,EAAE,CACJ;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;QAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,CAAC,CAAC,CACA,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,IAAI,CAAC,CAAC,IAAA,qBAAY,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAC7B,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,YAAY,CAChB,SAAS,CAAC,yMAAyM,CAEnN;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,6EAA6E,CAC1F;cAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,uDAAuD,aAAa,EAAE,CAAC,CAElF;gBAAA,CAAC,IAAI,CAAC,SAAS,CAAC,+CAA+C,CAC7D;kBAAA,CAAC,KAAK,GAAG,CAAC,CACZ;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,4BAA4B,WAAW,EAAE,CAAC,CACvD;cAAA,CAAC,IAAI,CAAC,KAAK,EAAE,CACf;YAAA,EAAE,EAAE,CACJ;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,mDAAmD,CAC9D;cAAA,CAAC,IAAI,CAAC,WAAW,EAAE,CACrB;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,CAAC,CAAC,CACL,CAAC,CACJ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"contentPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/contentPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,gDAAmD;AASnD,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,EAAE,GACA,EAAE,EAAE;IACtB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,wDAAwD,CACpE;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,EAAE,CACJ;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;QAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,CAAC,CAAC,CACA,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,IAAI,CAAC,CAAC,IAAA,qBAAY,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAC7B,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,YAAY,CAChB,SAAS,CAAC,6MAA6M,CAEvN;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,6EAA6E,CAC1F;cAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,uDAAuD,aAAa,EAAE,CAAC,CAElF;gBAAA,CAAC,IAAI,CAAC,SAAS,CAAC,+CAA+C,CAC7D;kBAAA,CAAC,KAAK,GAAG,CAAC,CACZ;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,4BAA4B,WAAW,EAAE,CAAC,CACvD;cAAA,CAAC,IAAI,CAAC,KAAK,EAAE,CACf;YAAA,EAAE,EAAE,CACJ;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,mDAAmD,CAC9D;cAAA,CAAC,IAAI,CAAC,WAAW,EAAE,CACrB;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,CAAC,CAAC,CACL,CAAC,CACJ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/components/landingPage/index.jsx

@@ -53,19 +53,25 @@ const icons_1 = require("../../icons");
 const progressBar_1 = __importDefault(require("../progressBar"));
 const quickLinksList_1 = __importDefault(require("./quickLinksList"));
 const infoCard_1 = __importDefault(require("./infoCard"));
-const LandingPage = ({ title, psInfoKey, iframeSrc, iframeBorderClass, children, extraClasses, contentPanel, }) => {
+const breadcrumbs_1 = __importDefault(require("../breadcrumbs"));
+const sidebar_1 = require("../sidebar");
+const LandingPage = ({ title, psInfoKey, iframeSrc, iframeBorderClass, children, extraClasses, contentPanel, showQuickLinks = true, }) => {
     const [loading, setLoading] = (0, react_1.useState)(iframeSrc ? true : false);
     const [open, setOpen] = (0, react_1.useState)(true);
-    return (<div className="overflow-auto h-full">
+    const { extractSelectedItemKeyTitles } = (0, sidebar_1.useSidebar)(({ actions }) => ({
+        extractSelectedItemKeyTitles: actions.extractSelectedItemKeyTitles,
+    }));
+    return (<div className="w-full h-full">
       {loading && <progressBar_1.default additionalStyles="w-1/3 mx-auto h-full"/>}
       <div className={(0, classnames_1.default)({ hidden: loading }, 'divide-y divide-hex-gray dark:divide-quartz')}>
-        <div className="p-4">
+        <div className="p-4 flex flex-col gap-1">
           <button className="flex gap-2 text-2xl font-bold items-baseline text-raisin-black dark:text-bright-gray cursor-pointer" onClick={() => setOpen((prevOpen) => !prevOpen)}>
             {title && <h1 className="text-left">{title}</h1>}
             <div>
               <icons_1.ArrowUp className={(0, classnames_1.default)(open && 'rotate-180 -translate-y-1')}/>
             </div>
           </button>
+          <breadcrumbs_1.default items={extractSelectedItemKeyTitles()}/>
         </div>
         <div className={(0, classnames_1.default)({ hidden: !open && !children })}>
           <div id="#__psat-collapsible-content" className={(0, classnames_1.default)({ hidden: !open }, 'flex flex-col gap-6 divide-y divide-american-silver dark:divide-quartz px-4 py-6', {
@@ -75,14 +81,14 @@ const LandingPage = ({ title, psInfoKey, iframeSrc, iframeBorderClass, children,
                 setLoading(false);
             }} className={(0, classnames_1.default)('w-full md:w-[95%] md:m-auto rounded-xl', iframeBorderClass)}/>)}
             {psInfoKey && <infoCard_1.default infoKey={psInfoKey}/>}
-            {contentPanel && <div>{contentPanel}</div>}
+            {contentPanel && <>{contentPanel}</>}
           </div>
 
           {children && (<div id="#__psat-main-content" className={(0, classnames_1.default)('flex flex-col gap-6 divide-y divide-american-silver dark:divide-quartz px-4 py-6', extraClasses)}>
               {children}
             </div>)}
         </div>
-        <quickLinksList_1.default />
+        {showQuickLinks && <quickLinksList_1.default />}
       </div>
     </div>);
 };

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

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

package/dist/components/sidebar/collapsedSidebar.jsx

@@ -0,0 +1,114 @@
+"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 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+/**
+ * Internal dependencies.
+ */
+const icons_1 = require("../../icons");
+const useSidebar_1 = require("./useSidebar");
+const CollapsedSidebar = () => {
+    const { collapsedSidebarItems, updateSelectedItemKey, currentSelectedItemKey, toggleSidebarCollapse, sidebarItems, selectedItemKey, } = (0, useSidebar_1.useSidebar)(({ state, actions }) => ({
+        collapsedSidebarItems: state.collapsedSidebarItems,
+        updateSelectedItemKey: actions.updateSelectedItemKey,
+        currentSelectedItemKey: state.currentItemKey,
+        toggleSidebarCollapse: actions.toggleSidebarCollapse,
+        sidebarItems: state.sidebarItems,
+        selectedItemKey: state.selectedItemKey,
+    }));
+    const handleFooterElementClick = (0, react_1.useCallback)((e, key) => {
+        e.stopPropagation();
+        e.preventDefault();
+        updateSelectedItemKey(key);
+    }, [updateSelectedItemKey]);
+    return (<div className={(0, classnames_1.default)('flex flex-col justify-between items-center p-2 w-full h-full')}>
+      <div className="flex flex-col gap-2 justify-center items-center">
+        <button className="cursor-pointer hover:opacity-60" title="Expand Sidebar Menu" onClick={toggleSidebarCollapse}>
+          <icons_1.MenuOpenIcon className="dark:fill-bright-gray fill-granite-gray w-5 h-5 rotate-180"/>
+        </button>
+        {Object.keys(sidebarItems).map((itemKey) => {
+            var _a;
+            if (Object.keys((collapsedSidebarItems === null || collapsedSidebarItems === void 0 ? void 0 : collapsedSidebarItems.footerElements) || {}).includes(itemKey)) {
+                return null;
+            }
+            const sidebarItem = sidebarItems[itemKey];
+            const Icon = sidebarItem.icon ? sidebarItem.icon.Element : null;
+            const props = ((_a = sidebarItem === null || sidebarItem === void 0 ? void 0 : sidebarItem.icon) === null || _a === void 0 ? void 0 : _a.props) || {};
+            const title = typeof sidebarItem.title === 'function'
+                ? sidebarItem.title()
+                : sidebarItem.title;
+            const isCurrent = itemKey === selectedItemKey;
+            const buttonClassNames = (0, classnames_1.default)({
+                'cursor-auto opacity-70 dark:opacity-40': isCurrent,
+                'hover:opacity-60': !isCurrent,
+            });
+            return (<button key={title} title={title} className={buttonClassNames} onClick={() => updateSelectedItemKey(itemKey)}>
+              {Icon && <Icon className="dark:fill-bright-gray" {...props}/>}
+            </button>);
+        })}
+      </div>
+      <div className="flex flex-col justify-center items-center gap-4">
+        {Object.keys((collapsedSidebarItems === null || collapsedSidebarItems === void 0 ? void 0 : collapsedSidebarItems.footerElements) || {}).map((key) => {
+            const Icon = collapsedSidebarItems === null || collapsedSidebarItems === void 0 ? void 0 : collapsedSidebarItems.footerElements[key].icon.Element;
+            if (Icon === undefined) {
+                return null;
+            }
+            const props = collapsedSidebarItems === null || collapsedSidebarItems === void 0 ? void 0 : collapsedSidebarItems.footerElements[key].icon.props;
+            const title = collapsedSidebarItems === null || collapsedSidebarItems === void 0 ? void 0 : collapsedSidebarItems.footerElements[key].title;
+            const isCurrent = key === currentSelectedItemKey;
+            return (<button key={key} title={typeof title === 'function' ? title() : title} className={(0, classnames_1.default)('rounded-full p-1', {
+                    'opacity-70 cursor-auto dark:opacity-40': isCurrent,
+                    'hover:opacity-70': !isCurrent,
+                })} onClick={(e) => handleFooterElementClick(e, key)}>
+              <Icon width="20" height="20" className="dark:fill-bright-gray" {...props}/>
+            </button>);
+        })}
+      </div>
+    </div>);
+};
+exports.default = CollapsedSidebar;
+//# sourceMappingURL=collapsedSidebar.jsx.map

package/dist/components/sidebar/collapsedSidebar.jsx.map

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

package/dist/components/sidebar/expandedSidebar.jsx

@@ -0,0 +1,99 @@
+"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 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+/**
+ * Internal dependencies.
+ */
+const icons_1 = require("../../icons");
+const sidebarChild_1 = __importDefault(require("./sidebarChild"));
+const useSidebar_1 = require("./useSidebar");
+const ExpandedSidebar = ({ visibleWidth }) => {
+    const { sidebarItems, setIsSidebarFocused, toggleSidebarCollapse, isSidebarCollapsible, isSidebarFocused, isKeySelected, } = (0, useSidebar_1.useSidebar)(({ state, actions }) => ({
+        sidebarItems: state.sidebarItems,
+        setIsSidebarFocused: actions.setIsSidebarFocused,
+        toggleSidebarCollapse: actions.toggleSidebarCollapse,
+        isSidebarCollapsible: state.isSidebarCollapsible,
+        isSidebarFocused: state.isSidebarFocused,
+        isKeySelected: actions.isKeySelected,
+    }));
+    const [isResizing, setIsResizing] = (0, react_1.useState)(true);
+    (0, react_1.useEffect)(() => {
+        setIsResizing(true);
+        setTimeout(() => {
+            setIsResizing(false);
+        }, 180);
+    }, []);
+    const [didUserInteract, setDidUserInteract] = (0, react_1.useState)(false);
+    const sidebarContainerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const handleClickOutside = (event) => {
+            var _a;
+            if (sidebarContainerRef.current &&
+                !((_a = sidebarContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                setIsSidebarFocused(false);
+            }
+        };
+        (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.addEventListener('click', handleClickOutside);
+        return () => {
+            var _a;
+            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleClickOutside);
+        };
+    }, [setIsSidebarFocused]);
+    const isFirstElementSelected = (0, react_1.useMemo)(() => isKeySelected(Object.keys(sidebarItems)[0]), [isKeySelected, sidebarItems]);
+    return (<div ref={sidebarContainerRef} className="min-w-fit">
+      {isSidebarCollapsible && !isResizing && (<button onClick={toggleSidebarCollapse} className="cursor-pointer hover:opacity-70 absolute right-0 z-20" title="Collapse Sidebar Menu">
+          <icons_1.MenuOpenIcon className={(0, classnames_1.default)('w-5 h-5 fill-granite-gray dark:fill-bright-gray', isFirstElementSelected && isSidebarFocused
+                ? 'fill-white'
+                : 'fill-granite-gray')}/>
+        </button>)}
+      {Object.entries(sidebarItems).map(([itemKey, sidebarItem]) => (<sidebarChild_1.default didUserInteract={didUserInteract} setDidUserInteract={setDidUserInteract} itemKey={itemKey} sidebarItem={sidebarItem} key={itemKey} visibleWidth={visibleWidth}/>))}
+    </div>);
+};
+exports.default = ExpandedSidebar;
+//# sourceMappingURL=expandedSidebar.jsx.map

package/dist/components/sidebar/expandedSidebar.jsx.map

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