@google-psat/design-system 0.14.1 → 1.2.1

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,7 +13,6 @@
  * 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'.
@@ -28,5 +26,5 @@ const findKeyParent = (keyPath) => {
     }
     return keyPath[length - 2];
 };
-exports.default = findKeyParent;
+export default findKeyParent;
 //# sourceMappingURL=findKeyParent.js.map

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

@@ -1 +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"}
+{"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,eAAe,aAAa,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,12 +13,8 @@
  * 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"));
+import findItem from './findItem';
+import findKeyParent from './findKeyParent';
 /**
  * Handle the next item on the parent from the children.
  * @param currentItem Current item.
@@ -45,15 +40,15 @@ const findNextItem = (items, keyPath, skipDropdown = false) => {
         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) {
+    const currentItem = findItem(items, currentKey);
+    if (currentItem?.dropdownOpen && !skipDropdown) {
         const next = handleNextItemOnParent(currentItem);
         if (next) {
             return next;
         }
     }
-    const parentKey = (0, findKeyParent_1.default)(keyPath);
-    const parentItem = (0, findItem_1.default)(items, parentKey);
+    const parentKey = findKeyParent(keyPath);
+    const parentItem = findItem(items, parentKey);
     const children = parentItem ? parentItem.children : items;
     const keys = Object.keys(children);
     const currentIndex = keys.indexOf(currentKey);
@@ -65,5 +60,5 @@ const findNextItem = (items, keyPath, skipDropdown = false) => {
     }
     return keys[currentIndex + 1];
 };
-exports.default = findNextItem;
+export default findNextItem;
 //# sourceMappingURL=findNextItem.js.map

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

@@ -1 +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,MAAM,IAAI,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAEjD,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;IACH,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"}
+{"version":3,"file":"findNextItem.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/findNextItem.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;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,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAqB,CAAC;IAEpE,IAAI,WAAW,EAAE,YAAY,IAAI,CAAC,YAAY,EAAE,CAAC;QAC/C,MAAM,IAAI,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;QAEjD,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,QAAQ,CAAC,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,eAAe,YAAY,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,12 +13,8 @@
  * 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"));
+import findItem from './findItem';
+import findKeyParent from './findKeyParent';
 /**
  * Find the previous item in the sidebar based on the key path.
  * The SidebarItems are assumed to be a tree structure.
@@ -35,8 +30,8 @@ const findPrevItem = (items, keyPath) => {
         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 parentKey = findKeyParent(keyPath);
+    const parentItem = parentKey ? findItem(items, parentKey) : null;
     const children = parentItem ? parentItem.children : items;
     const keys = Object.keys(children);
     const currentIndex = keys.indexOf(currentKey);
@@ -48,12 +43,12 @@ const findPrevItem = (items, keyPath) => {
     }
     let prevKey = keys[currentIndex - 1];
     let prevItem = children[prevKey];
-    while ((prevItem === null || prevItem === void 0 ? void 0 : prevItem.dropdownOpen) && Object.keys(prevItem.children).length) {
+    while (prevItem?.dropdownOpen && Object.keys(prevItem.children).length) {
         const prevItemChildren = Object.keys(prevItem.children);
         prevItem = prevItem.children[prevItemChildren[prevItemChildren.length - 1]];
         prevKey = prevItemChildren[prevItemChildren.length - 1];
     }
     return prevKey;
 };
-exports.default = findPrevItem;
+export default findPrevItem;
 //# sourceMappingURL=findPrevItem.js.map

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

@@ -1 +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,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,KAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,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"}
+{"version":3,"file":"findPrevItem.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/findPrevItem.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAMH,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,iBAAiB,CAAC;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,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,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,EAAE,YAAY,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,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,eAAe,YAAY,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,21 +13,10 @@
  * 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; } });
+export { default as createKeyPath } from './createKeyPath';
+export { default as findItem } from './findItem';
+export { default as findKeyParent } from './findKeyParent';
+export { default as matchKey } from './matchKey';
+export { default as findNextItem } from './findNextItem';
+export { default as findPrevItem } from './findPrevItem';
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/sidebar/useSidebar/utils/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,7 +13,6 @@
  * 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.
@@ -26,5 +24,5 @@ const matchKey = (key, toMatch) => {
     const length = keys.length;
     return keys[length - 1] === toMatch;
 };
-exports.default = matchKey;
+export default matchKey;
 //# sourceMappingURL=matchKey.js.map

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

@@ -1 +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"}
+{"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,eAAe,QAAQ,CAAC"}

package/dist/components/slider/index.jsx

@@ -0,0 +1,29 @@
+/*
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import React from 'react';
+const Slider = ({ sliderStep, setSliderStep, label = 'Speed', min = 0.5, max = 2, step = 0.5, }) => {
+    return (<div className="flex items-center gap-2">
+      <label htmlFor="steps-range" className="text-raisin-black dark:text-bright-gray">
+        {label}:
+      </label>
+      <input type="range" min={min} max={max} step={step} value={sliderStep} onChange={(event) => setSliderStep(Number(event.target.value))} className="w-full h-1 bg-baby-blue-eyes rounded-lg appearance-none cursor-pointer"/>
+    </div>);
+};
+export default Slider;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/slider/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,MAAM,GAAG,CAAC,EACd,UAAU,EACV,aAAa,EACb,KAAK,GAAG,OAAO,EACf,GAAG,GAAG,GAAG,EACT,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,GAAG,GACE,EAAE,EAAE;IAChB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;MAAA,CAAC,KAAK,CACJ,OAAO,CAAC,aAAa,CACrB,SAAS,CAAC,yCAAyC,CAEnD;QAAA,CAAC,KAAK,CAAC;MACT,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,IAAI,CAAC,OAAO,CACZ,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAC/D,SAAS,CAAC,wEAAwE,EAEtF;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,48 +13,21 @@
  * 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"));
+import React, { useEffect } from 'react';
 /**
  * Internal dependencies.
  */
-const columnListItem_1 = __importDefault(require("./columnListItem"));
-const useTable_1 = require("../../useTable");
+import ColumnListItem from './columnListItem';
+import { useTable } from '../../useTable';
 const ColumnList = ({ toggleVisibility, handleClose }) => {
-    const { hideableColumns, isColumnHidden } = (0, useTable_1.useTable)(({ state, actions }) => ({
+    const { hideableColumns, isColumnHidden } = useTable(({ state, actions }) => ({
         hideableColumns: state.hideableColumns,
         isColumnHidden: actions.isColumnHidden,
     }));
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         return () => {
             const visibleColumns = {};
             hideableColumns.forEach((column) => {
@@ -64,8 +36,8 @@ const ColumnList = ({ toggleVisibility, handleClose }) => {
         };
     }, [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}/>))}
+      {hideableColumns.map((column, key) => (<ColumnListItem key={key} column={column} isColumnHidden={isColumnHidden(column.accessorKey)} toggleVisibility={toggleVisibility} handleClose={handleClose}/>))}
     </ul>);
 };
-exports.default = ColumnList;
+export default ColumnList;
 //# sourceMappingURL=columnList.jsx.map

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

@@ -1 +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"}
+{"version":3,"file":"columnList.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/columnMenu/columnList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC;;GAEG;AACH,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO1C,MAAM,UAAU,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAmB,EAAE,EAAE;IACxE,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,QAAQ,CAClD,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,SAAS,CAAC,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,cAAc,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,eAAe,UAAU,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,27 +13,23 @@
  * 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';
 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-blueberry 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 className={classNames('mr-2 font-semibold', !isColumnHidden ? 'opacity-100' : 'opacity-0')}>
           ✓
         </span>
         <span>{column.header}</span>
       </button>
     </li>);
 };
-exports.default = ColumnListItem;
+export default ColumnListItem;
 //# sourceMappingURL=columnListItem.jsx.map

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

@@ -1 +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,kJAAkJ,CAC5J,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"}
+{"version":3,"file":"columnListItem.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/columnMenu/columnListItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;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,kJAAkJ,CAC5J,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,UAAU,CACnB,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,eAAe,cAAc,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,74 +13,61 @@
  * 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");
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import classNames from 'classnames';
+import { createPortal } from 'react-dom';
+import { I18n } from '@google-psat/i18n';
 /**
  * Internal dependencies.
  */
-const columnList_1 = __importDefault(require("./columnList"));
-const useTable_1 = require("../../useTable");
+import ColumnList from './columnList';
+import { useTable } from '../../useTable';
 const ColumnMenu = ({ position, open, onClose }) => {
-    const { isColumnHidden, hideColumn, showColumn, toggleVisibility, areAllColumnsVisible, } = (0, useTable_1.useTable)(({ state, actions }) => ({
+    const { isColumnHidden, hideColumn, showColumn, toggleVisibility, areAllColumnsVisible, } = 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 = () => {
+    const [startAnimation, setStartAnimation] = useState(false);
+    const timeoutRef = useRef(null);
+    const handleClose = useCallback(() => {
         document.body.style.overflow = open ? 'auto' : 'hidden';
         setStartAnimation(true);
         timeoutRef.current = setTimeout(() => {
             onClose(!open);
             setStartAnimation(false);
         }, 100);
-    };
-    (0, react_1.useEffect)(() => {
+    }, [onClose, open]);
+    useEffect(() => {
         return () => {
             if (timeoutRef.current) {
                 clearTimeout(timeoutRef.current);
             }
         };
     }, []);
+    const wrapperRef = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (event.target instanceof HTMLElement &&
+                wrapperRef.current &&
+                !wrapperRef.current.contains(event.target)) {
+                handleClose();
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        return () => {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, [handleClose]);
     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={{
+            createPortal(<div ref={wrapperRef} className={classNames('transition duration-100', startAnimation ? 'opacity-0' : 'opacity-100')} data-testid="column-menu">
+            <div className="absolute z-[100] 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)',
@@ -90,13 +76,13 @@ const ColumnMenu = ({ position, open, onClose }) => {
                     toggleVisibility();
                     handleClose();
                 }}>
-                <span className={(0, classnames_1.default)('mr-2 font-semibold', !areAllColumnsVisible ? 'opacity-100' : 'opacity-0')}>
+                <span className={classNames('mr-2 font-semibold', !areAllColumnsVisible ? 'opacity-100' : 'opacity-0')}>
                   ✓
                 </span>
-                <span>{i18n_1.I18n.getMessage('toggleAll')}</span>
+                <span>{I18n.getMessage('toggleAll')}</span>
               </button>
               <div>
-                <columnList_1.default toggleVisibility={(key) => {
+                <ColumnList toggleVisibility={(key) => {
                     isColumnHidden(key) ? showColumn(key) : hideColumn(key);
                 }} handleClose={handleClose}/>
               </div>
@@ -106,5 +92,5 @@ const ColumnMenu = ({ position, open, onClose }) => {
           </div>, document.body)}
     </>);
 };
-exports.default = ColumnMenu;
+export default ColumnMenu;
 //# sourceMappingURL=index.jsx.map

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

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

package/dist/components/table/components/filtersSidebar/chips/index.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -21,8 +16,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const chipsBar_1 = __importDefault(require("../../../../chipsBar"));
+import React from 'react';
+import ChipsBar from '../../../../chipsBar';
 const TableChipsBar = ({ selectedFilters, resetFilters, toggleFilterSelection, hideClearAll = false, }) => {
     const _selectedFilters = Object.entries(selectedFilters).map(([filterKey, filter]) => {
         return {
@@ -31,7 +26,7 @@ const TableChipsBar = ({ selectedFilters, resetFilters, toggleFilterSelection, h
             values: Object.keys(filter.filterValues || {}),
         };
     }, []);
-    return (<chipsBar_1.default selectedFilters={_selectedFilters} resetFilters={resetFilters} toggleFilterSelection={toggleFilterSelection} hideClearAll={hideClearAll}/>);
+    return (<ChipsBar selectedFilters={_selectedFilters} resetFilters={resetFilters} toggleFilterSelection={toggleFilterSelection} hideClearAll={hideClearAll}/>);
 };
-exports.default = TableChipsBar;
+export default TableChipsBar;
 //# sourceMappingURL=index.jsx.map

package/dist/components/table/components/filtersSidebar/chips/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/components/table/components/filtersSidebar/chips/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAK1B,oEAA4C;AAa5C,MAAM,aAAa,GAAG,CAAC,EACrB,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,YAAY,GAAG,KAAK,GACD,EAAE,EAAE;IACvB,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAC1D,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE;QACtB,OAAO;YACL,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC;SAC/C,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,CAAC,kBAAQ,CACP,eAAe,CAAC,CAAC,gBAAgB,CAAC,CAClC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/components/table/components/filtersSidebar/chips/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAa5C,MAAM,aAAa,GAAG,CAAC,EACrB,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,YAAY,GAAG,KAAK,GACD,EAAE,EAAE;IACvB,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAC1D,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE;QACtB,OAAO;YACL,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC;SAC/C,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,CAAC,QAAQ,CACP,eAAe,CAAC,CAAC,gBAAgB,CAAC,CAClC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,YAAY,CAAC,CAAC,YAAY,CAAC,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,31 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2023 Google LLC
  *
@@ -44,10 +16,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
-const filtersSidebar_1 = __importDefault(require("../../../filtersSidebar"));
+import React, { useMemo } from 'react';
+import FiltersSidebar from '../../../filtersSidebar';
 const TableFiltersSidebar = ({ filters, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
-    const _filters = (0, react_1.useMemo)(() => Object.keys(filters).map((filterKey) => {
+    const _filters = useMemo(() => Object.keys(filters).map((filterKey) => {
         const filter = filters[filterKey];
         return {
             key: filterKey,
@@ -59,11 +31,11 @@ const TableFiltersSidebar = ({ filters, isSelectAllFilterSelected, toggleFilterS
             isSelectAllFilterEnabled: filter.enableSelectAllOption,
         };
     }), [filters]);
-    const selectedFilterValues = (0, react_1.useMemo)(() => Object.keys(filters).reduce((acc, filterKey) => {
-        acc[filterKey] = Object.keys(filters[filterKey].filterValues || {}).filter((filterValue) => { var _a; return (_a = filters[filterKey].filterValues) === null || _a === void 0 ? void 0 : _a[filterValue].selected; });
+    const selectedFilterValues = useMemo(() => Object.keys(filters).reduce((acc, filterKey) => {
+        acc[filterKey] = Object.keys(filters[filterKey].filterValues || {}).filter((filterValue) => filters[filterKey].filterValues?.[filterValue].selected);
         return acc;
     }, {}), [filters]);
-    return (<filtersSidebar_1.default filters={_filters} selectedFilterValues={selectedFilterValues} isSelectAllFilterSelected={isSelectAllFilterSelected} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>);
+    return (<FiltersSidebar filters={_filters} selectedFilterValues={selectedFilterValues} isSelectAllFilterSelected={isSelectAllFilterSelected} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>);
 };
-exports.default = TableFiltersSidebar;
+export default TableFiltersSidebar;
 //# sourceMappingURL=index.jsx.map