@google-psat/design-system 0.9.0-1

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

@@ -0,0 +1,40 @@
+"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
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importDefault(require("react"));
+/**
+ * Internal dependencies.
+ */
+const icons_1 = require("../../../../../icons");
+const Chip = ({ filterTitle, value, toggleFilterSelection }) => {
+    return (<div className="flex items-center px-2 rounded-sm bg-gainsboro dark:bg-charleston-green mx-1 h-4">
+      <span className="block whitespace-nowrap text-onyx dark:text-manatee text-xs">
+        {filterTitle + ': ' + value}
+      </span>
+      <button onClick={toggleFilterSelection} className="w-1.5 h-1.5 text-gray-600 hover:text-gray-800 focus:outline-none ml-1">
+        <icons_1.ClearIcon className="text-mischka"/>
+      </button>
+    </div>);
+};
+exports.default = Chip;
+//# sourceMappingURL=chip.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.jsx","sourceRoot":"","sources":["../../../../../../src/components/table/components/filtersSidebar/chips/chip.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,gDAAiD;AAQjD,MAAM,IAAI,GAAG,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,qBAAqB,EAAa,EAAE,EAAE;IACxE,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,kFAAkF,CAC/F;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,6DAA6D,CAC3E;QAAA,CAAC,WAAW,GAAG,IAAI,GAAG,KAAK,CAC7B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAC/B,SAAS,CAAC,uEAAuE,CAEjF;QAAA,CAAC,iBAAS,CAAC,SAAS,CAAC,cAAc,EACrC;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

@@ -0,0 +1,44 @@
+"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
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importDefault(require("react"));
+/**
+ * Internal dependencies.
+ */
+const chip_1 = __importDefault(require("./chip"));
+const useTable_1 = require("../../../useTable");
+const ChipList = () => {
+    const { selectedFilters, toggleFilterSelection } = (0, useTable_1.useTable)(({ state, actions }) => ({
+        selectedFilters: state.selectedFilters,
+        toggleFilterSelection: actions.toggleFilterSelection,
+    }));
+    return (<div className="flex flex-nowrap max-w-full">
+      {Object.entries(selectedFilters).map(([filterKey, filter]) => {
+            return Object.keys(filter.filterValues || {}).map((filterValue) => (<chip_1.default key={filterValue} filterTitle={filter.title} value={filterValue} toggleFilterSelection={() => {
+                    toggleFilterSelection(filterKey, filterValue, true);
+                }}/>));
+        })}
+    </div>);
+};
+exports.default = ChipList;
+//# sourceMappingURL=chipList.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chipList.jsx","sourceRoot":"","sources":["../../../../../../src/components/table/components/filtersSidebar/chips/chipList.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,kDAA0B;AAC1B,gDAA6C;AAE7C,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,MAAM,EAAE,eAAe,EAAE,qBAAqB,EAAE,GAAG,IAAA,mBAAQ,EACzD,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QACvB,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;KACrD,CAAC,CACH,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,6BAA6B,CAC1C;MAAA,CAAC,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,EAAE;YAC3D,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjE,CAAC,cAAI,CACH,GAAG,CAAC,CAAC,WAAW,CAAC,CACjB,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC1B,KAAK,CAAC,CAAC,WAAW,CAAC,CACnB,qBAAqB,CAAC,CAAC,GAAG,EAAE;oBAC1B,qBAAqB,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;gBACtD,CAAC,CAAC,EACF,CACH,CAAC,CAAC;QACL,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,53 @@
+"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
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importDefault(require("react"));
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const chipList_1 = __importDefault(require("./chipList"));
+const icons_1 = require("../../../../../icons");
+const useTable_1 = require("../../../useTable");
+const ChipsBar = () => {
+    const { selectedFilters, resetFilters } = (0, useTable_1.useTable)(({ state, actions }) => ({
+        selectedFilters: state.selectedFilters,
+        resetFilters: actions.resetFilters,
+    }));
+    const appliedFiltersCount = Object.values(selectedFilters).reduce((acc, filter) => {
+        acc += Number(Object.keys(filter.filterValues || {}).length);
+        return acc;
+    }, 0);
+    return (<div className={'w-full h-6 px-2 py-1 flex items-center overflow-x-scroll no-scrollbar bg-anti-flash-white dark:bg-raisin-black border-b border-gray-300 dark:border-quartz'}>
+      {appliedFiltersCount > 0 && (<button className="h-full flex items-center text-link text-xs whitespace-nowrap" onClick={resetFilters}>
+          <icons_1.StopIcon className="text-gray min-w-[14px] min-h-[14px]"/>
+          <span className="ml-1 mr-2 dark:text-bright-gray bg-transparent">
+            {i18n_1.I18n.getMessage('clearAll')}
+          </span>
+          <div className="w-[1px] bg-gainsboro dark:bg-quartz h-[20px]"></div>
+        </button>)}
+      <chipList_1.default />
+    </div>);
+};
+exports.default = ChipsBar;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../../src/components/table/components/filtersSidebar/chips/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4CAAyC;AAEzC;;GAEG;AACH,0DAAkC;AAClC,gDAAgD;AAChD,gDAA6C;AAE7C,MAAM,QAAQ,GAAG,GAAG,EAAE;IACpB,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,IAAA,mBAAQ,EAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QAC1E,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,YAAY,EAAE,OAAO,CAAC,YAAY;KACnC,CAAC,CAAC,CAAC;IAEJ,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,MAAM,CAC/D,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACd,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QAC7D,OAAO,GAAG,CAAC;IACb,CAAC,EACD,CAAC,CACF,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CACR,4JACF,CAAC,CAED;MAAA,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAC1B,CAAC,MAAM,CACL,SAAS,CAAC,8DAA8D,CACxE,OAAO,CAAC,CAAC,YAAY,CAAC,CAEtB;UAAA,CAAC,gBAAQ,CAAC,SAAS,CAAC,qCAAqC,EACzD;UAAA,CAAC,IAAI,CAAC,SAAS,CAAC,gDAAgD,CAC9D;YAAA,CAAC,WAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAC9B;UAAA,EAAE,IAAI,CACN;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,8CAA8C,CAAC,EAAE,GAAG,CACrE;QAAA,EAAE,MAAM,CAAC,CACV,CACD;MAAA,CAAC,kBAAQ,CAAC,AAAD,EACX;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,107 @@
+"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
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importStar(require("react"));
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const listItem_1 = __importDefault(require("./listItem"));
+const useTable_1 = require("../../useTable");
+const FiltersSidebar = () => {
+    const { filters, isSelectAllFilterSelected } = (0, useTable_1.useTable)(({ state, actions }) => ({
+        filters: state.filters,
+        isSelectAllFilterSelected: actions.isSelectAllFilterSelected,
+    }));
+    const [expandAll, setExpandAll] = (0, react_1.useState)(false);
+    const expandedFilters = (0, react_1.useRef)(new Set());
+    const filterKeys = (0, react_1.useMemo)(() => {
+        return Object.keys(filters);
+    }, [filters]);
+    const toggleFilterExpansion = (0, react_1.useCallback)((filterKey) => {
+        const newSet = new Set(expandedFilters.current);
+        if (newSet.has(filterKey)) {
+            newSet.delete(filterKey);
+        }
+        else {
+            newSet.add(filterKey);
+        }
+        if (newSet.size === 0) {
+            setExpandAll(false);
+        }
+        if (newSet.size === filterKeys.length) {
+            setExpandAll(true);
+        }
+        expandedFilters.current = newSet;
+    }, [filterKeys]);
+    const handleExpandAllClick = (0, react_1.useCallback)(() => {
+        setExpandAll((prev) => {
+            const newExpandAll = !prev;
+            if (newExpandAll) {
+                expandedFilters.current = new Set(filterKeys);
+            }
+            else {
+                expandedFilters.current = new Set();
+            }
+            return newExpandAll;
+        });
+    }, [filterKeys]);
+    if (!filterKeys.length) {
+        return null;
+    }
+    return (<div className="h-full overflow-auto p-3 pt-0" data-testid="filters-sidebar">
+      <a className="w-full block text-link text-royal-blue dark:text-medium-persian-blue text-[11px] mt-1.5 mb-[5px]" href="#" onClick={handleExpandAllClick}>
+        {expandAll
+            ? i18n_1.I18n.getMessage('collapseAll')
+            : i18n_1.I18n.getMessage('expandAll')}
+      </a>
+      <ul>
+        {Object.entries(filters).map(([filterKey, filter]) => (<listItem_1.default key={filterKey} filter={filter} filterKey={filterKey} expandAll={expandAll} toggleFilterExpansion={toggleFilterExpansion} isSelectAllFilterSelected={isSelectAllFilterSelected(filterKey)}/>))}
+      </ul>
+    </div>);
+};
+exports.default = FiltersSidebar;
+//# sourceMappingURL=index.jsx.map

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

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

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

@@ -0,0 +1,110 @@
+"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
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importStar(require("react"));
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const subList_1 = __importDefault(require("./subList"));
+const icons_1 = require("../../../../icons");
+const ListItem = ({ filter, filterKey, expandAll, toggleFilterExpansion, isSelectAllFilterSelected, }) => {
+    const [hasScannedFiltersOnce, setHasScannedFiltersOnce] = (0, react_1.useState)(true);
+    const [isExpanded, setExpanded] = (0, react_1.useState)(false);
+    const [showSubList, setShowSubList] = (0, react_1.useState)(false);
+    const toggleShowMore = (0, react_1.useCallback)(() => {
+        setExpanded(!isExpanded);
+    }, [isExpanded]);
+    const toggleSubList = (0, react_1.useCallback)(() => {
+        setShowSubList((prev) => !prev);
+        toggleFilterExpansion(filterKey);
+    }, [filterKey, toggleFilterExpansion]);
+    (0, react_1.useEffect)(() => {
+        setShowSubList(expandAll);
+    }, [expandAll]);
+    const isDisabled = (0, react_1.useMemo)(() => Object.keys(filter.filterValues || {}).length === 0, [filter.filterValues]);
+    (0, react_1.useEffect)(() => {
+        if (isDisabled && showSubList) {
+            setShowSubList((prev) => {
+                if (prev) {
+                    toggleFilterExpansion(filterKey);
+                }
+                return false;
+            });
+        }
+    }, [expandAll, filterKey, isDisabled, showSubList, toggleFilterExpansion]);
+    (0, react_1.useEffect)(() => {
+        if (!hasScannedFiltersOnce) {
+            return;
+        }
+        const areFiltersSelected = Object.values(filter.filterValues || {}).some((filterValue) => filterValue.selected);
+        if (areFiltersSelected) {
+            setShowSubList(true);
+            setHasScannedFiltersOnce(false);
+        }
+    }, [filter.filterValues, hasScannedFiltersOnce]);
+    return (<li className="py-[3px] text-xs">
+      <div className="flex gap-2 items-center">
+        <button className="flex items-center text-asteriod-black dark:text-bright-gray disabled:opacity-50 active:opacity-70" disabled={isDisabled} onClick={toggleSubList}>
+          <span className={`${showSubList && !isDisabled ? '' : '-rotate-90'}`} data-testid="list-item-arrow">
+            <icons_1.ArrowDown />
+          </span>
+          <p className="ml-1 leading-normal font-semi-thick">{filter.title}</p>
+        </button>
+        {filter.description && (<p title={filter.description}>
+            <icons_1.InfoIcon className="fill-granite-gray"/>
+          </p>)}
+      </div>
+      {showSubList && (<>
+          <subList_1.default filterValues={filter.filterValues} filterKey={filterKey} sort={!filter.hasStaticFilterValues || Boolean(filter.sortValues)} isExpanded={isExpanded} isSelectAllFilterEnabled={Boolean(filter.enableSelectAllOption)} isSelectAllFilterSelected={isSelectAllFilterSelected}/>
+          {Number(Object.keys(filter.filterValues || {}).length) > 4 && (<a onClick={toggleShowMore} className="text-link ml-2 mt-1 block text-royal-blue dark:text-medium-persian-blue" href="#">
+              {i18n_1.I18n.getMessage(isExpanded ? 'showLess' : 'showMore')}
+            </a>)}
+        </>)}
+    </li>);
+};
+exports.default = ListItem;
+//# sourceMappingURL=listItem.jsx.map

package/dist/components/table/components/filtersSidebar/listItem.jsx.map

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

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

@@ -0,0 +1,65 @@
+"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 Option = ({ filterKey, filterValue, selected, toggleFilterSelection, isExpanded, }) => {
+    const handleClick = (0, react_1.useCallback)(() => {
+        setTimeout(() => toggleFilterSelection(filterKey, filterValue));
+    }, [filterKey, filterValue, toggleFilterSelection]);
+    return (<li className={(0, classnames_1.default)(isExpanded ? 'mx-3 mt-1' : 'ml-3 mt-1 hidden', 'hover:opacity-80 transition-opacity duration-100 active:opacity-60')} data-testid="sub-list-item">
+      <label className="flex gap-x-2 cursor-pointer items-center">
+        <input role="checkbox" type="checkbox" name={filterKey} className={(0, classnames_1.default)('accent-royal-blue dark:accent-orange-400 w-3 h-3 dark:bg-outer-space dark:min-h-[12px] dark:min-w-[12px] cursor-pointer', {
+            'dark:appearance-none dark:text-manatee dark:border dark:rounded-[3px]': !selected,
+        })} checked={selected} onChange={handleClick}/>
+        <span className="text-asteriod-black dark:text-bright-gray leading-normal font-semi-thick">
+          {String(filterValue)}
+        </span>
+      </label>
+    </li>);
+};
+exports.default = Option;
+//# sourceMappingURL=option.jsx.map

package/dist/components/table/components/filtersSidebar/option.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"option.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/filtersSidebar/option.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAA2C;AAC3C,4DAAoC;AAUpC,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,UAAU,GACE,EAAE,EAAE;IAChB,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,EAC7C,oEAAoE,CACrE,CAAC,CACF,WAAW,CAAC,eAAe,CAE3B;MAAA,CAAC,KAAK,CAAC,SAAS,CAAC,0CAA0C,CACzD;QAAA,CAAC,KAAK,CACJ,IAAI,CAAC,UAAU,CACf,IAAI,CAAC,UAAU,CACf,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,yHAAyH,EACzH;YACE,uEAAuE,EACrE,CAAC,QAAQ;SACZ,CACF,CAAC,CACF,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,QAAQ,CAAC,CAAC,WAAW,CAAC,EAExB;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,0EAA0E,CACxF;UAAA,CAAC,MAAM,CAAC,WAAW,CAAC,CACtB;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

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

@@ -0,0 +1,74 @@
+"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
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importStar(require("react"));
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const useTable_1 = require("../../useTable");
+const option_1 = __importDefault(require("./option"));
+const SubList = ({ filterValues, filterKey, sort, isExpanded, isSelectAllFilterEnabled, isSelectAllFilterSelected, }) => {
+    const { toggleFilterSelection, toggleSelectAllFilter } = (0, useTable_1.useTable)(({ actions }) => ({
+        toggleFilterSelection: actions.toggleFilterSelection,
+        toggleSelectAllFilter: actions.toggleSelectAllFilter,
+    }));
+    const sortedFilterValueKeys = (0, react_1.useMemo)(() => {
+        if (!sort) {
+            return Object.keys(filterValues || {});
+        }
+        return Object.keys(filterValues || {}).sort((a, b) => String(a).localeCompare(String(b)));
+    }, [filterValues, sort]);
+    return (<ul>
+      {isSelectAllFilterEnabled && (<option_1.default filterKey={filterKey} filterValue={i18n_1.I18n.getMessage('selectAll')} selected={isSelectAllFilterSelected} toggleFilterSelection={() => toggleSelectAllFilter(filterKey)} isExpanded={true}/>)}
+      {sortedFilterValueKeys.map((filterValue, index) => (<react_1.default.Fragment key={index}>
+          <option_1.default filterKey={filterKey} filterValue={filterValue} selected={Boolean(filterValues === null || filterValues === void 0 ? void 0 : filterValues[filterValue].selected) &&
+                (isSelectAllFilterEnabled ? !isSelectAllFilterSelected : true)} toggleFilterSelection={toggleFilterSelection} isExpanded={index < 4 || isExpanded}/>
+        </react_1.default.Fragment>))}
+    </ul>);
+};
+exports.default = SubList;
+//# sourceMappingURL=subList.jsx.map

package/dist/components/table/components/filtersSidebar/subList.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"subList.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/filtersSidebar/subList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAAuC;AACvC,4CAAyC;AAEzC;;GAEG;AACH,6CAA4D;AAC5D,sDAA8B;AAW9B,MAAM,OAAO,GAAG,CAAC,EACf,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,UAAU,EACV,wBAAwB,EACxB,yBAAyB,GACZ,EAAE,EAAE;IACjB,MAAM,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,GAAG,IAAA,mBAAQ,EAC/D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QAChB,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;QACpD,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;KACrD,CAAC,CACH,CAAC;IAEF,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;QACzC,CAAC;QAED,OAAO,MAAM,CAAC,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACnD,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACnC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,CAAC,EAAE,CACD;MAAA,CAAC,wBAAwB,IAAI,CAC3B,CAAC,gBAAM,CACL,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC1C,QAAQ,CAAC,CAAC,yBAAyB,CAAC,CACpC,qBAAqB,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAC9D,UAAU,CAAC,CAAC,IAAI,CAAC,EACjB,CACH,CACD;MAAA,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,CAAC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CACzB;UAAA,CAAC,gBAAM,CACL,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CACP,OAAO,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,WAAW,EAAE,QAAQ,CAAC;gBAC7C,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAC/D,CAAC,CACD,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,UAAU,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,UAAU,CAAC,EAExC;QAAA,EAAE,eAAK,CAAC,QAAQ,CAAC,CAClB,CAAC,CACJ;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}