@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/sidebar/collapsedSidebar.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 2024 Google LLC
  *
@@ -44,15 +16,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
+import React, { useCallback } from 'react';
+import classNames from 'classnames';
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../icons");
-const useSidebar_1 = require("./useSidebar");
+import { MenuOpenIcon } from '../../icons';
+import { useSidebar } from './useSidebar';
 const CollapsedSidebar = () => {
-    const { collapsedSidebarItems, updateSelectedItemKey, currentSelectedItemKey, toggleSidebarCollapse, sidebarItems, selectedItemKey, } = (0, useSidebar_1.useSidebar)(({ state, actions }) => ({
+    const { collapsedSidebarItems, updateSelectedItemKey, currentSelectedItemKey, toggleSidebarCollapse, sidebarItems, selectedItemKey, } = useSidebar(({ state, actions }) => ({
         collapsedSidebarItems: state.collapsedSidebarItems,
         updateSelectedItemKey: actions.updateSelectedItemKey,
         currentSelectedItemKey: state.currentItemKey,
@@ -60,30 +32,30 @@ const CollapsedSidebar = () => {
         sidebarItems: state.sidebarItems,
         selectedItemKey: state.selectedItemKey,
     }));
-    const handleFooterElementClick = (0, react_1.useCallback)((e, key) => {
+    const handleFooterElementClick = 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')}>
+    return (<div className={classNames('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"/>
+          <MenuOpenIcon className="dark:fill-bright-gray fill-granite-gray w-5 h-5 rotate-180"/>
         </button>
         {Object.keys(sidebarItems).map((itemKey) => {
-            if (Object.keys((collapsedSidebarItems === null || collapsedSidebarItems === void 0 ? void 0 : collapsedSidebarItems.footerElements) || {}).includes(itemKey)) {
+            if (Object.keys(collapsedSidebarItems?.footerElements || {}).includes(itemKey)) {
                 return null;
             }
             const isCurrent = itemKey === selectedItemKey;
             const sidebarItem = sidebarItems[itemKey];
             const icon = sidebarItem.icon || null;
-            const Icon = (icon === null || icon === void 0 ? void 0 : icon.Element) || null;
-            const props = (icon === null || icon === void 0 ? void 0 : icon.props) || {};
+            const Icon = icon?.Element || null;
+            const props = icon?.props || {};
             const title = typeof sidebarItem.title === 'function'
                 ? sidebarItem.title()
                 : sidebarItem.title;
-            const buttonClassNames = (0, classnames_1.default)({
-                'cursor-auto opacity-40': isCurrent,
+            const buttonClassNames = classNames({
+                'cursor-default! opacity-40': isCurrent,
                 'hover:opacity-60': !isCurrent,
             });
             return (<button key={title} title={title} className={buttonClassNames} onClick={() => updateSelectedItemKey(itemKey)}>
@@ -92,15 +64,15 @@ const CollapsedSidebar = () => {
         })}
       </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;
+        {Object.keys(collapsedSidebarItems?.footerElements || {}).map((key) => {
+            const Icon = 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 props = collapsedSidebarItems?.footerElements[key].icon.props;
+            const title = 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', {
+            return (<button key={key} title={typeof title === 'function' ? title() : title} className={classNames('rounded-full p-1', {
                     'opacity-70 cursor-auto dark:opacity-40': isCurrent,
                     'hover:opacity-70': !isCurrent,
                 })} onClick={(e) => handleFooterElementClick(e, key)}>
@@ -110,5 +82,5 @@ const CollapsedSidebar = () => {
       </div>
     </div>);
 };
-exports.default = CollapsedSidebar;
+export default CollapsedSidebar;
 //# sourceMappingURL=collapsedSidebar.jsx.map

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

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

package/dist/components/sidebar/expandedSidebar.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 2024 Google LLC
  *
@@ -44,16 +16,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import classNames from '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 }) => ({
+import { MenuOpenIcon } from '../../icons';
+import SidebarChild from './sidebarChild';
+import { useSidebar } from './useSidebar';
+const ExpandedSidebar = ({ visibleWidth, shouldScrollToLatestItem = false, }) => {
+    const { sidebarItems, setIsSidebarFocused, toggleSidebarCollapse, isSidebarCollapsible, isSidebarFocused, isKeySelected, } = useSidebar(({ state, actions }) => ({
         sidebarItems: state.sidebarItems,
         setIsSidebarFocused: actions.setIsSidebarFocused,
         toggleSidebarCollapse: actions.toggleSidebarCollapse,
@@ -61,39 +33,36 @@ const ExpandedSidebar = ({ visibleWidth }) => {
         isSidebarFocused: state.isSidebarFocused,
         isKeySelected: actions.isKeySelected,
     }));
-    const [isResizing, setIsResizing] = (0, react_1.useState)(true);
-    (0, react_1.useEffect)(() => {
+    const [isResizing, setIsResizing] = useState(true);
+    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 [didUserInteract, setDidUserInteract] = useState(false);
+    const sidebarContainerRef = useRef(null);
+    useEffect(() => {
         const handleClickOutside = (event) => {
-            var _a;
             if (sidebarContainerRef.current &&
-                !((_a = sidebarContainerRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                !sidebarContainerRef.current?.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);
+        globalThis?.document?.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);
+            globalThis?.document?.removeEventListener('click', handleClickOutside);
         };
     }, [setIsSidebarFocused]);
-    const isFirstElementSelected = (0, react_1.useMemo)(() => isKeySelected(Object.keys(sidebarItems)[0]), [isKeySelected, sidebarItems]);
+    const isFirstElementSelected = useMemo(() => isKeySelected(Object.keys(sidebarItems)[0]), [isKeySelected, sidebarItems]);
     return (<div ref={sidebarContainerRef} className="min-w-fit h-full flex flex-col">
       {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
+          <MenuOpenIcon className={classNames('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}/>))}
+      {Object.entries(sidebarItems).map(([itemKey, sidebarItem]) => (<SidebarChild shouldScrollToLatestItem={shouldScrollToLatestItem} didUserInteract={didUserInteract} setDidUserInteract={setDidUserInteract} itemKey={itemKey} sidebarItem={sidebarItem} key={itemKey} visibleWidth={visibleWidth}/>))}
     </div>);
 };
-exports.default = ExpandedSidebar;
+export default ExpandedSidebar;
 //# sourceMappingURL=expandedSidebar.jsx.map

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

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

package/dist/components/sidebar/index.js

@@ -1,23 +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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
 /*
  * Copyright 2023 Google LLC
  *
@@ -33,8 +13,7 @@ exports.Sidebar = void 0;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-__exportStar(require("./useSidebar"), exports);
-__exportStar(require("./useSidebar/constants"), exports);
-var sidebar_1 = require("./sidebar");
-Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return __importDefault(sidebar_1).default; } });
+export * from './useSidebar';
+export * from './useSidebar/constants';
+export { default as Sidebar } from './sidebar';
 //# sourceMappingURL=index.js.map

package/dist/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/sidebar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,+CAA6B;AAC7B,yDAAuC;AACvC,qCAA+C;AAAtC,mHAAA,OAAO,OAAW"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/sidebar/sidebar.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,32 +13,28 @@
  * 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 });
 /**
  * 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 useSidebar_1 = require("./useSidebar");
-const collapsedSidebar_1 = __importDefault(require("./collapsedSidebar"));
-const expandedSidebar_1 = __importDefault(require("./expandedSidebar"));
-const Sidebar = ({ visibleWidth }) => {
-    const { isCollapsed } = (0, useSidebar_1.useSidebar)(({ state }) => ({
+import { useSidebar } from './useSidebar';
+import CollapsedSidebar from './collapsedSidebar';
+import ExpandedSidebar from './expandedSidebar';
+const Sidebar = ({ visibleWidth, shouldScrollToLatestItem = false, }) => {
+    const { isCollapsed } = useSidebar(({ state }) => ({
         isCollapsed: state.isCollapsed,
     }));
-    return (<div className={(0, classnames_1.default)('h-full border-r border-gray-300 dark:border-quartz relative transition-all duration-300 bg-lotion dark:bg-raisin-black', {
+    return (<div className={classNames('h-full border-r border-gray-300 dark:border-quartz relative transition-all duration-300 bg-lotion dark:bg-raisin-black', {
             'w-full overflow-auto': !isCollapsed,
         }, {
             'w-10': isCollapsed,
         })} data-testid="sidebar">
-      {isCollapsed ? (<collapsedSidebar_1.default />) : (<expandedSidebar_1.default visibleWidth={visibleWidth}/>)}
+      {isCollapsed ? (<CollapsedSidebar />) : (<ExpandedSidebar shouldScrollToLatestItem={shouldScrollToLatestItem} visibleWidth={visibleWidth}/>)}
     </div>);
 };
-exports.default = Sidebar;
+export default Sidebar;
 //# sourceMappingURL=sidebar.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.jsx","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,6CAA0C;AAC1C,0EAAkD;AAClD,wEAAgD;AAMhD,MAAM,OAAO,GAAG,CAAC,EAAE,YAAY,EAAgB,EAAE,EAAE;IACjD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,uBAAU,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACjD,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,wHAAwH,EACxH;YACE,sBAAsB,EAAE,CAAC,WAAW;SACrC,EACD;YACE,MAAM,EAAE,WAAW;SACpB,CACF,CAAC,CACF,WAAW,CAAC,SAAS,CAErB;MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,0BAAgB,CAAC,AAAD,EAAG,CACrB,CAAC,CAAC,CAAC,CACF,CAAC,yBAAe,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,EAAG,CAChD,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"sidebar.jsx","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAOhD,MAAM,OAAO,GAAG,CAAC,EACf,YAAY,EACZ,wBAAwB,GAAG,KAAK,GACnB,EAAE,EAAE;IACjB,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACjD,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,wHAAwH,EACxH;YACE,sBAAsB,EAAE,CAAC,WAAW;SACrC,EACD;YACE,MAAM,EAAE,WAAW;SACpB,CACF,CAAC,CACF,WAAW,CAAC,SAAS,CAErB;MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,gBAAgB,CAAC,AAAD,EAAG,CACrB,CAAC,CAAC,CAAC,CACF,CAAC,eAAe,CACd,wBAAwB,CAAC,CAAC,wBAAwB,CAAC,CACnD,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/sidebar/sidebarChild.jsx

@@ -1,28 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -41,16 +16,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
+import React, { useEffect, useRef } from 'react';
+import classNames from 'classnames';
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../icons");
-const useSidebar_1 = require("./useSidebar");
+import { ArrowDown, ArrowDownWhite, InfoIcon } from '../../icons';
+import { useSidebar } from './useSidebar';
 // eslint-disable-next-line complexity
-const SidebarChild = ({ didUserInteract, setDidUserInteract, itemKey, sidebarItem, recursiveStackIndex = 0, visibleWidth, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { selectedItemKey, isSidebarFocused, setIsSidebarFocused, updateSelectedItemKey, toggleDropdown, isKeyAncestor, isKeySelected, onKeyNavigation, } = (0, useSidebar_1.useSidebar)(({ state, actions }) => ({
+const SidebarChild = ({ didUserInteract, setDidUserInteract, itemKey, sidebarItem, recursiveStackIndex = 0, visibleWidth, shouldScrollToLatestItem, }) => {
+    const { selectedItemKey, isSidebarFocused, setIsSidebarFocused, updateSelectedItemKey, toggleDropdown, isKeyAncestor, isKeySelected, onKeyNavigation, } = useSidebar(({ state, actions }) => ({
         selectedItemKey: state.selectedItemKey,
         isSidebarFocused: state.isSidebarFocused,
         setIsSidebarFocused: actions.setIsSidebarFocused,
@@ -60,11 +35,10 @@ const SidebarChild = ({ didUserInteract, setDidUserInteract, itemKey, sidebarIte
         isKeySelected: actions.isKeySelected,
         onKeyNavigation: actions.onKeyNavigation,
     }));
-    const itemRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        var _a;
+    const itemRef = useRef(null);
+    useEffect(() => {
         if (isKeySelected(itemKey) && didUserInteract) {
-            (_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            itemRef.current?.focus();
         }
     }, [
         didUserInteract,
@@ -73,13 +47,18 @@ const SidebarChild = ({ didUserInteract, setDidUserInteract, itemKey, sidebarIte
         selectedItemKey,
         setIsSidebarFocused,
     ]);
-    const SelectedIcon = (_a = sidebarItem.selectedIcon) === null || _a === void 0 ? void 0 : _a.Element;
-    const Icon = (_b = sidebarItem.icon) === null || _b === void 0 ? void 0 : _b.Element;
-    const ExtraInterfaceToTitle = (_c = sidebarItem.extraInterfaceToTitle) === null || _c === void 0 ? void 0 : _c.Element;
+    useEffect(() => {
+        if (shouldScrollToLatestItem) {
+            itemRef.current?.scrollIntoView();
+        }
+    }, [shouldScrollToLatestItem]);
+    const SelectedIcon = sidebarItem.selectedIcon?.Element;
+    const Icon = sidebarItem.icon?.Element;
+    const ExtraInterfaceToTitle = sidebarItem.extraInterfaceToTitle?.Element;
     return (<>
       {/* SidebarItem */}
       <div ref={itemRef} tabIndex={0} title={sidebarItem.popupTitle} onClick={() => {
-            updateSelectedItemKey(itemKey);
+            updateSelectedItemKey(itemKey, '', sidebarItem?.panel?.skipPanelDisplay);
             setDidUserInteract(true);
             setIsSidebarFocused(true);
         }} onKeyDown={(event) => {
@@ -90,12 +69,17 @@ const SidebarChild = ({ didUserInteract, setDidUserInteract, itemKey, sidebarIte
                 onKeyNavigation(event, itemKey);
             }
             setIsSidebarFocused(true);
-        }} className={`w-full flex items-center py-0.5 outline-0 text-xs dark:text-bright-gray ${isKeySelected(itemKey)
-            ? isSidebarFocused
-                ? 'bg-blueberry text-white dark:bg-medium-persian-blue dark:text-chinese-silver'
-                : 'bg-gainsboro dark:bg-outer-space'
-            : 'bg-lotion dark:bg-raisin-black'} cursor-pointer ${sidebarItem.isBlurred ? 'opacity-50' : ''} ${sidebarItem.containerClassName}`} style={{ paddingLeft: recursiveStackIndex * 16 + 12 }} data-testid="sidebar-child">
-        {((_d = Object.keys(sidebarItem.children)) === null || _d === void 0 ? void 0 : _d.length) !== 0 && (<button title={typeof sidebarItem.title === 'function'
+        }} className={classNames('w-full flex items-center py-0.5 outline-0 text-xs dark:text-bright-gray cursor-pointer', {
+            // Selected state
+            'bg-blueberry text-white dark:bg-medium-persian-blue dark:text-chinese-silver': isKeySelected(itemKey) && isSidebarFocused,
+            'bg-gainsboro dark:bg-outer-space': isKeySelected(itemKey) && !isSidebarFocused,
+            // Unselected state
+            'bg-lotion dark:bg-raisin-black': !isKeySelected(itemKey),
+            // Blur state
+            'opacity-50': sidebarItem.isBlurred,
+            'hover:underline': sidebarItem?.panel?.skipPanelDisplay,
+        }, sidebarItem.containerClassName)} style={{ paddingLeft: recursiveStackIndex * 16 + 12 }} data-testid="sidebar-child">
+        {Object.keys(sidebarItem.children)?.length !== 0 && (<button title={typeof sidebarItem.title === 'function'
                 ? sidebarItem.title()
                 : sidebarItem.title || ''} onClick={() => {
                 toggleDropdown(!sidebarItem.dropdownOpen, itemKey);
@@ -103,7 +87,7 @@ const SidebarChild = ({ didUserInteract, setDidUserInteract, itemKey, sidebarIte
             <div className="pointer-events-none">
               {isKeyAncestor(itemKey) ||
                 !isKeySelected(itemKey) ||
-                !isSidebarFocused ? (<icons_1.ArrowDown />) : (<icons_1.ArrowDownWhite />)}
+                !isSidebarFocused ? (<ArrowDown />) : (<ArrowDownWhite />)}
             </div>
           </button>)}
         {sidebarItem.icon && sidebarItem.selectedIcon && (<div className="mr-1 pointer-events-none w-4 h-4">
@@ -117,27 +101,28 @@ const SidebarChild = ({ didUserInteract, setDidUserInteract, itemKey, sidebarIte
             : sidebarItem.title}
 
           {sidebarItem.infoIconDescription ? (<span title={sidebarItem.infoIconDescription}>
-              <icons_1.InfoIcon className={`${isKeySelected(itemKey) && isSidebarFocused
+              <InfoIcon className={`${isKeySelected(itemKey) && isSidebarFocused
                 ? 'fill-white'
                 : 'fill-gray'}`}/>
             </span>) : null}
         </p>
         <div className="absolute right-0 px-1">
-          {ExtraInterfaceToTitle && (<ExtraInterfaceToTitle {...(_e = sidebarItem.extraInterfaceToTitle) === null || _e === void 0 ? void 0 : _e.props}/>)}
+          {ExtraInterfaceToTitle && (<ExtraInterfaceToTitle {...sidebarItem.extraInterfaceToTitle?.props}/>)}
         </div>
       </div>
       {/* Sidebar item's children */}
       <>
-        {((_f = Object.keys(sidebarItem.children)) === null || _f === void 0 ? void 0 : _f.length) !== 0 &&
+        {Object.keys(sidebarItem.children)?.length !== 0 &&
             sidebarItem.dropdownOpen && (<>
-              {Object.entries(sidebarItem.children).map(([childKey, child]) => (<react_1.default.Fragment key={childKey}>
-                  <SidebarChild didUserInteract={didUserInteract} setDidUserInteract={setDidUserInteract} itemKey={childKey} sidebarItem={child} recursiveStackIndex={recursiveStackIndex + 1} visibleWidth={visibleWidth}/>
-                </react_1.default.Fragment>))}
+              {Object.entries(sidebarItem.children).map(([childKey, child], index) => (<React.Fragment key={childKey}>
+                    <SidebarChild shouldScrollToLatestItem={shouldScrollToLatestItem &&
+                    index === Object.keys(sidebarItem.children)?.length - 1} didUserInteract={didUserInteract} setDidUserInteract={setDidUserInteract} itemKey={childKey} sidebarItem={child} recursiveStackIndex={recursiveStackIndex + 1} visibleWidth={visibleWidth}/>
+                  </React.Fragment>))}
             </>)}
       </>
       {sidebarItem.addDivider && (<div className="h-px bg-gray-200 dark:bg-quartz my-2"/>)}
       {sidebarItem.addSpacer && <div className="flex-1"/>}
     </>);
 };
-exports.default = SidebarChild;
+export default SidebarChild;
 //# sourceMappingURL=sidebarChild.jsx.map

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

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

package/dist/components/sidebar/useSidebar/constants.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,9 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SIDEBAR_ITEMS_KEYS = void 0;
-var SIDEBAR_ITEMS_KEYS;
+export var SIDEBAR_ITEMS_KEYS;
 (function (SIDEBAR_ITEMS_KEYS) {
     SIDEBAR_ITEMS_KEYS["DASHBOARD"] = "dashboard";
     SIDEBAR_ITEMS_KEYS["STORIES"] = "stories";
@@ -45,6 +42,8 @@ var SIDEBAR_ITEMS_KEYS;
     SIDEBAR_ITEMS_KEYS["STORAGE_ACCESS"] = "storage-access";
     SIDEBAR_ITEMS_KEYS["FEDERATED_CREDENTIAL"] = "federated-credential";
     SIDEBAR_ITEMS_KEYS["IP_PROTECTION"] = "ip-protection";
+    SIDEBAR_ITEMS_KEYS["SCRIPT_BLOCKING"] = "script-blocking";
     SIDEBAR_ITEMS_KEYS["PRIVATE_STATE_TOKENS"] = "private-state-tokens";
-})(SIDEBAR_ITEMS_KEYS || (exports.SIDEBAR_ITEMS_KEYS = SIDEBAR_ITEMS_KEYS = {}));
+    SIDEBAR_ITEMS_KEYS["OPEN_INCOGNITO_TAB"] = "open-incognito-tab";
+})(SIDEBAR_ITEMS_KEYS || (SIDEBAR_ITEMS_KEYS = {}));
 //# sourceMappingURL=constants.js.map

package/dist/components/sidebar/useSidebar/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/constants.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEH,IAAY,kBA6BX;AA7BD,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,2DAAqC,CAAA;IACrC,0DAAoC,CAAA;IACpC,yDAAmC,CAAA;IACnC,yDAAmC,CAAA;IACnC,qCAAe,CAAA;IACf,mEAA6C,CAAA;IAC7C,iEAA2C,CAAA;IAC3C,uCAAiB,CAAA;IACjB,qEAA+C,CAAA;IAC/C,+DAAyC,CAAA;IACzC,iEAA2C,CAAA;IAC3C,mEAA6C,CAAA;IAC7C,yDAAmC,CAAA;IACnC,uDAAiC,CAAA;IACjC,iEAA2C,CAAA;IAC3C,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,2CAAqB,CAAA;IACrB,iDAA2B,CAAA;IAC3B,2CAAqB,CAAA;IACrB,2CAAqB,CAAA;IACrB,uDAAiC,CAAA;IACjC,mEAA6C,CAAA;IAC7C,qDAA+B,CAAA;IAC/B,mEAA6C,CAAA;AAC/C,CAAC,EA7BW,kBAAkB,kCAAlB,kBAAkB,QA6B7B"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAN,IAAY,kBA+BX;AA/BD,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,2DAAqC,CAAA;IACrC,0DAAoC,CAAA;IACpC,yDAAmC,CAAA;IACnC,yDAAmC,CAAA;IACnC,qCAAe,CAAA;IACf,mEAA6C,CAAA;IAC7C,iEAA2C,CAAA;IAC3C,uCAAiB,CAAA;IACjB,qEAA+C,CAAA;IAC/C,+DAAyC,CAAA;IACzC,iEAA2C,CAAA;IAC3C,mEAA6C,CAAA;IAC7C,yDAAmC,CAAA;IACnC,uDAAiC,CAAA;IACjC,iEAA2C,CAAA;IAC3C,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,2CAAqB,CAAA;IACrB,iDAA2B,CAAA;IAC3B,2CAAqB,CAAA;IACrB,2CAAqB,CAAA;IACrB,uDAAiC,CAAA;IACjC,mEAA6C,CAAA;IAC7C,qDAA+B,CAAA;IAC/B,yDAAmC,CAAA;IACnC,mEAA6C,CAAA;IAC7C,+DAAyC,CAAA;AAC3C,CAAC,EA/BW,kBAAkB,KAAlB,kBAAkB,QA+B7B"}