@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/cookiesLanding/useGlobalFiltering.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,31 +13,29 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = require("react");
-const i18n_1 = require("@google-psat/i18n");
+import { useCallback, useMemo } from 'react';
+import { I18n } from '@google-psat/i18n';
 /**
  * Internal dependencies.
  */
-const table_1 = require("../table");
+import { calculateBlockedReasonsFilterValues, calculateExemptionReason, evaluateSelectAllOption, evaluateStaticFilterValues, useFiltering, } from '../table';
 const useGlobalFiltering = (cookies, query, clearQuery) => {
-    const parsedQuery = (0, react_1.useMemo)(() => {
+    const parsedQuery = useMemo(() => {
         if (query) {
             return JSON.parse(query);
         }
         return {};
     }, [query]);
-    const evaluateFilterWithOptions = (0, react_1.useCallback)((filters, key) => {
-        var _a, _b;
+    const evaluateFilterWithOptions = useCallback((filters, key) => {
         // @ts-ignore
-        const appliedFilters = (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.PSAT_DATA) === null || _a === void 0 ? void 0 : _a.appliedFilters;
-        if (!((_b = appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters[key]) === null || _b === void 0 ? void 0 : _b.filterValues)) {
+        const appliedFilters = globalThis?.PSAT_DATA?.appliedFilters;
+        if (!appliedFilters?.[key]?.filterValues) {
             return filters;
         }
-        const filterValues = Object.assign({}, filters);
+        const filterValues = { ...filters };
         Object.keys(appliedFilters[key].filterValues).forEach((filterKey) => {
             if (filterValues[filterKey]) {
                 filterValues[filterKey].selected = true;
@@ -48,84 +45,81 @@ const useGlobalFiltering = (cookies, query, clearQuery) => {
         globalThis.PSAT_DATA.appliedFilters[key].filterValues = undefined;
         return filterValues;
     }, []);
-    const filters = (0, react_1.useMemo)(() => {
-        var _a, _b;
-        return ({
-            'analytics.category': {
-                title: i18n_1.I18n.getMessage('category'),
-                hasStaticFilterValues: true,
-                hasPrecalculatedFilterValues: true,
-                filterValues: evaluateFilterWithOptions((0, table_1.evaluateStaticFilterValues)({
-                    [i18n_1.I18n.getMessage('analytics')]: {
-                        selected: false,
-                    },
-                    [i18n_1.I18n.getMessage('functional')]: {
-                        selected: false,
-                    },
-                    [i18n_1.I18n.getMessage('marketing')]: {
-                        selected: false,
-                    },
-                    [i18n_1.I18n.getMessage('uncategorized')]: {
-                        selected: false,
-                    },
-                }, 'analytics.category', parsedQuery, clearQuery), 'analytics.category'),
-                sortValues: true,
-                useGenericPersistenceKey: true,
-                comparator: (value, filterValue) => {
-                    const val = value;
-                    return (i18n_1.I18n.getMessage((val === null || val === void 0 ? void 0 : val.toLowerCase()) || 'uncategorized') ===
-                        filterValue);
+    const filters = useMemo(() => ({
+        'analytics.category': {
+            title: I18n.getMessage('category'),
+            hasStaticFilterValues: true,
+            hasPrecalculatedFilterValues: true,
+            filterValues: evaluateFilterWithOptions(evaluateStaticFilterValues({
+                [I18n.getMessage('analytics')]: {
+                    selected: false,
                 },
-            },
-            isFirstParty: {
-                title: i18n_1.I18n.getMessage('scope'),
-                hasStaticFilterValues: true,
-                hasPrecalculatedFilterValues: true,
-                filterValues: evaluateFilterWithOptions((0, table_1.evaluateStaticFilterValues)({
-                    [i18n_1.I18n.getMessage('firstParty')]: {
-                        selected: false,
-                    },
-                    [i18n_1.I18n.getMessage('thirdParty')]: {
-                        selected: false,
-                    },
-                }, 'isFirstParty', parsedQuery, clearQuery), 'isFirstParty'),
-                useGenericPersistenceKey: true,
-                comparator: (value, filterValue) => {
-                    const val = Boolean(value);
-                    return val === (filterValue === i18n_1.I18n.getMessage('firstParty'));
+                [I18n.getMessage('functional')]: {
+                    selected: false,
                 },
-            },
-            blockedReasons: {
-                title: i18n_1.I18n.getMessage('blockedReasons'),
-                hasStaticFilterValues: true,
-                hasPrecalculatedFilterValues: true,
-                enableSelectAllOption: true,
-                isSelectAllOptionSelected: (0, table_1.evaluateSelectAllOption)('blockedReasons', parsedQuery, clearQuery),
-                filterValues: evaluateFilterWithOptions((0, table_1.calculateBlockedReasonsFilterValues)(cookies, (_a = parsedQuery === null || parsedQuery === void 0 ? void 0 : parsedQuery.filter) === null || _a === void 0 ? void 0 : _a.blockedReasons, clearQuery), 'blockedReasons'),
-                sortValues: true,
-                useGenericPersistenceKey: true,
-                comparator: (value, filterValue) => {
-                    const val = value;
-                    return val === null || val === void 0 ? void 0 : val.includes(filterValue);
+                [I18n.getMessage('marketing')]: {
+                    selected: false,
                 },
+                [I18n.getMessage('uncategorized')]: {
+                    selected: false,
+                },
+            }, 'analytics.category', parsedQuery, clearQuery), 'analytics.category'),
+            sortValues: true,
+            useGenericPersistenceKey: true,
+            comparator: (value, filterValue) => {
+                const val = value;
+                return (I18n.getMessage(val?.toLowerCase() || 'uncategorized') ===
+                    filterValue);
             },
-            exemptionReason: {
-                title: i18n_1.I18n.getMessage('exemptionReasons'),
-                hasStaticFilterValues: true,
-                hasPrecalculatedFilterValues: true,
-                enableSelectAllOption: true,
-                isSelectAllOptionSelected: (0, table_1.evaluateSelectAllOption)('exemptionReason', parsedQuery, clearQuery),
-                filterValues: evaluateFilterWithOptions((0, table_1.calculateExemptionReason)(cookies, clearQuery, (_b = parsedQuery === null || parsedQuery === void 0 ? void 0 : parsedQuery.filter) === null || _b === void 0 ? void 0 : _b.exemptionReason), 'exemptionReason'),
-                comparator: (value, filterValue) => {
-                    const val = value;
-                    return val === filterValue;
+        },
+        isFirstParty: {
+            title: I18n.getMessage('scope'),
+            hasStaticFilterValues: true,
+            hasPrecalculatedFilterValues: true,
+            filterValues: evaluateFilterWithOptions(evaluateStaticFilterValues({
+                [I18n.getMessage('firstParty')]: {
+                    selected: false,
+                },
+                [I18n.getMessage('thirdParty')]: {
+                    selected: false,
                 },
-                useGenericPersistenceKey: true,
+            }, 'isFirstParty', parsedQuery, clearQuery), 'isFirstParty'),
+            useGenericPersistenceKey: true,
+            comparator: (value, filterValue) => {
+                const val = Boolean(value);
+                return val === (filterValue === I18n.getMessage('firstParty'));
             },
-        });
-    }, [clearQuery, cookies, evaluateFilterWithOptions, parsedQuery]);
-    const filterOutput = (0, table_1.useFiltering)(cookies, filters, 'cookiesListing', 'cookiesListing');
+        },
+        blockedReasons: {
+            title: I18n.getMessage('blockedReasons'),
+            hasStaticFilterValues: true,
+            hasPrecalculatedFilterValues: true,
+            enableSelectAllOption: true,
+            isSelectAllOptionSelected: evaluateSelectAllOption('blockedReasons', parsedQuery, clearQuery),
+            filterValues: evaluateFilterWithOptions(calculateBlockedReasonsFilterValues(cookies, parsedQuery?.filter?.blockedReasons, clearQuery), 'blockedReasons'),
+            sortValues: true,
+            useGenericPersistenceKey: true,
+            comparator: (value, filterValue) => {
+                const val = value;
+                return val?.includes(filterValue);
+            },
+        },
+        exemptionReason: {
+            title: I18n.getMessage('exemptionReasons'),
+            hasStaticFilterValues: true,
+            hasPrecalculatedFilterValues: true,
+            enableSelectAllOption: true,
+            isSelectAllOptionSelected: evaluateSelectAllOption('exemptionReason', parsedQuery, clearQuery),
+            filterValues: evaluateFilterWithOptions(calculateExemptionReason(cookies, clearQuery, parsedQuery?.filter?.exemptionReason), 'exemptionReason'),
+            comparator: (value, filterValue) => {
+                const val = value;
+                return val === filterValue;
+            },
+            useGenericPersistenceKey: true,
+        },
+    }), [clearQuery, cookies, evaluateFilterWithOptions, parsedQuery]);
+    const filterOutput = useFiltering(cookies, filters, 'cookiesListing', 'cookiesListing');
     return filterOutput;
 };
-exports.default = useGlobalFiltering;
+export default useGlobalFiltering;
 //# sourceMappingURL=useGlobalFiltering.jsx.map

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

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

package/dist/components/draggableTray/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 2024 Google LLC
  *
@@ -44,53 +16,65 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const re_resizable_1 = require("re-resizable");
-const react_1 = __importStar(require("react"));
+import { Resizable } from 're-resizable';
+import React, { forwardRef, useEffect, useImperativeHandle, useState, } from '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 }) => ({
+import { useTabs } from '../tabs/useTabs';
+import { DoubleDownArrow } from '../../icons';
+import Tabs from '../tabs';
+import { usePersistentTray } from '../resizableTray';
+const DraggableTray = forwardRef(function DraggableTray({ initialCollapsed = false, trayId, defaultHeight = '30%', disableResize = false, activeTabIndex, }, ref) {
+    const { panel, activeTab, setActiveTab, setActiveGroup, isGroup } = useTabs(({ state, actions }) => ({
         panel: state.panel,
         activeTab: state.activeTab,
+        setActiveTab: actions.setActiveTab,
+        setActiveGroup: actions.setActiveGroup,
+        isGroup: state.isGroup,
     }));
     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)(() => {
+    const [isCollapsed, setIsCollapsed] = useState(initialCollapsed);
+    const { height, setHeight, onResizeStop } = usePersistentTray(trayId, {
+        height: defaultHeight,
+    });
+    useEffect(() => {
         setIsCollapsed(false);
     }, [activeTab]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!isCollapsed) {
-            setHeight('30%');
+            setHeight(defaultHeight);
+        }
+    }, [defaultHeight, isCollapsed, setHeight]);
+    useEffect(() => {
+        if (activeTabIndex && activeTabIndex() !== -1) {
+            setActiveTab(activeTabIndex());
+            if (!isGroup) {
+                setActiveGroup('group-' + activeTabIndex());
+            }
         }
-    }, [isCollapsed]);
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    }, [activeTabIndex, setActiveGroup, setActiveTab, isGroup]);
+    useImperativeHandle(ref, () => ({
         isCollapsed,
         setIsCollapsed,
     }), [isCollapsed]);
-    return (<re_resizable_1.Resizable defaultSize={{
+    return (<Resizable defaultSize={{
             width: '100%',
-            height: '30%',
-        }} onResizeStop={(_, __, ___, d) => {
-            setHeight(() => `calc(${height} + ${d.height}px)`);
-        }} size={{
+            height: defaultHeight,
+        }} onResizeStop={onResizeStop} size={{
             width: '100%',
             height: isCollapsed ? '30px' : height,
         }} minHeight="30px" maxHeight="95%" enable={{
-            top: !isCollapsed,
+            top: !disableResize && !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"/>
+            <Tabs 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'}`}/>
+            <DoubleDownArrow className={`text-raisin-black dark:text-bright-gray ${isCollapsed ? 'rotate-180' : 'rotate-0'}`}/>
           </button>
         </div>
         <div style={{
@@ -99,7 +83,7 @@ const DraggableTray = (0, react_1.forwardRef)(function DraggableTray({ initialCo
           {ActiveTabContent && <ActiveTabContent {...props}/>}
         </div>
       </div>
-    </re_resizable_1.Resizable>);
+    </Resizable>);
 });
-exports.default = DraggableTray;
+export default DraggableTray;
 //# sourceMappingURL=index.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/draggableTray/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAAyC;AACzC,+CAKe;AAEf;;GAEG;AACH,6CAA0C;AAC1C,uCAA8C;AAC9C,mDAA2B;AAM3B,MAAM,aAAa,GAAG,IAAA,kBAAU,EAM9B,SAAS,aAAa,CACtB,EAAE,gBAAgB,GAAG,KAAK,EAAsB,EAChD,GAAG;IAEH,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,iBAAO,EAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACnD,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,SAAS,EAAE,KAAK,CAAC,SAAS;KAC3B,CAAC,CAAC,CAAC;IACJ,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAE1B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,gBAAgB,CAAC,CAAC;IAEjE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAqB,KAAK,CAAC,CAAC;IAEhE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,cAAc;KACf,CAAC,EACF,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,CACL,CAAC,wBAAS,CACR,WAAW,CAAC,CAAC;YACX,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,KAAK;SACd,CAAC,CACF,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;YAC9B,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,MAAM,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC;QACrD,CAAC,CAAC,CACF,IAAI,CAAC,CAAC;YACJ,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACtC,CAAC,CACF,SAAS,CAAC,MAAM,CAChB,SAAS,CAAC,KAAK,CACf,MAAM,CAAC,CAAC;YACN,GAAG,EAAE,CAAC,WAAW;SAClB,CAAC,CAEF;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,6BAA6B,CAC1C;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oEAAoE,CACjF;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAC5B;YAAA,CAAC,cAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,SAAS,EACxD;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CACnE;YAAA,CAAC,uBAAe,CACd,SAAS,CAAC,CAAC,2CACT,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAC/B,EAAE,CAAC,EAEP;UAAA,EAAE,MAAM,CACV;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB;SAClD,CAAC,CAEF;UAAA,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC,EAAG,CACtD;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/draggableTray/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown/index.jsx

@@ -0,0 +1,30 @@
+/*
+ * 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.
+ */
+/**
+ * External dependencies
+ */
+import React from 'react';
+/**
+ * Internal dependencies
+ */
+import OptionsComponent from './options';
+const Dropdown = ({ options, groups, value, onChange, ref, placeholder = '', }) => {
+    return (<select ref={ref} className="border border-hex-gray dark:border-quartz rounded px-5 w-max py-2 text-sm text-raisin-black dark:text-bright-gray" value={value} onChange={(e) => onChange(e.target.value)}>
+      <OptionsComponent groups={groups} options={options} placeholder={placeholder}/>
+    </select>);
+};
+export default Dropdown;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/dropdown/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B;;GAEG;AACH,OAAO,gBAAgD,MAAM,WAAW,CAAC;AAWzE,MAAM,QAAQ,GAAG,CAAC,EAChB,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAQ,EACR,GAAG,EACH,WAAW,GAAG,EAAE,GACF,EAAE,EAAE;IAClB,OAAO,CACL,CAAC,MAAM,CACL,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,SAAS,CAAC,mHAAmH,CAC7H,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAE1C;MAAA,CAAC,gBAAgB,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,EAE7B;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/dropdown/options.jsx

@@ -0,0 +1,41 @@
+/*
+ * 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.
+ */
+/**
+ * External dependencies
+ */
+import React from 'react';
+const OptionsComponent = ({ options, groups, placeholder }) => {
+    if (options) {
+        return (<>
+        {placeholder ?? <option value="">{placeholder}</option>}
+        {options.map((option) => (<option key={option.value} value={option.value}>
+            {option.label}
+          </option>))}
+      </>);
+    }
+    if (groups) {
+        return (<>
+        {groups.map((group, i) => (<optgroup key={i} label={group.label} disabled={group.disabled}>
+            {group.options.map((option) => (<option key={option.value} value={option.value}>
+                {option.label}
+              </option>))}
+          </optgroup>))}
+      </>);
+    }
+    return <></>;
+};
+export default OptionsComponent;
+//# sourceMappingURL=options.jsx.map

package/dist/components/dropdown/options.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.jsx","sourceRoot":"","sources":["../../../src/components/dropdown/options.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAgB,EAAE,EAAE;IAC1E,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,EACE;QAAA,CAAC,WAAW,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,CACvD;QAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC7C;YAAA,CAAC,MAAM,CAAC,KAAK,CACf;UAAA,EAAE,MAAM,CAAC,CACV,CAAC,CACJ;MAAA,GAAG,CACJ,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,CACL,EACE;QAAA,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAC7D;YAAA,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC7B,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAC7C;gBAAA,CAAC,MAAM,CAAC,KAAK,CACf;cAAA,EAAE,MAAM,CAAC,CACV,CAAC,CACJ;UAAA,EAAE,QAAQ,CAAC,CACZ,CAAC,CACJ;MAAA,GAAG,CACJ,CAAC;IACJ,CAAC;IACD,OAAO,EAAE,GAAG,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/errorFallback/extensionReloadNotification.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,18 +16,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
+import React from 'react';
 /**
  * Internal dependencies.
  */
-const button_1 = __importDefault(require("../button"));
+import Button from '../button';
 const ExtensionReloadNotification = ({ tabId, texts, }) => {
     return (<div className="w-full h-full px-2 flex flex-col items-center justify-center border-b border-american-silver dark:border-quartz bg-white dark:bg-charleston-green dark:text-white">
       <p className="text-xl text-center px-4">{texts.displayText}</p>
       <div className="ml-2 mt-4">
-        <button_1.default onClick={() => {
-            var _a;
-            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.location) === null || _a === void 0 ? void 0 : _a.reload();
+        <Button onClick={() => {
+            globalThis?.location?.reload();
             if (localStorage.getItem('psatOpenedAfterPageLoad') && tabId) {
                 try {
                     chrome.tabs.reload(tabId);
@@ -46,5 +40,5 @@ const ExtensionReloadNotification = ({ tabId, texts, }) => {
       </div>
     </div>);
 };
-exports.default = ExtensionReloadNotification;
+export default ExtensionReloadNotification;
 //# sourceMappingURL=extensionReloadNotification.jsx.map

package/dist/components/errorFallback/extensionReloadNotification.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"extensionReloadNotification.jsx","sourceRoot":"","sources":["../../../src/components/errorFallback/extensionReloadNotification.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,uDAA+B;AAS/B,MAAM,2BAA2B,GAAG,CAAC,EACnC,KAAK,EACL,KAAK,GAC4B,EAAE,EAAE;IACrC,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,mKAAmK,CAChL;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAC9D;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;QAAA,CAAC,gBAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;;YACZ,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,MAAM,EAAE,CAAC;YAC/B,IAAI,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,KAAK,EAAE,CAAC;gBAC7D,IAAI,CAAC;oBACH,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC1B,YAAY,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;gBACrD,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,eAAe;gBACjB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CACF,IAAI,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,EAE3B;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,2BAA2B,CAAC"}
+{"version":3,"file":"extensionReloadNotification.jsx","sourceRoot":"","sources":["../../../src/components/errorFallback/extensionReloadNotification.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,OAAO,MAAM,MAAM,WAAW,CAAC;AAS/B,MAAM,2BAA2B,GAAG,CAAC,EACnC,KAAK,EACL,KAAK,GAC4B,EAAE,EAAE;IACrC,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,mKAAmK,CAChL;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAC9D;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;QAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;YAC/B,IAAI,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,KAAK,EAAE,CAAC;gBAC7D,IAAI,CAAC;oBACH,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC1B,YAAY,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;gBACrD,CAAC;gBAAC,OAAO,KAAK,EAAE,CAAC;oBACf,eAAe;gBACjB,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CACF,IAAI,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,EAE3B;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/errorFallback/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,17 +16,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const i18n_1 = require("@google-psat/i18n");
+import React from 'react';
+import { I18n } from '@google-psat/i18n';
 const ErrorFallback = ({ error }) => {
     // Call resetErrorBoundary() to reset the error boundary and retry the render.
     return (<div className="p-4 text-center" role="alert">
-      <p className="font-bold mb-5 text-xl">{i18n_1.I18n.getMessage('wentWrong')}</p>
-      <p className="mb-10">{i18n_1.I18n.getMessage('openInNewTab')}</p>
+      <p className="font-bold mb-5 text-xl">{I18n.getMessage('wentWrong')}</p>
+      <p className="mb-10">{I18n.getMessage('openInNewTab')}</p>
       <pre className="text-red-700 text-xs bg-slate-50 p-5 text-left border-l-4">
-        {error === null || error === void 0 ? void 0 : error.message} {i18n_1.I18n.getMessage('openInNewTab')}
+        {error?.message} {I18n.getMessage('openInNewTab')}
       </pre>
     </div>);
 };
-exports.default = ErrorFallback;
+export default ErrorFallback;
 //# sourceMappingURL=index.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/errorFallback/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4CAAyC;AAMzC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IACtD,8EAA8E;IAE9E,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAC3C;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CACvE;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CACzD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,2DAA2D,CACxE;QAAA,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAE,CAAA,CAAC,WAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CACnD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/errorFallback/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAMzC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAsB,EAAE,EAAE;IACtD,8EAA8E;IAE9E,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAC3C;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CACvE;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,CACzD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,2DAA2D,CACxE;QAAA,CAAC,KAAK,EAAE,OAAO,CAAE,CAAA,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CACnD;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/exportButton/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,20 +16,20 @@ 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';
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../icons");
+import { Export } from '../../icons';
 const ExportButton = ({ onClick, title = 'Export', disabled = false, }) => {
-    return (<button disabled={disabled} onClick={onClick} title={title} className={(0, classnames_1.default)({
+    return (<button disabled={disabled} onClick={onClick} title={title} className={classNames({
             'flex items-center justify-center h-full text-center dark:text-mischka text-comet-black': true,
-            'hover:text-comet-grey hover:dark:text-bright-gray active:dark:text-mischka active:text-comet-black': !disabled,
+            'hover:text-comet-grey dark:hover:text-bright-gray dark:active:text-mischka active:text-comet-black': !disabled,
             'opacity-50': disabled,
         })}>
-      <icons_1.Export />
+      <Export />
     </button>);
 };
-exports.default = ExportButton;
+export default ExportButton;
 //# sourceMappingURL=index.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/exportButton/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,uCAAqC;AAQrC,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAAG,KAAK,GACE,EAAE,EAAE;IACtB,OAAO,CACL,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC;YACpB,wFAAwF,EACtF,IAAI;YACN,oGAAoG,EAClG,CAAC,QAAQ;YACX,YAAY,EAAE,QAAQ;SACvB,CAAC,CAAC,CAEH;MAAA,CAAC,cAAM,CAAC,AAAD,EACT;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/exportButton/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQrC,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,KAAK,GAAG,QAAQ,EAChB,QAAQ,GAAG,KAAK,GACE,EAAE,EAAE;IACtB,OAAO,CACL,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,UAAU,CAAC;YACpB,wFAAwF,EACtF,IAAI;YACN,oGAAoG,EAClG,CAAC,QAAQ;YACX,YAAY,EAAE,QAAQ;SACvB,CAAC,CAAC,CAEH;MAAA,CAAC,MAAM,CAAC,AAAD,EACT;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}