@google-psat/design-system 0.12.0 → 0.13.0

package/dist/components/bulletList/listRow.jsx

@@ -51,16 +51,22 @@ const ListRow = ({ row }) => {
     var _a;
     const navigateTo = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
     const handleClick = (0, react_1.useCallback)((event) => {
+        event.preventDefault();
         if (row === null || row === void 0 ? void 0 : row.sidebarKey) {
             navigateTo(row.sidebarKey);
-            event.preventDefault();
+            return;
         }
-    }, [navigateTo, row === null || row === void 0 ? void 0 : row.sidebarKey]);
+        if (chrome === null || chrome === void 0 ? void 0 : chrome.tabs) {
+            chrome.tabs.update({
+                url: row.link,
+            });
+        }
+    }, [navigateTo, row.link, row.sidebarKey]);
     return (<div className="flex gap-4 items-baseline" key={(_a = row === null || row === void 0 ? void 0 : row.key) !== null && _a !== void 0 ? _a : row.title}>
       <span>
         <icons_1.Ellipse />
       </span>
-      {(row === null || row === void 0 ? void 0 : row.link) ? (<a title={row.link} href={row.link} target="_blank" onClick={handleClick} rel="noreferrer" className="text-sm text-bright-navy-blue dark:text-jordy-blue font-medium leading-6">
+      {(row === null || row === void 0 ? void 0 : row.link) ? (<a title={row.link} href={row.link} onClick={handleClick} className="text-sm text-bright-navy-blue dark:text-jordy-blue font-medium leading-6">
           {row.title}
         </a>) : (<p className="text-sm font-medium leading-6">{row.title}</p>)}
     </div>);

package/dist/components/bulletList/listRow.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"listRow.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/listRow.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAA2C;AAE3C;;GAEG;AACH,uCAAsC;AACtC,wCAAwC;AAMxC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;;IACjC,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAE9E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAuB,EAAE,EAAE;QAC1B,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,EAAE,CAAC;YACpB,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC3B,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,CAAC,CAC9B,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,mCAAI,GAAG,CAAC,KAAK,CAAC,CACpE;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,eAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,EAAC,CAAC,CAAC,CACX,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CACf,MAAM,CAAC,QAAQ,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,GAAG,CAAC,YAAY,CAChB,SAAS,CAAC,0EAA0E,CAEpF;UAAA,CAAC,GAAG,CAAC,KAAK,CACZ;QAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAC7D,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
+{"version":3,"file":"listRow.jsx","sourceRoot":"","sources":["../../../src/components/bulletList/listRow.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAA2C;AAE3C;;GAEG;AACH,uCAAsC;AACtC,wCAAwC;AAMxC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAS,EAAE,EAAE;;IACjC,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAE9E,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,KAAuB,EAAE,EAAE;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,EAAE,CAAC;YACpB,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,EAAE,CAAC;YACjB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;gBACjB,GAAG,EAAE,GAAG,CAAC,IAAI;aACd,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EACD,CAAC,UAAU,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,GAAG,mCAAI,GAAG,CAAC,KAAK,CAAC,CACpE;MAAA,CAAC,IAAI,CACH;QAAA,CAAC,eAAO,CAAC,AAAD,EACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,EAAC,CAAC,CAAC,CACX,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAChB,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,SAAS,CAAC,0EAA0E,CAEpF;UAAA,CAAC,GAAG,CAAC,KAAK,CACZ;QAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,CAAC,SAAS,CAAC,+BAA+B,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAC7D,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/components/{table/components/filtersSidebar/chips → chipsBar}/chip.jsx

@@ -25,7 +25,7 @@ const react_1 = __importDefault(require("react"));
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../../../../icons");
+const icons_1 = require("../../icons");
 const Chip = ({ filterTitle, value, toggleFilterSelection, hideCloseIcon, }) => {
     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">

package/dist/components/chipsBar/chip.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/chip.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,uCAAwC;AASxC,MAAM,IAAI,GAAG,CAAC,EACZ,WAAW,EACX,KAAK,EACL,qBAAqB,EACrB,aAAa,GACH,EAAE,EAAE;IACd,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,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAC/B,SAAS,CAAC,uEAAuE,CAEjF;UAAA,CAAC,iBAAS,CAAC,SAAS,CAAC,cAAc,EACrC;QAAA,EAAE,MAAM,CAAC,CACV,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/components/{table/components/filtersSidebar/chips/chipList.jsx → chipsBar/chipsList.jsx}

@@ -22,18 +22,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * External dependencies.
  */
 const react_1 = __importDefault(require("react"));
-/**
- * Internal dependencies.
- */
 const chip_1 = __importDefault(require("./chip"));
 const ChipList = ({ selectedFilters, toggleFilterSelection, hideCloseIcon = false, }) => {
     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);
+      {selectedFilters.map((filter) => {
+            return filter.values.map((value) => (<chip_1.default key={value} filterTitle={filter.title} value={value} toggleFilterSelection={() => {
+                    toggleFilterSelection(filter.key, value, true);
                 }} hideCloseIcon={hideCloseIcon}/>));
         })}
     </div>);
 };
 exports.default = ChipList;
-//# sourceMappingURL=chipList.jsx.map
+//# sourceMappingURL=chipsList.jsx.map

package/dist/components/chipsBar/chipsList.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipsList.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/chipsList.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAM1B,kDAA0B;AAY1B,MAAM,QAAQ,GAAG,CAAC,EAChB,eAAe,EACf,qBAAqB,EACrB,aAAa,GAAG,KAAK,GACP,EAAE,EAAE;IAClB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,6BAA6B,CAC1C;MAAA,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC9B,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAClC,CAAC,cAAI,CACH,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,WAAW,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC1B,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,qBAAqB,CAAC,CAAC,GAAG,EAAE;oBAC1B,qBAAqB,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;gBACjD,CAAC,CAAC,CACF,aAAa,CAAC,CAAC,aAAa,CAAC,EAC7B,CACH,CAAC,CAAC;QACL,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/components/chipsBar/index.jsx

@@ -0,0 +1,48 @@
+"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 icons_1 = require("../../icons");
+const chipsList_1 = __importDefault(require("./chipsList"));
+const ChipsBar = ({ selectedFilters, resetFilters, toggleFilterSelection, hideClearAll = false, }) => {
+    const appliedFiltersCount = selectedFilters.reduce((acc, filter) => {
+        acc += filter.values.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'}>
+      {appliedFiltersCount > 0 && !hideClearAll && (<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>)}
+      <chipsList_1.default selectedFilters={selectedFilters} toggleFilterSelection={toggleFilterSelection} hideCloseIcon={hideClearAll}/>
+    </div>);
+};
+exports.default = ChipsBar;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/chipsBar/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4CAAyC;AAEzC;;GAEG;AACH,uCAAuC;AACvC,4DAAmC;AAmBnC,MAAM,QAAQ,GAAG,CAAC,EAChB,eAAe,EACf,YAAY,EACZ,qBAAqB,EACrB,YAAY,GAAG,KAAK,GACN,EAAE,EAAE;IAClB,MAAM,mBAAmB,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE;QACjE,GAAG,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;QAC5B,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CACR,gHACF,CAAC,CAED;MAAA,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,YAAY,IAAI,CAC3C,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,mBAAQ,CACP,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,aAAa,CAAC,CAAC,YAAY,CAAC,EAEhC;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/components/cookieTable/utils/conditionalTableRowClassesHandler.js

@@ -38,7 +38,7 @@ const conditionalTableRowClassesHandler = (row, isRowFocused, rowIndex, selected
                 : 'dark:bg-flagged-row-odd-dark bg-flagged-row-odd-light'
             : isRowFocused
                 ? 'bg-selection-yellow-dark dark:bg-selection-yellow-light'
-                : 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'), isDomainInAllowList &&
+                : 'bg-blueberry text-white dark:bg-medium-persian-blue dark:text-chinese-silver'), isDomainInAllowList &&
         !isBlocked &&
         (rowKey !== selectedKey
             ? rowIndex % 2
@@ -46,7 +46,7 @@ const conditionalTableRowClassesHandler = (row, isRowFocused, rowIndex, selected
                 : 'dark:bg-jungle-green-light bg-leaf-green-light'
             : isRowFocused
                 ? 'bg-selection-green-dark dark:bg-selection-green-light'
-                : 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'));
+                : 'bg-blueberry text-white dark:bg-medium-persian-blue dark:text-chinese-silver'));
     return tableRowClassName;
 };
 exports.default = conditionalTableRowClassesHandler;

package/dist/components/cookieTable/utils/conditionalTableRowClassesHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"conditionalTableRowClassesHandler.js","sourceRoot":"","sources":["../../../../src/components/cookieTable/utils/conditionalTableRowClassesHandler.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH,gDAI6B;AAC7B,4DAAoC;AAIpC,sCAAsC;AACtC,MAAM,iCAAiC,GAAG,CACxC,GAAa,EACb,YAAqB,EACrB,QAAgB,EAChB,WAA0B,EAC1B,yBAAkC,EAClC,EAAE;;IACF,MAAM,MAAM,GAAG,IAAA,qBAAY,EACzB,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAgC,CAAA,CAAC,YAAY,CAC1C,CAAC;IACZ,MAAM,SAAS,GAAG,yBAAyB;QACzC,CAAC,CAAC,MAAC,GAAG,CAAC,YAAgC,0CAAE,SAAS;QAClD,CAAC,CAAC,CAAA,MAAA,MAAC,GAAG,CAAC,YAAgC,0CAAE,cAAc,0CAAE,YAAY;YACjE,qBAAY,CAAC,WAAW;YAC1B,CAAA,MAAA,MAAC,GAAG,CAAC,YAAgC,0CAAE,cAAc,0CAAE,aAAa;gBAClE,qBAAY,CAAC,WAAW,CAAC;IAC/B,MAAM,mBAAmB,GAAG,MAAC,GAAG,CAAC,YAAgC,0CAC7D,mBAAmB,CAAC;IAExB,MAAM,iBAAiB,GAAG,IAAA,oBAAU,EAClC,SAAS;QACP,CAAC,MAAM,KAAK,WAAW;YACrB,CAAC,CAAC,QAAQ,GAAG,CAAC;gBACZ,CAAC,CAAC,yDAAyD;gBAC3D,CAAC,CAAC,uDAAuD;YAC3D,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,yDAAyD;gBAC3D,CAAC,CAAC,+EAA+E,CAAC,EACtF,mBAAmB;QACjB,CAAC,SAAS;QACV,CAAC,MAAM,KAAK,WAAW;YACrB,CAAC,CAAC,QAAQ,GAAG,CAAC;gBACZ,CAAC,CAAC,8CAA8C;gBAChD,CAAC,CAAC,gDAAgD;YACpD,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,uDAAuD;gBACzD,CAAC,CAAC,+EAA+E,CAAC,CACvF,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}
+{"version":3,"file":"conditionalTableRowClassesHandler.js","sourceRoot":"","sources":["../../../../src/components/cookieTable/utils/conditionalTableRowClassesHandler.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH,gDAI6B;AAC7B,4DAAoC;AAIpC,sCAAsC;AACtC,MAAM,iCAAiC,GAAG,CACxC,GAAa,EACb,YAAqB,EACrB,QAAgB,EAChB,WAA0B,EAC1B,yBAAkC,EAClC,EAAE;;IACF,MAAM,MAAM,GAAG,IAAA,qBAAY,EACzB,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAgC,CAAA,CAAC,YAAY,CAC1C,CAAC;IACZ,MAAM,SAAS,GAAG,yBAAyB;QACzC,CAAC,CAAC,MAAC,GAAG,CAAC,YAAgC,0CAAE,SAAS;QAClD,CAAC,CAAC,CAAA,MAAA,MAAC,GAAG,CAAC,YAAgC,0CAAE,cAAc,0CAAE,YAAY;YACjE,qBAAY,CAAC,WAAW;YAC1B,CAAA,MAAA,MAAC,GAAG,CAAC,YAAgC,0CAAE,cAAc,0CAAE,aAAa;gBAClE,qBAAY,CAAC,WAAW,CAAC;IAC/B,MAAM,mBAAmB,GAAG,MAAC,GAAG,CAAC,YAAgC,0CAC7D,mBAAmB,CAAC;IAExB,MAAM,iBAAiB,GAAG,IAAA,oBAAU,EAClC,SAAS;QACP,CAAC,MAAM,KAAK,WAAW;YACrB,CAAC,CAAC,QAAQ,GAAG,CAAC;gBACZ,CAAC,CAAC,yDAAyD;gBAC3D,CAAC,CAAC,uDAAuD;YAC3D,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,yDAAyD;gBAC3D,CAAC,CAAC,8EAA8E,CAAC,EACrF,mBAAmB;QACjB,CAAC,SAAS;QACV,CAAC,MAAM,KAAK,WAAW;YACrB,CAAC,CAAC,QAAQ,GAAG,CAAC;gBACZ,CAAC,CAAC,8CAA8C;gBAChD,CAAC,CAAC,gDAAgD;YACpD,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,uDAAuD;gBACzD,CAAC,CAAC,8EAA8E,CAAC,CACtF,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}

package/dist/components/cookiesLanding/cookiesLandingWrapper.jsx

@@ -42,9 +42,9 @@ const CookiesLandingWrapper = ({ dataMapping = [], infoIconTitle = '', showLandi
             </div>)}
         </div>
         {description && (<div className="text-center px-4 flex items-center justify-center -mt-2 mb-10">
-            <p className="lg:max-w-[450px] text-gray dark:text-bright-gray">
+            <div className="lg:max-w-[450px] text-gray dark:text-bright-gray">
               {description}
-            </p>
+            </div>
           </div>)}
         <div className="lg:max-w-[729px] mx-auto flex justify-center flex-col mt-2 pb-10 px-4">
           {children}

package/dist/components/cookiesLanding/cookiesLandingWrapper.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"cookiesLandingWrapper.jsx","sourceRoot":"","sources":["../../../src/components/cookiesLanding/cookiesLandingWrapper.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,oEAA4C;AAC5C,uCAAuC;AAYvC,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,EAAE,EAClB,iBAAiB,GAAG,IAAI,EACxB,MAAM,GAAG,yBAAyB,EAClC,WAAW,GAAG,EAAE,EAChB,QAAQ,EACR,yBAAyB,GAAG,EAAE,GACH,EAAE,EAAE;IAC/B,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,oCAAoC,CACjD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CACxD;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;UAAA,CAAC,iBAAiB,IAAI,CACpB,CAAC,uBAAa,CACZ,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,YAAY,CAAC,CAAC,yBAAyB,CAAC,EACxC,CACH,CACD;UAAA,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,CAAC,GAAG,CAAC,SAAS,CAAC,8EAA8E,CAC3F;cAAA,CAAC,GAAG,CACF;gBAAA,CAAC,gBAAQ,CAAC,SAAS,CAAC,2BAA2B,EACjD;cAAA,EAAE,GAAG,CACL;cAAA,CAAC,GAAG,CACF,SAAS,CAAC,uDAAuD,CACjE,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAElC;gBAAA,CAAC,aAAa,CAChB;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,GAAG,CAAC,CACP,CACH;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,WAAW,IAAI,CACd,CAAC,GAAG,CAAC,SAAS,CAAC,+DAA+D,CAC5E;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,kDAAkD,CAC7D;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CAAC,CACP,CACD;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,uEAAuE,CACpF;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}
+{"version":3,"file":"cookiesLandingWrapper.jsx","sourceRoot":"","sources":["../../../src/components/cookiesLanding/cookiesLandingWrapper.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,oEAA4C;AAC5C,uCAAuC;AAYvC,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,EAAE,EAClB,iBAAiB,GAAG,IAAI,EACxB,MAAM,GAAG,yBAAyB,EAClC,WAAW,GAAG,EAAE,EAChB,QAAQ,EACR,yBAAyB,GAAG,EAAE,GACH,EAAE,EAAE;IAC/B,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,oCAAoC,CACjD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CACxD;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;UAAA,CAAC,iBAAiB,IAAI,CACpB,CAAC,uBAAa,CACZ,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,YAAY,CAAC,CAAC,yBAAyB,CAAC,EACxC,CACH,CACD;UAAA,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CACzB,CAAC,GAAG,CAAC,SAAS,CAAC,8EAA8E,CAC3F;cAAA,CAAC,GAAG,CACF;gBAAA,CAAC,gBAAQ,CAAC,SAAS,CAAC,2BAA2B,EACjD;cAAA,EAAE,GAAG,CACL;cAAA,CAAC,GAAG,CACF,SAAS,CAAC,uDAAuD,CACjE,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAElC;gBAAA,CAAC,aAAa,CAChB;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,GAAG,CAAC,CACP,CACH;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,WAAW,IAAI,CACd,CAAC,GAAG,CAAC,SAAS,CAAC,+DAA+D,CAC5E;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kDAAkD,CAC/D;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,GAAG,CACP;UAAA,EAAE,GAAG,CAAC,CACP,CACD;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,uEAAuE,CACpF;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}

package/dist/components/draggableTray/index.jsx

@@ -0,0 +1,105 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Copyright 2024 Google LLC
+ *
+ * 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 re_resizable_1 = require("re-resizable");
+const react_1 = __importStar(require("react"));
+/**
+ * Internal dependencies.
+ */
+const useTabs_1 = require("../tabs/useTabs");
+const icons_1 = require("../../icons");
+const tabs_1 = __importDefault(require("../tabs"));
+const DraggableTray = (0, react_1.forwardRef)(function DraggableTray({ initialCollapsed = false }, ref) {
+    const { panel, activeTab } = (0, useTabs_1.useTabs)(({ state }) => ({
+        panel: state.panel,
+        activeTab: state.activeTab,
+    }));
+    const ActiveTabContent = panel.Element;
+    const props = panel.props;
+    const [isCollapsed, setIsCollapsed] = (0, react_1.useState)(initialCollapsed);
+    const [height, setHeight] = (0, react_1.useState)('30%');
+    (0, react_1.useEffect)(() => {
+        setIsCollapsed(false);
+    }, [activeTab]);
+    (0, react_1.useEffect)(() => {
+        if (!isCollapsed) {
+            setHeight('30%');
+        }
+    }, [isCollapsed]);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        isCollapsed,
+        setIsCollapsed,
+    }), [isCollapsed]);
+    return (<re_resizable_1.Resizable defaultSize={{
+            width: '100%',
+            height: '30%',
+        }} onResizeStop={(_, __, ___, d) => {
+            setHeight(() => `calc(${height} + ${d.height}px)`);
+        }} size={{
+            width: '100%',
+            height: isCollapsed ? '30px' : height,
+        }} minHeight="30px" maxHeight="95%" enable={{
+            top: !isCollapsed,
+        }}>
+      <div className="w-full h-full flex flex-col">
+        <div className="bg-sky-100 dark:bg-sky-900 h-fit flex justify-between items-center">
+          <div className="pt-1.5 w-full">
+            <tabs_1.default showBottomBorder={false} fontSizeClass="text-xs"/>
+          </div>
+          <button onClick={() => setIsCollapsed(!isCollapsed)} className="px-2">
+            <icons_1.DoubleDownArrow className={`text-raisin-black dark:text-bright-gray ${isCollapsed ? 'rotate-180' : 'rotate-0'}`}/>
+          </button>
+        </div>
+        <div style={{
+            height: isCollapsed ? '0px' : 'calc(100% - 30px)',
+        }}>
+          {ActiveTabContent && <ActiveTabContent {...props}/>}
+        </div>
+      </div>
+    </re_resizable_1.Resizable>);
+});
+exports.default = DraggableTray;
+//# sourceMappingURL=index.jsx.map

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

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

package/dist/components/filtersSidebar/index.jsx

@@ -0,0 +1,102 @@
+"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 FiltersSidebar = ({ filters, selectedFilterValues, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
+    const [expandAll, setExpandAll] = (0, react_1.useState)(false);
+    const expandedFilters = (0, react_1.useRef)(new Set());
+    const filterKeys = (0, react_1.useMemo)(() => {
+        return filters.map((filter) => filter.key);
+    }, [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>
+        {filters.map((filter) => (<listItem_1.default key={filter.key} filter={filter} selectedFilterValues={selectedFilterValues[filter.key] || []} filterKey={filter.key} expandAll={expandAll} toggleFilterExpansion={toggleFilterExpansion} isSelectAllFilterSelected={isSelectAllFilterSelected(filter.key)} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>))}
+      </ul>
+    </div>);
+};
+exports.default = FiltersSidebar;
+//# sourceMappingURL=index.jsx.map

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

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

package/dist/components/{table/components/filtersSidebar → filtersSidebar}/listItem.jsx

@@ -46,12 +46,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
  */
 const react_1 = __importStar(require("react"));
 const i18n_1 = require("@google-psat/i18n");
-/**
- * Internal dependencies.
- */
+const icons_1 = require("../../icons");
 const subList_1 = __importDefault(require("./subList"));
-const icons_1 = require("../../../../icons");
-const ListItem = ({ filter, filterKey, expandAll, toggleFilterExpansion, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
+const ListItem = ({ filter, selectedFilterValues, filterKey, expandAll, toggleFilterExpansion, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
+    var _a;
     const [hasScannedFiltersOnce, setHasScannedFiltersOnce] = (0, react_1.useState)(true);
     const [isExpanded, setExpanded] = (0, react_1.useState)(false);
     const [showSubList, setShowSubList] = (0, react_1.useState)(false);
@@ -65,7 +63,7 @@ const ListItem = ({ filter, filterKey, expandAll, toggleFilterExpansion, isSelec
     (0, react_1.useEffect)(() => {
         setShowSubList(expandAll);
     }, [expandAll]);
-    const isDisabled = (0, react_1.useMemo)(() => Object.keys(filter.filterValues || {}).length === 0, [filter.filterValues]);
+    const isDisabled = (0, react_1.useMemo)(() => !filter.values.length, [filter.values]);
     (0, react_1.useEffect)(() => {
         if (isDisabled && showSubList) {
             setShowSubList((prev) => {
@@ -77,15 +75,16 @@ const ListItem = ({ filter, filterKey, expandAll, toggleFilterExpansion, isSelec
         }
     }, [expandAll, filterKey, isDisabled, showSubList, toggleFilterExpansion]);
     (0, react_1.useEffect)(() => {
+        var _a;
         if (!hasScannedFiltersOnce) {
             return;
         }
-        const areFiltersSelected = Object.values(filter.filterValues || {}).some((filterValue) => filterValue.selected);
+        const areFiltersSelected = ((_a = filter.values) === null || _a === void 0 ? void 0 : _a.some((filterValue) => selectedFilterValues === null || selectedFilterValues === void 0 ? void 0 : selectedFilterValues.includes(filterValue))) || false;
         if (areFiltersSelected) {
             setShowSubList(true);
             setHasScannedFiltersOnce(false);
         }
-    }, [filter.filterValues, hasScannedFiltersOnce]);
+    }, [filter.values, hasScannedFiltersOnce, selectedFilterValues]);
     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}>
@@ -99,8 +98,8 @@ const ListItem = ({ filter, filterKey, expandAll, toggleFilterExpansion, isSelec
           </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} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>
-          {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="#">
+          <subList_1.default filterValues={filter.values || []} filterKey={filterKey} sort={Boolean(filter.sortValues)} selectedFilterValues={selectedFilterValues || []} isExpanded={isExpanded} isSelectAllFilterEnabled={Boolean(filter.enableSelectAll)} isSelectAllFilterSelected={isSelectAllFilterSelected} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>
+          {Number(((_a = filter.values) === null || _a === void 0 ? void 0 : _a.length) || 0) > 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>)}
         </>)}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"option.jsx","sourceRoot":"","sources":["../../../src/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 → filtersSidebar}/subList.jsx

@@ -47,17 +47,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const i18n_1 = require("@google-psat/i18n");
 const option_1 = __importDefault(require("./option"));
-const SubList = ({ filterValues, filterKey, sort, isExpanded, isSelectAllFilterEnabled, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
+const SubList = ({ filterValues, selectedFilterValues, filterKey, sort, isExpanded, isSelectAllFilterEnabled, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
     const sortedFilterValueKeys = (0, react_1.useMemo)(() => {
         if (!sort) {
-            return Object.keys(filterValues || {});
+            return filterValues || [];
         }
-        return Object.keys(filterValues || {}).sort((a, b) => String(a).localeCompare(String(b)));
+        return (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) &&
+          <option_1.default filterKey={filterKey} filterValue={filterValue} selected={Boolean(selectedFilterValues.find((selectedFilterValue) => selectedFilterValue === filterValue)) &&
                 (isSelectAllFilterEnabled ? !isSelectAllFilterSelected : true)} toggleFilterSelection={toggleFilterSelection} isExpanded={index < 4 || isExpanded}/>
         </react_1.default.Fragment>))}
     </ul>);

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

@@ -0,0 +1 @@
+{"version":3,"file":"subList.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/subList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAAuC;AACvC,4CAAyC;AACzC,sDAA8B;AAyB9B,MAAM,OAAO,GAAG,CAAC,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,GACR,EAAE,EAAE;IACjB,MAAM,qBAAqB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,YAAY,IAAI,EAAE,CAAC;QAC5B,CAAC;QAED,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACxC,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,CACL,oBAAoB,CAAC,IAAI,CACvB,CAAC,mBAAmB,EAAE,EAAE,CAAC,mBAAmB,KAAK,WAAW,CAC7D,CACF;gBACD,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"}

package/dist/components/frameContent/index.jsx

@@ -0,0 +1,43 @@
+"use strict";
+/*
+ * Copyright 2025 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 borderColors = {
+    'privacy-blue': 'border-privacy-blue',
+    'privacy-green': 'border-privacy-green',
+    'privacy-purple': 'border-privacy-purple',
+};
+const FrameContent = ({ children, width = '100%', height = '100%', color = 'privacy-blue', }) => {
+    const commonClassName = `${borderColors[color]} bg-white dark:bg-raisin-black absolute box-border w-full h-full border-[2px] rounded-xl col-start-1 row-start-1`;
+    return (<div className="grid relative" style={{ width, height }}>
+      {/* Bottom border (shadow) */}
+      <div className={(0, classnames_1.default)(commonClassName, 'border-b-[18px] top-[13px]')}/>
+      {/* Content */}
+      <div className={(0, classnames_1.default)(commonClassName, 'flex items-center justify-center p-8')}>
+        {children}
+      </div>
+    </div>);
+};
+exports.default = FrameContent;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/frameContent/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC,MAAM,YAAY,GAA2B;IAC3C,cAAc,EAAE,qBAAqB;IACrC,eAAe,EAAE,sBAAsB;IACvC,gBAAgB,EAAE,uBAAuB;CAC1C,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,cAAc,GAMvB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,kHAAkH,CAAC;IAEjK,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACtD;MAAA,CAAC,4BAA4B,CAC7B;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,eAAe,EAAE,4BAA4B,CAAC,CAAC,EAEvE;MAAA,CAAC,aAAa,CACd;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,eAAe,EACf,sCAAsC,CACvC,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}