@google-psat/design-system 0.9.0-1

package/dist/components/sidebar/sidebar.jsx

@@ -0,0 +1,82 @@
+"use strict";
+/*
+ * Copyright 2023 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;
+};
+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"));
+/**
+ * Internal dependencies.
+ */
+const sidebarChild_1 = __importDefault(require("./sidebarChild"));
+const useSidebar_1 = require("./useSidebar");
+const Sidebar = ({ visibleWidth }) => {
+    const { sidebarItems, setIsSidebarFocused } = (0, useSidebar_1.useSidebar)(({ state, actions }) => ({
+        sidebarItems: state.sidebarItems,
+        setIsSidebarFocused: actions.setIsSidebarFocused,
+    }));
+    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]);
+    return (<div className="w-full h-full overflow-auto border border-l-0 border-t-0 border-b-0 border-gray-300 dark:border-quartz dark:bg-raisin-black" data-testid="sidebar">
+      <div ref={sidebarContainerRef} className="min-w-fit">
+        {Object.entries(sidebarItems).map(([itemKey, sidebarItem]) => (<sidebarChild_1.default didUserInteract={didUserInteract} setDidUserInteract={setDidUserInteract} itemKey={itemKey} sidebarItem={sidebarItem} key={itemKey} visibleWidth={visibleWidth}/>))}
+      </div>
+    </div>);
+};
+exports.default = Sidebar;
+//# sourceMappingURL=sidebar.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.jsx","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAA2D;AAE3D;;GAEG;AACH,kEAA0C;AAC1C,6CAA0C;AAM1C,MAAM,OAAO,GAAG,CAAC,EAAE,YAAY,EAAgB,EAAE,EAAE;IACjD,MAAM,EAAE,YAAY,EAAE,mBAAmB,EAAE,GAAG,IAAA,uBAAU,EACtD,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QACvB,YAAY,EAAE,KAAK,CAAC,YAAY;QAChC,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;KACjD,CAAC,CACH,CAAC;IAEF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,mBAAmB,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzD,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAC/C,IACE,mBAAmB,CAAC,OAAO;gBAC3B,CAAC,CAAA,MAAA,mBAAmB,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC5D,CAAC;gBACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC;QAEF,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QAEpE,OAAO,GAAG,EAAE;;YACV,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,6HAA6H,CACvI,WAAW,CAAC,SAAS,CAErB;MAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC,SAAS,CAAC,WAAW,CAClD;QAAA,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAC5D,CAAC,sBAAY,CACX,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,GAAG,CAAC,CAAC,OAAO,CAAC,CACb,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAC,CACJ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/components/sidebar/sidebarChild.jsx

@@ -0,0 +1,141 @@
+"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
+ *
+ * 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"));
+/**
+ * Internal dependencies.
+ */
+const icons_1 = require("../../icons");
+const useSidebar_1 = require("./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 }) => ({
+        selectedItemKey: state.selectedItemKey,
+        isSidebarFocused: state.isSidebarFocused,
+        setIsSidebarFocused: actions.setIsSidebarFocused,
+        updateSelectedItemKey: actions.updateSelectedItemKey,
+        toggleDropdown: actions.toggleDropdown,
+        isKeyAncestor: actions.isKeyAncestor,
+        isKeySelected: actions.isKeySelected,
+        onKeyNavigation: actions.onKeyNavigation,
+    }));
+    const itemRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (isKeySelected(itemKey) && didUserInteract) {
+            (_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [
+        didUserInteract,
+        isKeySelected,
+        itemKey,
+        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;
+    return (<>
+      {/* SidebarItem */}
+      <div ref={itemRef} tabIndex={0} title={sidebarItem.popupTitle} onClick={() => {
+            updateSelectedItemKey(itemKey);
+            setDidUserInteract(true);
+            setIsSidebarFocused(true);
+        }} onKeyDown={(event) => {
+            if (event.key === 'Enter' || event.key === ' ') {
+                toggleDropdown(!sidebarItem.dropdownOpen, itemKey);
+            }
+            else {
+                onKeyNavigation(event, itemKey);
+            }
+            setIsSidebarFocused(true);
+        }} className={`relative w-full flex items-center py-0.5 outline-0 text-xs dark:text-bright-gray ${isKeySelected(itemKey)
+            ? isSidebarFocused
+                ? 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'
+                : 'bg-gainsboro dark:bg-outer-space'
+            : 'bg-white dark:bg-raisin-black'} cursor-pointer ${sidebarItem.isBlurred ? 'opacity-50' : ''}`} style={{ paddingLeft: recursiveStackIndex * 16 + 12 }} data-testid="sidebar-child">
+        {((_d = Object.keys(sidebarItem.children)) === null || _d === void 0 ? void 0 : _d.length) !== 0 && (<button onClick={() => {
+                toggleDropdown(!sidebarItem.dropdownOpen, itemKey);
+            }} className={`origin-center transition-transform scale-125 p-0.5 mr-1 ${!sidebarItem.dropdownOpen && '-rotate-90'}`} data-testid="sidebar-child-dropdown">
+            <div className="pointer-events-none">
+              {isKeyAncestor(itemKey) ||
+                !isKeySelected(itemKey) ||
+                !isSidebarFocused ? (<icons_1.ArrowDown />) : (<icons_1.ArrowDownWhite />)}
+            </div>
+          </button>)}
+        {sidebarItem.icon && sidebarItem.selectedIcon && (<div className="mr-1 pointer-events-none w-4 h-4">
+            {isKeySelected(itemKey) && isSidebarFocused
+                ? SelectedIcon && (<SelectedIcon {...sidebarItem.selectedIcon.props}/>)
+                : Icon && <Icon {...sidebarItem.icon.props}/>}
+          </div>)}
+        <p className="flex flex-row items-center justify-center whitespace-nowrap gap-x-1 pr-1">
+          {typeof sidebarItem.title === 'function'
+            ? sidebarItem.title()
+            : sidebarItem.title}
+
+          {sidebarItem.infoIconDescription ? (<span title={sidebarItem.infoIconDescription}>
+              <icons_1.InfoIcon className={`${isKeySelected(itemKey) && isSidebarFocused
+                ? 'fill-white'
+                : 'fill-gray'}`}/>
+            </span>) : null}
+        </p>
+        <div className="absolute" style={{
+            left: visibleWidth ? visibleWidth - 35 : 0,
+        }}>
+          {ExtraInterfaceToTitle && (<ExtraInterfaceToTitle {...(_e = sidebarItem.extraInterfaceToTitle) === null || _e === void 0 ? void 0 : _e.props}/>)}
+        </div>
+      </div>
+      {/* Sidebar item's children */}
+      <>
+        {((_f = Object.keys(sidebarItem.children)) === null || _f === void 0 ? void 0 : _f.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>))}
+            </>)}
+      </>
+    </>);
+};
+exports.default = SidebarChild;
+//# sourceMappingURL=sidebarChild.jsx.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,38 @@
+"use strict";
+/*
+ * Copyright 2023 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIDEBAR_ITEMS_KEYS = void 0;
+var SIDEBAR_ITEMS_KEYS;
+(function (SIDEBAR_ITEMS_KEYS) {
+    SIDEBAR_ITEMS_KEYS["COOKIES"] = "cookies";
+    SIDEBAR_ITEMS_KEYS["COOKIES_WITH_ISSUES"] = "cookie-issues";
+    SIDEBAR_ITEMS_KEYS["TECHNOLOGIES"] = "technologies";
+    SIDEBAR_ITEMS_KEYS["PRIVACY_SANDBOX"] = "privacy-sandbox";
+    SIDEBAR_ITEMS_KEYS["SITE_BOUNDARIES"] = "site-boundaries";
+    SIDEBAR_ITEMS_KEYS["CHIPS"] = "chips";
+    SIDEBAR_ITEMS_KEYS["RELATED_WEBSITE_SETS"] = "related-website-sets";
+    SIDEBAR_ITEMS_KEYS["PRIVATE_ADVERTISING"] = "private-advertising";
+    SIDEBAR_ITEMS_KEYS["TOPICS"] = "topics";
+    SIDEBAR_ITEMS_KEYS["ATTRIBUTION"] = "attribution";
+    SIDEBAR_ITEMS_KEYS["PROTECTED_AUDIENCE"] = "protected-audience";
+    SIDEBAR_ITEMS_KEYS["ANTI_COVERT_TRACKING"] = "anti-covert-tracking";
+    SIDEBAR_ITEMS_KEYS["BOUNCE_TRACKING"] = "bounce-tracking";
+    SIDEBAR_ITEMS_KEYS["FINGERPRINTING"] = "fingerprinting";
+    SIDEBAR_ITEMS_KEYS["FACILITATED_TESTING"] = "facilitated-testing";
+    SIDEBAR_ITEMS_KEYS["SETTINGS"] = "settings";
+})(SIDEBAR_ITEMS_KEYS || (exports.SIDEBAR_ITEMS_KEYS = SIDEBAR_ITEMS_KEYS = {}));
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/constants.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEH,IAAY,kBAiBX;AAjBD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,2DAAqC,CAAA;IACrC,mDAA6B,CAAA;IAC7B,yDAAmC,CAAA;IACnC,yDAAmC,CAAA;IACnC,qCAAe,CAAA;IACf,mEAA6C,CAAA;IAC7C,iEAA2C,CAAA;IAC3C,uCAAiB,CAAA;IACjB,iDAA2B,CAAA;IAC3B,+DAAyC,CAAA;IACzC,mEAA6C,CAAA;IAC7C,yDAAmC,CAAA;IACnC,uDAAiC,CAAA;IACjC,iEAA2C,CAAA;IAC3C,2CAAqB,CAAA;AACvB,CAAC,EAjBW,kBAAkB,kCAAlB,kBAAkB,QAiB7B"}

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

@@ -0,0 +1,48 @@
+"use strict";
+/*
+ * Copyright 2023 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SidebarContext = exports.initialState = void 0;
+/**
+ * External dependencies.
+ */
+const common_1 = require("@google-psat/common");
+exports.initialState = {
+    state: {
+        activePanel: {
+            panel: {
+                Element: () => '',
+                props: {},
+            },
+            query: '',
+            clearQuery: common_1.noop,
+        },
+        selectedItemKey: null,
+        currentItemKey: null,
+        sidebarItems: {},
+        isSidebarFocused: true,
+    },
+    actions: {
+        setIsSidebarFocused: common_1.noop,
+        updateSelectedItemKey: common_1.noop,
+        onKeyNavigation: common_1.noop,
+        toggleDropdown: common_1.noop,
+        isKeyAncestor: () => false,
+        isKeySelected: () => false,
+    },
+};
+exports.SidebarContext = (0, common_1.createContext)(exports.initialState);
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/context.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEH;;GAEG;AACH,gDAA0D;AAgC7C,QAAA,YAAY,GAAwB;IAC/C,KAAK,EAAE;QACL,WAAW,EAAE;YACX,KAAK,EAAE;gBACL,OAAO,EAAE,GAAG,EAAE,CAAC,EAAS;gBACxB,KAAK,EAAE,EAAE;aACV;YACD,KAAK,EAAE,EAAE;YACT,UAAU,EAAE,aAAI;SACjB;QACD,eAAe,EAAE,IAAI;QACrB,cAAc,EAAE,IAAI;QACpB,YAAY,EAAE,EAAE;QAChB,gBAAgB,EAAE,IAAI;KACvB;IACD,OAAO,EAAE;QACP,mBAAmB,EAAE,aAAI;QACzB,qBAAqB,EAAE,aAAI;QAC3B,eAAe,EAAE,aAAI;QACrB,cAAc,EAAE,aAAI;QACpB,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK;QAC1B,aAAa,EAAE,GAAG,EAAE,CAAC,KAAK;KAC3B;CACF,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,sBAAa,EAAsB,oBAAY,CAAC,CAAC"}

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

@@ -0,0 +1,35 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Copyright 2023 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.
+ */
+__exportStar(require("./provider"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./useSidebar"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,6CAA2B;AAC3B,0CAAwB;AACxB,+CAA6B"}

package/dist/components/sidebar/useSidebar/provider.jsx

@@ -0,0 +1,243 @@
+"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 });
+exports.SidebarProvider = void 0;
+/*
+ * Copyright 2023 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"));
+/**
+ * Internal dependencies.
+ */
+const utils_1 = require("./utils");
+const context_1 = require("./context");
+const SidebarProvider = ({ data, defaultSelectedItemKey = null, children, }) => {
+    const [selectedItemKey, setSelectedItemKey] = (0, react_1.useState)(null);
+    const [activePanel, setActivePanel] = (0, react_1.useState)(context_1.initialState.state.activePanel);
+    const [query, setQuery] = (0, react_1.useState)('');
+    const [sidebarItems, setSidebarItems] = (0, react_1.useState)({});
+    const [isSidebarFocused, setIsSidebarFocused] = (0, react_1.useState)(true);
+    /**
+     * Update the selected item key when the defaultSelectedItemKey loads.
+     */
+    (0, react_1.useEffect)(() => {
+        setSelectedItemKey(defaultSelectedItemKey);
+    }, [defaultSelectedItemKey]);
+    /**
+     * Get the last sidebar item key in selectedItemKey chain.
+     * Eg: selectedItemKey = 'Privacy-Sandbox#cookies#frameUrl'
+     * currentItemKey = 'frameUrl'
+     */
+    const currentItemKey = (0, react_1.useMemo)(() => {
+        if (!selectedItemKey) {
+            return null;
+        }
+        const keys = selectedItemKey.split('#');
+        const length = keys.length;
+        return keys[length - 1];
+    }, [selectedItemKey]);
+    /**
+     * Update the sidebar items when the sidebar data changes.
+     */
+    (0, react_1.useEffect)(() => {
+        setSidebarItems(data);
+    }, [data]);
+    /**
+     * Find the active panel when the selected item key changes.
+     */
+    (0, react_1.useEffect)(() => {
+        let keyFound = false;
+        /**
+         * Find the active panel, if the selected item key is matched with the item key.
+         * If the item key is matched, set the active panel.
+         * If the item has children, recursively find the active panel.
+         * @param items Sidebar items.
+         */
+        const findActivePanel = (items) => {
+            Object.entries(items).forEach(([itemKey, item]) => {
+                if (keyFound) {
+                    return;
+                }
+                if ((0, utils_1.matchKey)(selectedItemKey || '', itemKey)) {
+                    if (item.panel) {
+                        setActivePanel({
+                            query,
+                            clearQuery: () => {
+                                setTimeout(() => setQuery(''));
+                            },
+                            panel: item.panel,
+                        });
+                    }
+                    keyFound = true;
+                    return;
+                }
+                if (item.children) {
+                    findActivePanel(item.children);
+                }
+            });
+        };
+        if (selectedItemKey) {
+            findActivePanel(sidebarItems);
+        }
+    }, [query, selectedItemKey, sidebarItems]);
+    /**
+     * Update the selected item key and query string.
+     * @param key Selected item key.
+     * @param queryString Query string to pass to the new panel.
+     */
+    const updateSelectedItemKey = (0, react_1.useCallback)((key, queryString = '') => {
+        const keyPath = (0, utils_1.createKeyPath)(sidebarItems, key || '');
+        if (!keyPath.length) {
+            setSelectedItemKey(null);
+            return;
+        }
+        setSelectedItemKey(keyPath.join('#'));
+        setQuery(queryString);
+    }, [sidebarItems]);
+    /**
+     * Toggle the dropdown of the sidebar item.
+     * @param action Dropdown action.
+     * @param key Sidebar item key to toggle dropdown.
+     */
+    const toggleDropdown = (0, react_1.useCallback)((action, key) => {
+        setSidebarItems((prev) => {
+            const items = Object.assign({}, prev);
+            const item = (0, utils_1.findItem)(items, key);
+            if (item && Object.keys(item.children).length) {
+                item.dropdownOpen = action;
+            }
+            return items;
+        });
+    }, []);
+    /**
+     * Handle keyboard navigation in the sidebar.
+     * @param event Keyboard event.
+     * @param key Sidebar item key to navigate.
+     */
+    const onKeyNavigation = (0, react_1.useCallback)((event, key) => {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!key) {
+            return;
+        }
+        const navigationAction = event.key;
+        const keyPath = (0, utils_1.createKeyPath)(sidebarItems, key);
+        if (!keyPath.length) {
+            return;
+        }
+        /**
+         * Open or close the dropdown based on the navigation action.
+         */
+        if (navigationAction === 'ArrowRight') {
+            toggleDropdown(true, key);
+        }
+        else if (navigationAction === 'ArrowLeft') {
+            toggleDropdown(false, key);
+        }
+        /**
+         * Navigate to the previous or next sidebar item based on the navigation action.
+         */
+        if (navigationAction === 'ArrowUp') {
+            const prevItem = (0, utils_1.findPrevItem)(sidebarItems, keyPath);
+            if (!prevItem) {
+                return;
+            }
+            // delay navigation as user can hold up arrow key which make useEffect to run multiple times unnecessarily.
+            setTimeout(() => updateSelectedItemKey(prevItem));
+        }
+        else if (navigationAction === 'ArrowDown') {
+            const nextItem = (0, utils_1.findNextItem)(sidebarItems, keyPath);
+            if (!nextItem) {
+                return;
+            }
+            // delay navigation as user can hold down arrow key which make useEffect to run multiple times unnecessarily.
+            setTimeout(() => updateSelectedItemKey(nextItem));
+        }
+    }, [sidebarItems, toggleDropdown, updateSelectedItemKey]);
+    /**
+     * Check if the key is an ancestor of the selected item key.
+     * @param key Sidebar item key to check.
+     * @returns boolean
+     */
+    const isKeyAncestor = (0, react_1.useCallback)((key) => {
+        if (!selectedItemKey) {
+            return false;
+        }
+        const keys = selectedItemKey.split('#');
+        const length = keys.length;
+        return keys[length - 1] !== key && keys.includes(key);
+    }, [selectedItemKey]);
+    /**
+     * Check if the key is present in the selected item key chain.
+     * Eg: selectedItemKey = 'Privacy-Sandbox#cookies#frameUrl'
+     * isKeySelected('frameUrl') => true
+     * @param key Sidebar item key to check.
+     * @returns boolean
+     */
+    const isKeySelected = (0, react_1.useCallback)((key) => {
+        if (!selectedItemKey) {
+            return false;
+        }
+        const keys = selectedItemKey.split('#');
+        const length = keys.length;
+        return keys[length - 1] === key;
+    }, [selectedItemKey]);
+    return (<context_1.SidebarContext.Provider value={{
+            state: {
+                activePanel,
+                selectedItemKey,
+                currentItemKey,
+                sidebarItems,
+                isSidebarFocused,
+            },
+            actions: {
+                setIsSidebarFocused,
+                updateSelectedItemKey,
+                onKeyNavigation,
+                toggleDropdown,
+                isKeyAncestor,
+                isKeySelected,
+            },
+        }}>
+      {children}
+    </context_1.SidebarContext.Provider>);
+};
+exports.SidebarProvider = SidebarProvider;
+//# sourceMappingURL=provider.jsx.map

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+/*
+ * Copyright 2023 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG"}