@google-psat/design-system 0.12.0 → 0.13.0

package/dist/components/index.js

@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InternalNavigationForAnchor = exports.Breadcrumbs = exports.QuickLinksList = exports.Tabs = exports.useGlobalFiltering = exports.useFiltersMapping = exports.MenuBar = exports.MatrixContainer = exports.CookiesLandingWrapper = exports.ToastMessage = exports.InspectButton = exports.SearchInput = exports.ExtensionReloadNotification = exports.ErrorFallback = exports.ContentPanel = exports.InfoCard = exports.LandingPage = exports.CookieTable = exports.Details = exports.CookieDetails = exports.CookiesMatrix = exports.CookiesLanding = exports.MatrixComponentHorizontal = exports.Matrix = exports.CirclePieChart = exports.Circle = exports.MessageBox = exports.ToggleSwitch = exports.BorderProgressBar = exports.ProgressBar = exports.ExportButton = exports.RefreshButton = exports.Button = void 0;
+exports.FrameContent = exports.CardsPanel = exports.Link = exports.DraggableTray = exports.FiltersSidebar = exports.ChipsBar = exports.TopBar = exports.LinkProcessor = exports.Breadcrumbs = exports.PillToggle = exports.Pill = exports.QuickLinksList = exports.Tabs = exports.useGlobalFiltering = exports.useFiltersMapping = exports.MenuBar = exports.MatrixContainer = exports.CookiesLandingWrapper = exports.ToastMessage = exports.InspectButton = exports.SearchInput = exports.ExtensionReloadNotification = exports.ErrorFallback = exports.ContentPanel = exports.InfoCard = exports.LandingPage = exports.LandingPageContainer = exports.CookieTable = exports.Details = exports.CookieDetails = exports.CookiesMatrix = exports.CookiesLanding = exports.MatrixComponentHorizontal = exports.MatrixComponent = exports.Matrix = exports.CirclePieChart = exports.Circle = exports.MessageBox = exports.ToggleSwitch = exports.BorderProgressBar = exports.ProgressBar = exports.ExportButton = exports.RefreshButton = exports.Button = void 0;
 var button_1 = require("./button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_1).default; } });
 var refreshButton_1 = require("./refreshButton");
@@ -53,6 +53,8 @@ var circlePieChart_1 = require("./circlePieChart");
 Object.defineProperty(exports, "CirclePieChart", { enumerable: true, get: function () { return __importDefault(circlePieChart_1).default; } });
 var matrix_1 = require("./matrix");
 Object.defineProperty(exports, "Matrix", { enumerable: true, get: function () { return __importDefault(matrix_1).default; } });
+var matrixComponent_1 = require("./matrix/matrixComponent");
+Object.defineProperty(exports, "MatrixComponent", { enumerable: true, get: function () { return __importDefault(matrixComponent_1).default; } });
 var matrixComponentHorizontal_1 = require("./matrix/matrixComponent/matrixComponentHorizontal");
 Object.defineProperty(exports, "MatrixComponentHorizontal", { enumerable: true, get: function () { return __importDefault(matrixComponentHorizontal_1).default; } });
 var cookiesLanding_1 = require("./cookiesLanding");
@@ -67,7 +69,9 @@ Object.defineProperty(exports, "Details", { enumerable: true, get: function () {
 var cookieTable_1 = require("./cookieTable");
 Object.defineProperty(exports, "CookieTable", { enumerable: true, get: function () { return __importDefault(cookieTable_1).default; } });
 var landingPage_1 = require("./landingPage");
-Object.defineProperty(exports, "LandingPage", { enumerable: true, get: function () { return __importDefault(landingPage_1).default; } });
+Object.defineProperty(exports, "LandingPageContainer", { enumerable: true, get: function () { return __importDefault(landingPage_1).default; } });
+var LandingPage_1 = require("./landingPage/LandingPage");
+Object.defineProperty(exports, "LandingPage", { enumerable: true, get: function () { return __importDefault(LandingPage_1).default; } });
 var infoCard_1 = require("./landingPage/infoCard");
 Object.defineProperty(exports, "InfoCard", { enumerable: true, get: function () { return __importDefault(infoCard_1).default; } });
 var contentPanel_1 = require("./landingPage/contentPanel");
@@ -98,10 +102,32 @@ var useGlobalFiltering_1 = require("./cookiesLanding/useGlobalFiltering");
 Object.defineProperty(exports, "useGlobalFiltering", { enumerable: true, get: function () { return __importDefault(useGlobalFiltering_1).default; } });
 var tabs_1 = require("./tabs");
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return __importDefault(tabs_1).default; } });
+__exportStar(require("./tabs"), exports);
+__exportStar(require("./tabs/useTabs"), exports);
 var quickLinksList_1 = require("./landingPage/quickLinksList");
 Object.defineProperty(exports, "QuickLinksList", { enumerable: true, get: function () { return __importDefault(quickLinksList_1).default; } });
+var pill_1 = require("./pill");
+Object.defineProperty(exports, "Pill", { enumerable: true, get: function () { return __importDefault(pill_1).default; } });
+var pillToggle_1 = require("./pillToggle");
+Object.defineProperty(exports, "PillToggle", { enumerable: true, get: function () { return __importDefault(pillToggle_1).default; } });
 var breadcrumbs_1 = require("./breadcrumbs");
 Object.defineProperty(exports, "Breadcrumbs", { enumerable: true, get: function () { return __importDefault(breadcrumbs_1).default; } });
-var internalNavigationForAnchor_1 = require("./internalNavigationForAnchor");
-Object.defineProperty(exports, "InternalNavigationForAnchor", { enumerable: true, get: function () { return __importDefault(internalNavigationForAnchor_1).default; } });
+var linkProcessor_1 = require("./linkProcessor");
+Object.defineProperty(exports, "LinkProcessor", { enumerable: true, get: function () { return __importDefault(linkProcessor_1).default; } });
+var topbar_1 = require("./topbar");
+Object.defineProperty(exports, "TopBar", { enumerable: true, get: function () { return __importDefault(topbar_1).default; } });
+var chipsBar_1 = require("./chipsBar");
+Object.defineProperty(exports, "ChipsBar", { enumerable: true, get: function () { return __importDefault(chipsBar_1).default; } });
+__exportStar(require("./chipsBar"), exports);
+var filtersSidebar_1 = require("./filtersSidebar");
+Object.defineProperty(exports, "FiltersSidebar", { enumerable: true, get: function () { return __importDefault(filtersSidebar_1).default; } });
+__exportStar(require("./filtersSidebar"), exports);
+var draggableTray_1 = require("./draggableTray");
+Object.defineProperty(exports, "DraggableTray", { enumerable: true, get: function () { return __importDefault(draggableTray_1).default; } });
+var link_1 = require("./link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(link_1).default; } });
+var cardsPanel_1 = require("./landingPage/cardsPanel");
+Object.defineProperty(exports, "CardsPanel", { enumerable: true, get: function () { return __importDefault(cardsPanel_1).default; } });
+var frameContent_1 = require("./frameContent");
+Object.defineProperty(exports, "FrameContent", { enumerable: true, get: function () { return __importDefault(frameContent_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;AAEH,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,qEAA+E;AAAtE,uIAAA,OAAO,OAAqB;AACrC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,gGAA0G;AAAjG,uJAAA,OAAO,OAA6B;AAE7C,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mDAAiC;AACjC,gEAA0E;AAAjE,+HAAA,OAAO,OAAiB;AACjC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mDAA6D;AAApD,mHAAA,OAAO,OAAW;AAC3B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,mDAA6D;AAApD,qHAAA,OAAO,OAAY;AAC5B,2DAAqE;AAA5D,6HAAA,OAAO,OAAgB;AAChC,qEAAmD;AACnD,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,2FAAqG;AAA5F,2JAAA,OAAO,OAA+B;AAC/C,0CAAwB;AACxB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,4CAA0B;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,gFAGgD;AAF9C,+IAAA,OAAO,OAAyB;AAGlC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,4CAA0B;AAC1B,wEAAkF;AAAzE,uIAAA,OAAO,OAAqB;AACrC,0EAAoF;AAA3E,yIAAA,OAAO,OAAsB;AACtC,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AACxB,+DAAyE;AAAhE,iIAAA,OAAO,OAAkB;AAClC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6EAAuF;AAA9E,2JAAA,OAAO,OAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;AAEH,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,qEAA+E;AAAtE,uIAAA,OAAO,OAAqB;AACrC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,4DAAsE;AAA7D,mIAAA,OAAO,OAAmB;AACnC,gGAA0G;AAAjG,uJAAA,OAAO,OAA6B;AAE7C,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mDAAiC;AACjC,gEAA0E;AAAjE,+HAAA,OAAO,OAAiB;AACjC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mDAA6D;AAApD,mHAAA,OAAO,OAAW;AAC3B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,6CAAgE;AAAvD,oIAAA,OAAO,OAAwB;AACxC,yDAAmE;AAA1D,2HAAA,OAAO,OAAe;AAC/B,mDAA6D;AAApD,qHAAA,OAAO,OAAY;AAC5B,2DAAqE;AAA5D,6HAAA,OAAO,OAAgB;AAChC,qEAAmD;AACnD,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,2FAAqG;AAA5F,2JAAA,OAAO,OAA+B;AAC/C,0CAAwB;AACxB,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,4CAA0B;AAC1B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB;AAChC,gFAGgD;AAF9C,+IAAA,OAAO,OAAyB;AAGlC,qDAA+D;AAAtD,mIAAA,OAAO,OAAmB;AACnC,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,4CAA0B;AAC1B,wEAAkF;AAAzE,uIAAA,OAAO,OAAqB;AACrC,0EAAoF;AAA3E,yIAAA,OAAO,OAAsB;AACtC,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AACxB,yCAAuB;AACvB,iDAA+B;AAC/B,+DAAyE;AAAhE,iIAAA,OAAO,OAAkB;AAClC,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AACxB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mCAA6C;AAApC,iHAAA,OAAO,OAAU;AAC1B,uCAAiD;AAAxC,qHAAA,OAAO,OAAY;AAC5B,6CAA2B;AAC3B,mDAA6D;AAApD,iIAAA,OAAO,OAAkB;AAClC,mDAAiC;AACjC,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AACxB,uDAAiE;AAAxD,yHAAA,OAAO,OAAc;AAC9B,+CAAyD;AAAhD,6HAAA,OAAO,OAAgB"}

package/dist/components/inspectButton/index.jsx

@@ -27,12 +27,12 @@ const i18n_1 = require("@google-psat/i18n");
  * Internal dependencies.
  */
 const icons_1 = require("../../icons");
-const InspectButton = ({ isInspecting, setIsInspecting, isTabFocused, }) => {
+const InspectButton = ({ isInspecting, selectedAdUnit, setIsInspecting, isTabFocused, }) => {
     const InactiveInspectIcon = isTabFocused ? icons_1.InspectWhiteIcon : icons_1.InspectIcon;
     return (<span title={i18n_1.I18n.getMessage('hoverOverIframes')} onClick={() => {
             setIsInspecting(!isInspecting);
         }}>
-      {isInspecting ? <icons_1.InspectActiveIcon /> : <InactiveInspectIcon />}
+      {isInspecting && !selectedAdUnit ? (<icons_1.InspectActiveIcon />) : (<InactiveInspectIcon />)}
     </span>);
 };
 exports.default = InspectButton;

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

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/inspectButton/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4CAAyC;AAEzC;;GAEG;AACH,uCAA+E;AAQ/E,MAAM,aAAa,GAAG,CAAC,EACrB,YAAY,EACZ,eAAe,EACf,YAAY,GACO,EAAE,EAAE;IACvB,MAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,CAAC,wBAAgB,CAAC,CAAC,CAAC,mBAAW,CAAC;IAE1E,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAC3C,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;QACjC,CAAC,CAAC,CAEF;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,yBAAiB,CAAC,AAAD,EAAG,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,AAAD,EAAG,CACjE;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/inspectButton/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4CAAyC;AAEzC;;GAEG;AACH,uCAA+E;AAS/E,MAAM,aAAa,GAAG,CAAC,EACrB,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,GACO,EAAE,EAAE;IACvB,MAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,CAAC,wBAAgB,CAAC,CAAC,CAAC,mBAAW,CAAC;IAE1E,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC,CAC3C,OAAO,CAAC,CAAC,GAAG,EAAE;YACZ,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;QACjC,CAAC,CAAC,CAEF;MAAA,CAAC,YAAY,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CACjC,CAAC,yBAAiB,CAAC,AAAD,EAAG,CACtB,CAAC,CAAC,CAAC,CACF,CAAC,mBAAmB,CAAC,AAAD,EAAG,CACxB,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/components/landingPage/LandingPage.jsx

@@ -0,0 +1,99 @@
+"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"));
+/**
+ * Internal dependencies.
+ */
+const progressBar_1 = __importDefault(require("../progressBar"));
+const supportLink_1 = __importDefault(require("./supportLink"));
+const quickLinksList_1 = __importDefault(require("./quickLinksList"));
+const infoCard_1 = __importDefault(require("./infoCard"));
+const breadcrumbs_1 = __importDefault(require("../breadcrumbs"));
+const sidebar_1 = require("../sidebar");
+const LandingPage = ({ title, hideTitle, psInfoKey, iframeSrc, iframeBorderClass, children, extraClasses, containerStyles = '', contentPanel, showQuickLinks = true, showSupportLink = false, hasTabs = false, isLandingPageContainer = false, }) => {
+    const [loading, setLoading] = (0, react_1.useState)(iframeSrc ? true : false);
+    const { extractSelectedItemKeyTitles } = (0, sidebar_1.useSidebar)(({ actions }) => ({
+        extractSelectedItemKeyTitles: actions.extractSelectedItemKeyTitles,
+    }));
+    return (<div className={`w-full h-full ${containerStyles}`}>
+      {loading && <progressBar_1.default additionalStyles="w-1/3 mx-auto h-full"/>}
+      <div className={(0, classnames_1.default)({ hidden: loading }, 'w-full h-full flex flex-col', { 'divide-y divide-hex-gray dark:divide-quartz ': !hasTabs })}>
+        {!hideTitle && (<div className="flex justify-between">
+            <div className="p-4 flex flex-col gap-1">
+              <div className="flex gap-2 text-2xl font-bold items-baseline text-raisin-black dark:text-bright-gray">
+                {title && <h1 className="text-left">{title}</h1>}
+              </div>
+              <breadcrumbs_1.default items={extractSelectedItemKeyTitles()}/>
+            </div>
+            <div className="p-4 flex items-center">
+              {showSupportLink && <supportLink_1.default />}
+            </div>
+          </div>)}
+        <div className={'flex-1'}>
+          <div className={(0, classnames_1.default)('h-full w-full flex flex-col gap-6 divide-y divide-american-silver dark:divide-quartz py-2', {
+            'border-b border-american-silver dark:border-quartz': children,
+        }, {
+            'px-4 py-6': !hasTabs,
+        }, extraClasses)}>
+            {iframeSrc && (<iframe src={iframeSrc} height="100%" onLoad={() => {
+                setLoading(false);
+            }} className={(0, classnames_1.default)('w-full md:w-[95%] md:m-auto rounded-xl', iframeBorderClass)}/>)}
+            {psInfoKey && <infoCard_1.default infoKey={psInfoKey}/>}
+            {contentPanel && <>{contentPanel}</>}
+          </div>
+
+          {children && (<div id="#__psat-main-content" className={(0, classnames_1.default)('flex flex-col gap-6 divide-y divide-american-silver dark:divide-quartz px-4 py-6', extraClasses)}>
+              {children}
+            </div>)}
+        </div>
+        {isLandingPageContainer && showQuickLinks && <quickLinksList_1.default />}
+      </div>
+    </div>);
+};
+exports.default = LandingPage;
+//# sourceMappingURL=LandingPage.jsx.map

package/dist/components/landingPage/LandingPage.jsx.map

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

package/dist/components/landingPage/cardsPanel.jsx

@@ -0,0 +1,70 @@
+"use strict";
+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 react_1 = __importDefault(require("react"));
+/**
+ * Internal dependencies.
+ */
+const sidebar_1 = require("../sidebar");
+const CardsPanel = ({ pinnedItems, featuredItems, hasTitle = true, onFeaturedButtonClick, }) => {
+    const navigateTo = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
+    return (<div data-testid="cards-panel" className="h-full w-full overflow-auto text-raisin-black dark:text-bright-gray px-2 pb-14">
+      <div className="min-w-[45.75rem]">
+        {pinnedItems && pinnedItems.length > 0 && (<section className="border-b border-hex-gray mb-5 pb-5">
+            {hasTitle && <h3 className="text-base">Quick Access</h3>}
+            <div className="flex gap-x-5 gap-y-4 flex-wrap mt-2">
+              {pinnedItems.map((item) => {
+                const Icon = item.icon;
+                return (<div key={item.name} className="w-[366px] border border-chinese-silver px-3 py-4 flex gap-2 justify-start rounded hover:cursor-pointer hover:bg-light-gray dark:hover:bg-charleston-green hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out" onClick={() => navigateTo(item.sidebarKey)}>
+                    <Icon width={22} height={22} className="fill-gray dark:fill-bright-gray"/>
+                    <span className="text-base">{item.name}</span>
+                  </div>);
+            })}
+            </div>
+          </section>)}
+        {featuredItems.length > 0 && (<section>
+            {hasTitle && <h3 className="text-base">Features</h3>}
+            <div className="flex gap-5 flex-wrap mt-2">
+              {featuredItems.map((item) => {
+                const Icon = item.icon;
+                return (<div key={item.name} className="w-[366px] border border-chinese-silver px-3 py-4 rounded hover:cursor-pointer hover:bg-light-gray dark:hover:bg-charleston-green hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out" onClick={() => navigateTo(item.sidebarKey)}>
+                    <div className="mb-3 flex items-center flex-col gap-2">
+                      <Icon height={45}/>
+                      <h4 className="font-medium text-xl">{item.name}</h4>
+                    </div>
+                    <p className="text-sm text-center">{item.description}</p>
+                    <div className="flex flex-wrap gap-x-3 gap-y-2 mt-4 justify-center">
+                      {item.buttons &&
+                        item.buttons.map((button) => (<button className="bg-cultured-grey text-raisin-black py-1 px-4 rounded border border-dark-grey text-xs hover:bg-light-gray hover:border-american-silver" key={button.name} onClick={(event) => onFeaturedButtonClick(event, button.sidebarKey)}>
+                            {button.name}
+                          </button>))}
+                    </div>
+                  </div>);
+            })}
+            </div>
+          </section>)}
+      </div>
+    </div>);
+};
+exports.default = CardsPanel;
+//# sourceMappingURL=cardsPanel.jsx.map

package/dist/components/landingPage/cardsPanel.jsx.map

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

package/dist/components/landingPage/constants.js

@@ -1,6 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QUICK_LINKS = void 0;
 /*
  * Copyright 2023 Google LLC
  *
@@ -16,15 +14,12 @@ exports.QUICK_LINKS = void 0;
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/**
- * Internal dependencies.
- */
-const sidebar_1 = require("../sidebar");
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUICK_LINKS = void 0;
 exports.QUICK_LINKS = [
     {
         title: 'learnMore',
-        link: '#wiki',
-        sidebarKey: sidebar_1.SIDEBAR_ITEMS_KEYS.WIKI,
+        link: 'https://github.com/GoogleChromeLabs/ps-analysis-tool/wiki',
     },
     {
         title: 'joinDiscussions',

package/dist/components/landingPage/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/landingPage/constants.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,wCAAgD;AAEnC,QAAA,WAAW,GAAG;IACzB;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,4BAAkB,CAAC,IAAI;KACpC;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,kEAAkE;KACzE;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,4HAA4H;KACnI;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,mCAAmC;KAC1C;CACF,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/landingPage/constants.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEU,QAAA,WAAW,GAAG;IACzB;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,2DAA2D;KAClE;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,kEAAkE;KACzE;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,4HAA4H;KACnI;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,mCAAmC;KAC1C;CACF,CAAC"}

package/dist/components/landingPage/contentPanel.jsx

@@ -23,27 +23,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
  */
 const react_1 = __importDefault(require("react"));
 const common_1 = require("@google-psat/common");
-const ContentPanel = ({ title, content, titleStyles = '', counterStyles = '', }) => {
+/**
+ * Internal dependencies.
+ */
+const icons_1 = require("../../icons");
+const link_1 = __importDefault(require("../link"));
+const sidebar_1 = require("../sidebar");
+const ContentPanel = ({ title, content, counterStyles = '', }) => {
+    const updateSelectedItemKey = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
     return (<div className="px-2">
       <h3 className="text-base text-raisin-black dark:text-bright-gray mb-7">
         {title}
       </h3>
       <div className="flex gap-5 flex-wrap">
-        {content.map((item, index) => (<a key={index} href={(0, common_1.addUTMParams)(item.url)} target="_blank" rel="noreferrer" className="w-72 min-h-80 bg-[#FDFDFD] dark:bg-charleston-green hover:bg-[#FAFAFA] rounded-xl border border-bright-gray dark:border-quartz p-5 hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out ">
-            <div className="w-16 h-16 flex justify-center items-center rounded-full bg-bright-gray mb-5">
+        {content.map((item, index) => (<div className="w-72 min-h-80 bg-[#FDFDFD] dark:bg-charleston-green hover:bg-[#FAFAFA] rounded-xl border border-bright-gray dark:border-quartz p-5 relative" key={index}>
+            <div className="w-16 h-16 flex justify-center items-center rounded-full bg-bright-gray mb-5 cursor-pointer" onClick={() => item.sidebarItemKey
+                ? updateSelectedItemKey(item.sidebarItemKey)
+                : null}>
               <div className={`w-9 h-9 flex justify-center items-center rounded-md ${counterStyles}`}>
                 <span className="text-xxl text-white dark:black font-extrabold">
                   {index + 1}
                 </span>
               </div>
             </div>
-            <h3 className={`text-lg font-medium mb-5 ${titleStyles}`}>
+            <h3 className={`text-lg font-medium inline-block mb-5 cursor-pointer text-raisin-black dark:text-bright-gray`} onClick={() => item.sidebarItemKey
+                ? updateSelectedItemKey(item.sidebarItemKey)
+                : null}>
               {item.title()}
             </h3>
-            <p className="text-base text-raisin-black dark:text-bright-gray">
+            <p className="text-base text-raisin-black dark:text-bright-gray mb-2">
               {item.description()}
             </p>
-          </a>))}
+            <div className="absolute top-10 right-5 flex gap-2">
+              <div className="w-4 h-4" title="View Documentation">
+                <link_1.default href={(0, common_1.addUTMParams)(item.url)} rel="noreferer">
+                  <icons_1.DescriptionIcon height="20" width="20" className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500"/>
+                </link_1.default>
+              </div>
+              {item.onClick && (item === null || item === void 0 ? void 0 : item.storyUrl) && (<div className="w-4 h-4 cursor-pointer" title="View Story" onClick={item.onClick}>
+                  <icons_1.WebStoriesIcon className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500" height="20" width="20"/>
+                </div>)}
+            </div>
+          </div>))}
       </div>
     </div>);
 };

package/dist/components/landingPage/contentPanel.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"contentPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/contentPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,gDAAmD;AASnD,MAAM,YAAY,GAAG,CAAC,EACpB,KAAK,EACL,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,aAAa,GAAG,EAAE,GACA,EAAE,EAAE;IACtB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;MAAA,CAAC,EAAE,CAAC,SAAS,CAAC,wDAAwD,CACpE;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,EAAE,CACJ;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,sBAAsB,CACnC;QAAA,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,CAAC,CAAC,CACA,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,IAAI,CAAC,CAAC,IAAA,qBAAY,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAC7B,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,YAAY,CAChB,SAAS,CAAC,6MAA6M,CAEvN;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,6EAA6E,CAC1F;cAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,uDAAuD,aAAa,EAAE,CAAC,CAElF;gBAAA,CAAC,IAAI,CAAC,SAAS,CAAC,+CAA+C,CAC7D;kBAAA,CAAC,KAAK,GAAG,CAAC,CACZ;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,GAAG,CACP;YAAA,EAAE,GAAG,CACL;YAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,4BAA4B,WAAW,EAAE,CAAC,CACvD;cAAA,CAAC,IAAI,CAAC,KAAK,EAAE,CACf;YAAA,EAAE,EAAE,CACJ;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,mDAAmD,CAC9D;cAAA,CAAC,IAAI,CAAC,WAAW,EAAE,CACrB;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,CAAC,CAAC,CACL,CAAC,CACJ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"contentPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/contentPanel.tsx"],"names":[],"mappings":"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"}

package/dist/components/landingPage/getStoryPlayerMarkup.js

@@ -0,0 +1,89 @@
+"use strict";
+/*
+ * 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStoryPlayerMarkup = void 0;
+const getStoryPlayerMarkup = () => {
+    var _a, _b;
+    return `
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <script async src="${(_a = chrome === null || chrome === void 0 ? void 0 : chrome.runtime) === null || _a === void 0 ? void 0 : _a.getURL('assets/amp/custom-scripts/single-player-main.js')}" type="module"></script>
+            <script async src="${(_b = chrome === null || chrome === void 0 ? void 0 : chrome.runtime) === null || _b === void 0 ? void 0 : _b.getURL('assets/amp/amp-story-player-v0.js')}"></script>
+            <link href="https://cdn.ampproject.org/amp-story-player-v0.css" rel="stylesheet" type="text/css">
+            <style>
+                .lightbox {
+                    z-index: 2;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                    position: fixed;
+                    overflow: hidden;
+                    visibility: visible;
+                    opacity: 1;
+                    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
+                    transition: transform 0.33s, opacity 0.33s, visibility 0.33s;
+                }
+
+                .lightbox.closed {
+                    transform: scale3d(0.5, 0.5, 1) !important;
+                    opacity: 0;
+                    visibility: hidden;
+                    z-index: -1;
+                    transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
+                    pointer-events: none;
+                }
+
+                body.lightbox-open:before {
+                    opacity: 1;
+                    visibility: visible;
+                }
+
+                amp-story-player.my-player {
+                    width: 100%;
+                    height: 100%;
+                }
+            </style>
+        </head>
+        <body>
+            <div class="lightbox closed">
+                <amp-story-player class="my-player">
+                    <script type="application/json">
+                        {
+                            "behavior": {
+                                "pageScroll": false,
+                                "autoplay": false,
+                                "action": "circular-wrapping"
+                            },
+                            "controls": [{
+                                    "name": "close",
+                                    "position": "start"
+                            }]
+                        }
+                    </script>
+                </amp-story-player>
+            </div>
+        </body>
+
+    </html>
+    `;
+};
+exports.getStoryPlayerMarkup = getStoryPlayerMarkup;
+//# sourceMappingURL=getStoryPlayerMarkup.js.map

package/dist/components/landingPage/getStoryPlayerMarkup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getStoryPlayerMarkup.js","sourceRoot":"","sources":["../../../src/components/landingPage/getStoryPlayerMarkup.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEI,MAAM,oBAAoB,GAAG,GAAG,EAAE;;IACvC,OAAO;;;;;;iCAMwB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,MAAM,CAC1C,iDAAiD,CAClD;iCACoB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,MAAM,CAC1C,mCAAmC,CACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DR,CAAC;AACN,CAAC,CAAC;AAvEW,QAAA,oBAAoB,wBAuE/B"}