@google-psat/design-system 0.9.0-1

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

@@ -0,0 +1,30 @@
+"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.useSidebar = void 0;
+const common_1 = require("@google-psat/common");
+const context_1 = require("./context");
+/**
+ * Hook to access the Sidebar context.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+function useSidebar(selector = (state) => state) {
+    return (0, common_1.useContextSelector)(context_1.SidebarContext, selector);
+}
+exports.useSidebar = useSidebar;
+//# sourceMappingURL=useSidebar.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebar.jsx","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/useSidebar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEH,gDAAyD;AACzD,uCAAgE;AAKhE;;;;GAIG;AACH,SAAgB,UAAU,CACxB,WAAoE,CAAC,KAAK,EAAE,EAAE,CAC5E,KAAK;IAEP,OAAO,IAAA,2BAAkB,EAAC,wBAAc,EAAE,QAAQ,CAAC,CAAC;AACtD,CAAC;AALD,gCAKC"}

package/dist/components/sidebar/useSidebar/utils/createKeyPath.js

@@ -0,0 +1,54 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const matchKey_1 = __importDefault(require("./matchKey"));
+/**
+ * Create a key path to the given key in the sidebar items.
+ * @param items Sidebar items.
+ * @param key Key up to which the path should be created.
+ * @param keyPath Prefix key path to start with.
+ * @returns Key path.
+ */
+const createKeyPath = (items, key, keyPath = []) => {
+    let keyFound = false;
+    const _createKeyPath = (_items, _keyPath = []) => {
+        Object.entries(_items).forEach(([itemKey, item]) => {
+            if (keyFound) {
+                return;
+            }
+            if ((0, matchKey_1.default)(key || '', itemKey)) {
+                _keyPath.push(itemKey);
+                keyFound = true;
+                return;
+            }
+            if (item.children) {
+                _keyPath.push(itemKey);
+                _createKeyPath(item.children, _keyPath);
+                if (!keyFound) {
+                    _keyPath.pop();
+                }
+            }
+        });
+        return _keyPath;
+    };
+    return _createKeyPath(items, keyPath);
+};
+exports.default = createKeyPath;
+//# sourceMappingURL=createKeyPath.js.map

package/dist/components/sidebar/useSidebar/utils/createKeyPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createKeyPath.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/createKeyPath.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAMH,0DAAkC;AAElC;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CACpB,KAAmB,EACnB,GAAW,EACX,UAAoB,EAAE,EACtB,EAAE;IACF,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,MAAM,cAAc,GAAG,CAAC,MAAoB,EAAE,WAAqB,EAAE,EAAE,EAAE;QACvE,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;YACjD,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,IAAI,IAAA,kBAAQ,EAAC,GAAG,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC;gBACjC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAEvB,QAAQ,GAAG,IAAI,CAAC;gBAChB,OAAO;YACT,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACvB,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;gBAExC,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,QAAQ,CAAC,GAAG,EAAE,CAAC;gBACjB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/components/sidebar/useSidebar/utils/findItem.js

@@ -0,0 +1,54 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const matchKey_1 = __importDefault(require("./matchKey"));
+/**
+ * Find an item in the sidebar items by key.
+ * The SidebarItems are assumed to be a tree structure.
+ * Tree traversal is done in a depth-first manner to find the item.
+ * @param items Sidebar items.
+ * @param key Key to find.
+ * @returns Sidebar item.
+ */
+const findItem = (items, key) => {
+    if (!key) {
+        return null;
+    }
+    let keyFound = false, item = null;
+    const _findItem = (_items) => {
+        Object.entries(_items).forEach(([itemKey, _item]) => {
+            if (keyFound) {
+                return;
+            }
+            if ((0, matchKey_1.default)(key || '', itemKey)) {
+                keyFound = true;
+                item = _item;
+                return;
+            }
+            if (_item.children) {
+                _findItem(_item.children);
+            }
+        });
+    };
+    _findItem(items);
+    return item;
+};
+exports.default = findItem;
+//# sourceMappingURL=findItem.js.map

package/dist/components/sidebar/useSidebar/utils/findItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findItem.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/findItem.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAMH,0DAAkC;AAElC;;;;;;;GAOG;AACH,MAAM,QAAQ,GAAG,CACf,KAAmB,EACnB,GAAkB,EACO,EAAE;IAC3B,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,QAAQ,GAAG,KAAK,EAClB,IAAI,GAA4B,IAAI,CAAC;IAEvC,MAAM,SAAS,GAAG,CAAC,MAAoB,EAAE,EAAE;QACzC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,EAAE;YAClD,IAAI,QAAQ,EAAE,CAAC;gBACb,OAAO;YACT,CAAC;YAED,IAAI,IAAA,kBAAQ,EAAC,GAAG,IAAI,EAAE,EAAE,OAAO,CAAC,EAAE,CAAC;gBACjC,QAAQ,GAAG,IAAI,CAAC;gBAChB,IAAI,GAAG,KAAK,CAAC;gBACb,OAAO;YACT,CAAC;YAED,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,KAAK,CAAC,CAAC;IAEjB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/components/sidebar/useSidebar/utils/findKeyParent.js

@@ -0,0 +1,32 @@
+"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 });
+/**
+ * Find the parent key of the given key path.
+ * Eg if the key path is ['a', 'b', 'c'], the parent key is 'b'.
+ * @param keyPath Key path array.
+ * @returns Parent key.
+ */
+const findKeyParent = (keyPath) => {
+    const length = keyPath.length;
+    if (length === 1) {
+        return null;
+    }
+    return keyPath[length - 2];
+};
+exports.default = findKeyParent;
+//# sourceMappingURL=findKeyParent.js.map

package/dist/components/sidebar/useSidebar/utils/findKeyParent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findKeyParent.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/findKeyParent.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAEH;;;;;GAKG;AACH,MAAM,aAAa,GAAG,CAAC,OAAiB,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAE9B,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC;QACjB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/components/sidebar/useSidebar/utils/findNextItem.js

@@ -0,0 +1,66 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const findItem_1 = __importDefault(require("./findItem"));
+const findKeyParent_1 = __importDefault(require("./findKeyParent"));
+/**
+ * Handle the next item on the parent from the children.
+ * @param currentItem Current item.
+ * @returns Next item key.
+ */
+const handleNextItemOnParent = (currentItem) => {
+    const children = Object.keys(currentItem.children);
+    return children.length ? children[0] : null;
+};
+/**
+ * Find the next item in the sidebar based on the key path.
+ * The SidebarItems are assumed to be a tree structure.
+ * The key path is an array of keys that represent the path to the current item.
+ * Tree traversal is done in a depth-first manner to find the parent of the current item.
+ * And then the next sibling of the current item.
+ * @param items Sidebar items.
+ * @param keyPath Key path.
+ * @param skipDropdown Skip dropdown if parent has only one child, so find parent's sibling.
+ * @returns Next item key.
+ */
+const findNextItem = (items, keyPath, skipDropdown = false) => {
+    if (keyPath.length === 0) {
+        return null;
+    }
+    const currentKey = keyPath[keyPath.length - 1];
+    const currentItem = (0, findItem_1.default)(items, currentKey);
+    if ((currentItem === null || currentItem === void 0 ? void 0 : currentItem.dropdownOpen) && !skipDropdown) {
+        return handleNextItemOnParent(currentItem);
+    }
+    const parentKey = (0, findKeyParent_1.default)(keyPath);
+    const parentItem = (0, findItem_1.default)(items, parentKey);
+    const children = parentItem ? parentItem.children : items;
+    const keys = Object.keys(children);
+    const currentIndex = keys.indexOf(currentKey);
+    if (currentIndex === -1) {
+        return null;
+    }
+    if (currentIndex === keys.length - 1) {
+        return findNextItem(items, keyPath.slice(0, -1), true);
+    }
+    return keys[currentIndex + 1];
+};
+exports.default = findNextItem;
+//# sourceMappingURL=findNextItem.js.map

package/dist/components/sidebar/useSidebar/utils/findNextItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findNextItem.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/findNextItem.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAMH,0DAAkC;AAClC,oEAA4C;AAE5C;;;;GAIG;AACH,MAAM,sBAAsB,GAAG,CAAC,WAA6B,EAAE,EAAE;IAC/D,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEnD,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC9C,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,YAAY,GAAG,CACnB,KAAmB,EACnB,OAAiB,EACjB,YAAY,GAAG,KAAK,EACL,EAAE;IACjB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,IAAA,kBAAQ,EAAC,KAAK,EAAE,UAAU,CAAqB,CAAC;IAEpE,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,YAAY,KAAI,CAAC,YAAY,EAAE,CAAC;QAC/C,OAAO,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM,SAAS,GAAG,IAAA,uBAAa,EAAC,OAAO,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,IAAA,kBAAQ,EAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAE9C,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,YAAY,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrC,OAAO,YAAY,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,OAAO,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/dist/components/sidebar/useSidebar/utils/findPrevItem.js

@@ -0,0 +1,59 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const findItem_1 = __importDefault(require("./findItem"));
+const findKeyParent_1 = __importDefault(require("./findKeyParent"));
+/**
+ * Find the previous item in the sidebar based on the key path.
+ * The SidebarItems are assumed to be a tree structure.
+ * The key path is an array of keys that represent the path to the current item.
+ * Tree traversal is done in a depth-first manner to find the parent of the current item.
+ * And then the previous sibling of the current item.
+ * @param items Sidebar items.
+ * @param keyPath Key path.
+ * @returns Previous item key.
+ */
+const findPrevItem = (items, keyPath) => {
+    if (keyPath.length === 0) {
+        return null;
+    }
+    const currentKey = keyPath[keyPath.length - 1];
+    const parentKey = (0, findKeyParent_1.default)(keyPath);
+    const parentItem = parentKey ? (0, findItem_1.default)(items, parentKey) : null;
+    const children = parentItem ? parentItem.children : items;
+    const keys = Object.keys(children);
+    const currentIndex = keys.indexOf(currentKey);
+    if (currentIndex === -1) {
+        return null;
+    }
+    if (currentIndex === 0) {
+        return parentKey;
+    }
+    let prevKey = keys[currentIndex - 1];
+    let prevItem = children[prevKey];
+    while (prevItem === null || prevItem === void 0 ? void 0 : prevItem.dropdownOpen) {
+        const prevItemChildren = Object.keys(prevItem.children);
+        prevItem = prevItem.children[prevItemChildren[prevItemChildren.length - 1]];
+        prevKey = prevItemChildren[prevItemChildren.length - 1];
+    }
+    return prevKey;
+};
+exports.default = findPrevItem;
+//# sourceMappingURL=findPrevItem.js.map

package/dist/components/sidebar/useSidebar/utils/findPrevItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findPrevItem.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/findPrevItem.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAMH,0DAAkC;AAClC,oEAA4C;AAE5C;;;;;;;;;GASG;AACH,MAAM,YAAY,GAAG,CAAC,KAAmB,EAAE,OAAiB,EAAE,EAAE;IAC9D,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAA,uBAAa,EAAC,OAAO,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,IAAA,kBAAQ,EAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACjE,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAE9C,IAAI,YAAY,KAAK,CAAC,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,OAAO,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;IACrC,IAAI,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEjC,OAAO,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,EAAE,CAAC;QAC9B,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACxD,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAC5E,OAAO,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

@@ -0,0 +1,34 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.findPrevItem = exports.findNextItem = exports.matchKey = exports.findKeyParent = exports.findItem = exports.createKeyPath = void 0;
+var createKeyPath_1 = require("./createKeyPath");
+Object.defineProperty(exports, "createKeyPath", { enumerable: true, get: function () { return __importDefault(createKeyPath_1).default; } });
+var findItem_1 = require("./findItem");
+Object.defineProperty(exports, "findItem", { enumerable: true, get: function () { return __importDefault(findItem_1).default; } });
+var findKeyParent_1 = require("./findKeyParent");
+Object.defineProperty(exports, "findKeyParent", { enumerable: true, get: function () { return __importDefault(findKeyParent_1).default; } });
+var matchKey_1 = require("./matchKey");
+Object.defineProperty(exports, "matchKey", { enumerable: true, get: function () { return __importDefault(matchKey_1).default; } });
+var findNextItem_1 = require("./findNextItem");
+Object.defineProperty(exports, "findNextItem", { enumerable: true, get: function () { return __importDefault(findNextItem_1).default; } });
+var findPrevItem_1 = require("./findPrevItem");
+Object.defineProperty(exports, "findPrevItem", { enumerable: true, get: function () { return __importDefault(findPrevItem_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;AAEH,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB"}

package/dist/components/sidebar/useSidebar/utils/matchKey.js

@@ -0,0 +1,30 @@
+"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 });
+/**
+ * Match toMatch key with the last key in the chained key.
+ * @param key chained key to match with.
+ * @param toMatch String to match.
+ * @returns Boolean.
+ */
+const matchKey = (key, toMatch) => {
+    const keys = key.split('#');
+    const length = keys.length;
+    return keys[length - 1] === toMatch;
+};
+exports.default = matchKey;
+//# sourceMappingURL=matchKey.js.map

package/dist/components/sidebar/useSidebar/utils/matchKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchKey.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/matchKey.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAEH;;;;;GAKG;AACH,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,OAAe,EAAE,EAAE;IAChD,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAE3B,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,OAAO,CAAC;AACtC,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/components/table/components/columnMenu/columnList.jsx

@@ -0,0 +1,71 @@
+"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 columnListItem_1 = __importDefault(require("./columnListItem"));
+const useTable_1 = require("../../useTable");
+const ColumnList = ({ toggleVisibility, handleClose }) => {
+    const { hideableColumns, isColumnHidden } = (0, useTable_1.useTable)(({ state, actions }) => ({
+        hideableColumns: state.hideableColumns,
+        isColumnHidden: actions.isColumnHidden,
+    }));
+    (0, react_1.useEffect)(() => {
+        return () => {
+            const visibleColumns = {};
+            hideableColumns.forEach((column) => {
+                visibleColumns[column.header] = isColumnHidden(column.accessorKey);
+            });
+        };
+    }, [hideableColumns, isColumnHidden]);
+    return (<ul className="text-basic mt-1.5">
+      {hideableColumns.map((column, key) => (<columnListItem_1.default key={key} column={column} isColumnHidden={isColumnHidden(column.accessorKey)} toggleVisibility={toggleVisibility} handleClose={handleClose}/>))}
+    </ul>);
+};
+exports.default = ColumnList;
+//# sourceMappingURL=columnList.jsx.map

package/dist/components/table/components/columnMenu/columnList.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnList.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/columnMenu/columnList.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAAyC;AAEzC;;GAEG;AACH,sEAA8C;AAC9C,6CAA0C;AAO1C,MAAM,UAAU,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAmB,EAAE,EAAE;IACxE,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,IAAA,mBAAQ,EAClD,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QACvB,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,cAAc,EAAE,OAAO,CAAC,cAAc;KACvC,CAAC,CACH,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,MAAM,cAAc,GAA4B,EAAE,CAAC;YAEnD,eAAe,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACjC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACrE,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,CAAC,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAC/B;MAAA,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CACpC,CAAC,wBAAc,CACb,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,cAAc,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CACnD,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,WAAW,CAAC,CAAC,WAAW,CAAC,EACzB,CACH,CAAC,CACJ;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/table/components/columnMenu/columnListItem.jsx

@@ -0,0 +1,40 @@
+"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 __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"));
+const ColumnListItem = ({ column, isColumnHidden, toggleVisibility, handleClose, }) => {
+    return (<li>
+      <button className="w-full rounded text-xs text-left px-1 py-[3px] my-px flex items-center hover:bg-royal-blue hover:text-white select-none touch-none cursor-default" onClick={() => {
+            toggleVisibility(column.accessorKey);
+            handleClose();
+        }}>
+        <span className={(0, classnames_1.default)('mr-2 font-semibold', !isColumnHidden ? 'opacity-100' : 'opacity-0')}>
+          ✓
+        </span>
+        <span>{column.header}</span>
+      </button>
+    </li>);
+};
+exports.default = ColumnListItem;
+//# sourceMappingURL=columnListItem.jsx.map

package/dist/components/table/components/columnMenu/columnListItem.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"columnListItem.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/columnMenu/columnListItem.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAcpC,MAAM,cAAc,GAAG,CAAC,EACtB,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,WAAW,GACS,EAAE,EAAE;IACxB,OAAO,CACL,CAAC,EAAE,CACD;MAAA,CAAC,MAAM,CACL,SAAS,CAAC,mJAAmJ,CAC7J,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACrC,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC,CAEF;QAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,oBAAoB,EACpB,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAC9C,CAAC,CAEF;;QACF,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,CAC7B;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

package/dist/components/table/components/columnMenu/index.jsx

@@ -0,0 +1,110 @@
+"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"));
+const classnames_1 = __importDefault(require("classnames"));
+const react_dom_1 = require("react-dom");
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const columnList_1 = __importDefault(require("./columnList"));
+const useTable_1 = require("../../useTable");
+const ColumnMenu = ({ position, open, onClose }) => {
+    const { isColumnHidden, hideColumn, showColumn, toggleVisibility, areAllColumnsVisible, } = (0, useTable_1.useTable)(({ state, actions }) => ({
+        isColumnHidden: actions.isColumnHidden,
+        hideColumn: actions.hideColumn,
+        showColumn: actions.showColumn,
+        toggleVisibility: actions.toggleVisibility,
+        areAllColumnsVisible: state.areAllColumnsVisible,
+    }));
+    const [startAnimation, setStartAnimation] = (0, react_1.useState)(false);
+    const timeoutRef = (0, react_1.useRef)(null);
+    const handleClose = () => {
+        document.body.style.overflow = open ? 'auto' : 'hidden';
+        setStartAnimation(true);
+        timeoutRef.current = setTimeout(() => {
+            onClose(!open);
+            setStartAnimation(false);
+        }, 100);
+    };
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    return (<>
+      {open &&
+            (0, react_dom_1.createPortal)(<div className={(0, classnames_1.default)('transition duration-100', startAnimation ? 'opacity-0' : 'opacity-100')} data-testid="column-menu">
+            <div className="absolute z-50 text-raisin-black dark:text-bright-gray rounded-md backdrop-blur-2xl w-screen max-w-[13rem] p-1.5 mr-2 divide-y divide-neutral-300 dark:divide-neutral-500 max-h-[78vh] overflow-auto bg-stone-200 dark:bg-neutral-700 shadow-3xl" style={{
+                    left: 'min( calc( 100vw - 15rem),' + position.x + 'px )',
+                    top: position.y + 'px',
+                    border: '0.5px solid rgba(0, 0, 0, 0.20)',
+                }}>
+              <button className="w-full text-xs rounded px-1 py-[3px] mb-1.5 flex items-center hover:bg-royal-blue hover:text-white cursor-default" onClick={() => {
+                    toggleVisibility();
+                    handleClose();
+                }}>
+                <span className={(0, classnames_1.default)('mr-2 font-semibold', !areAllColumnsVisible ? 'opacity-100' : 'opacity-0')}>
+                  ✓
+                </span>
+                <span>{i18n_1.I18n.getMessage('toggleAll')}</span>
+              </button>
+              <div>
+                <columnList_1.default toggleVisibility={(key) => {
+                    isColumnHidden(key) ? showColumn(key) : hideColumn(key);
+                }} handleClose={handleClose}/>
+              </div>
+            </div>
+
+            <div data-testid="column-menu-overlay" onClick={handleClose} className="absolute w-screen h-screen z-10 top-0 left-0"/>
+          </div>, document.body)}
+    </>);
+};
+exports.default = ColumnMenu;
+//# sourceMappingURL=index.jsx.map

package/dist/components/table/components/columnMenu/index.jsx.map

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