@google-psat/design-system 0.9.0-1

package/dist/components/landingPage/infoCard/renderLink.jsx

@@ -0,0 +1,40 @@
+"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 __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 RenderLink = ({ label, link, linkLabel }) => (<>
+    {link ? (<li className="py-4">
+        <div className="flex items-center">
+          <div className="flex-1 min-w-0 flex flex-col gap-2">
+            <p className="text-sm font-medium text-raisin-black dark:text-bright-gray truncate capitalize">
+              {label}
+            </p>
+            <a title={link} href={link} className="text-xs text-bright-navy-blue dark:text-jordy-blue hover:opacity-80" target="_blank" rel="noreferrer">
+              {linkLabel}
+            </a>
+          </div>
+        </div>
+      </li>) : (<></>)}
+  </>);
+exports.default = RenderLink;
+//# sourceMappingURL=renderLink.jsx.map

package/dist/components/landingPage/infoCard/renderLink.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderLink.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/renderLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAQ1B,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAmB,EAAE,EAAE,CAAC,CAClE,EACE;IAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAClB;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAChC;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oCAAoC,CACjD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,iFAAiF,CAC5F;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,qEAAqE,CAC/E,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,YAAY,CAEhB;cAAA,CAAC,SAAS,CACZ;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,EAAE,CAAC,CACN,CAAC,CAAC,CAAC,CACF,EAAE,GAAG,CACN,CACH;EAAA,GAAG,CACJ,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/landingPage/quickLinksList.jsx

@@ -0,0 +1,117 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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 fast_xml_parser_1 = require("fast-xml-parser");
+const common_1 = require("@google-psat/common");
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const bulletList_1 = __importDefault(require("../bulletList"));
+const constants_1 = require("./constants");
+const icons_1 = require("../../icons");
+const QuickLinksList = () => {
+    const [news, setNews] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            var _a, _b;
+            try {
+                const response = yield fetch('https://privacysandbox.com/rss/');
+                const xmlResponse = yield response.text();
+                const parser = new fast_xml_parser_1.XMLParser();
+                const parsedFeed = parser.parse(xmlResponse);
+                const items = (_b = (_a = parsedFeed === null || parsedFeed === void 0 ? void 0 : parsedFeed.rss) === null || _a === void 0 ? void 0 : _a.channel) === null || _b === void 0 ? void 0 : _b.item;
+                if (items) {
+                    const newsArray = items
+                        .map((item) => ({
+                        title: item.title,
+                        link: (0, common_1.addUTMParams)(item.link),
+                        date: item.pubDate ? new Date(item.pubDate).toISOString() : '',
+                    })) // @ts-ignore
+                        .sort((a, b) => b.date.localeCompare(a.date));
+                    setNews(newsArray);
+                }
+            }
+            catch (error) {
+                // Fail silently.
+            }
+        }))();
+    }, []);
+    const quickLinks = constants_1.QUICK_LINKS.map((link) => (Object.assign(Object.assign({}, link), { title: i18n_1.I18n.getMessage(link.title) })));
+    return (<div className="flex flex-col md:flex-row px-4 pt-6 pb-24 gap-10">
+      <div className="md:w-[35%] flex flex-col gap-4">
+        <bulletList_1.default rows={quickLinks} heading={i18n_1.I18n.getMessage('quickLinks')}/>
+      </div>
+      <div className="md:w-[65%] flex flex-col gap-4">
+        <h2 className="text-xs font-bold uppercase text-darkest-gray dark:text-bright-gray">
+          {i18n_1.I18n.getMessage('latestNews')}
+        </h2>
+        <hr className="border-0 border-b border-hex-gray dark:border-quartz"/>
+        <div className="space-y-4">
+          <bulletList_1.default rows={news}/>
+
+          <div className="ml-6">
+            <a href={(0, common_1.addUTMParams)('https://privacysandbox.com/news/')} target="_blank" rel="noreferrer" className="leading-6 text-sm text-bright-navy-blue dark:text-jordy-blue font-semibold px-3 border border-american-silver dark:border-quartz rounded inline-flex gap-2 items-center">
+              {i18n_1.I18n.getMessage('viewMore')}
+              <icons_1.ChevronRight className="text-bright-navy-blue dark:text-jordy-blue"/>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>);
+};
+exports.default = QuickLinksList;
+//# sourceMappingURL=quickLinksList.jsx.map

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

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

package/dist/components/matrix/index.jsx

@@ -0,0 +1,55 @@
+"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 classnames_1 = __importDefault(require("classnames"));
+/**
+ * Internal dependencies.
+ */
+const matrixComponent_1 = __importDefault(require("./matrixComponent"));
+const Matrix = ({ dataComponents, expand }) => {
+    if (!dataComponents || !dataComponents.length) {
+        return null;
+    }
+    return (<div className="grid grid-cols-2 gap-x-5" data-testid="matrix">
+      {dataComponents.map((dataComponent, index) => {
+            if (dataComponent && dataComponent.countClassName) {
+                const isLastTwoItems = index === dataComponents.length - 1 ||
+                    index === dataComponents.length - 2;
+                return (<div key={index} className={(0, classnames_1.default)('py-1 border-bright-gray dark:border-quartz', {
+                        'border-b': !isLastTwoItems,
+                    })}>
+              <button onClick={() => { var _a; return (_a = dataComponent.onClick) === null || _a === void 0 ? void 0 : _a.call(dataComponent, dataComponent.title); }} className={(0, classnames_1.default)('p-3.5 w-full box-border', {
+                        'hover:opacity-90 active:opacity-50 hover:scale-[0.98] hover:bg-[#f5f5f5] hover:dark:bg-[#1d1d1d] hover:shadow-[inset_0_0_10px_5px_rgba(238,238,238,0.5)] hover:dark:shadow-[inset_0_0_10px_5px_rgba(32,32,32,0.1)] rounded-md transition-all duration-75 ease-in-out cursor-pointer': dataComponent.onClick,
+                        'cursor-default': !dataComponent.onClick,
+                    })}>
+                <matrixComponent_1.default isExpanded={expand} {...dataComponent} countClassName={dataComponent.countClassName + ' text-xxl leading-none'}/>
+              </button>
+            </div>);
+            }
+            return null;
+        })}
+    </div>);
+};
+exports.default = Matrix;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/matrix/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,wEAA+E;AAO/E,MAAM,MAAM,GAAG,CAAC,EAAE,cAAc,EAAE,MAAM,EAAe,EAAE,EAAE;IACzD,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,0BAA0B,CAAC,WAAW,CAAC,QAAQ,CAC5D;MAAA,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;YAC3C,IAAI,aAAa,IAAI,aAAa,CAAC,cAAc,EAAE,CAAC;gBAClD,MAAM,cAAc,GAClB,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC;oBACnC,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;gBACtC,OAAO,CACL,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,4CAA4C,EAC5C;wBACE,UAAU,EAAE,CAAC,cAAc;qBAC5B,CACF,CAAC,CAEF;cAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,aAAa,CAAC,OAAO,8DAAG,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA,CAAC,CAC5D,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,yBAAyB,EAAE;wBAC/C,qRAAqR,EACnR,aAAa,CAAC,OAAO;wBACvB,gBAAgB,EAAE,CAAC,aAAa,CAAC,OAAO;qBACzC,CAAC,CAAC,CAEH;gBAAA,CAAC,yBAAe,CACd,UAAU,CAAC,CAAC,MAAM,CAAC,CACnB,IAAI,aAAa,CAAC,CAClB,cAAc,CAAC,CACb,aAAa,CAAC,cAAc,GAAG,wBACjC,CAAC,EAEL;cAAA,EAAE,MAAM,CACV;YAAA,EAAE,GAAG,CAAC,CACP,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/components/matrix/matrixComponent/index.jsx

@@ -0,0 +1,47 @@
+"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 classnames_1 = __importDefault(require("classnames"));
+/**
+ * Internal dependencies.
+ */
+const circle_1 = __importDefault(require("../../circle"));
+const MatrixComponent = ({ color, title, description = '', count, isExpanded = false, countClassName, }) => {
+    return (<div>
+      <div className="flex gap-x-4">
+        <circle_1.default color={color}/>
+        <div className="lg:max-w-[80%] lg:mr-8 text-left">
+          <h4 className="-mt-[3px] mb-1.5 text-xs font-medium dark:text-bright-gray">
+            {title}
+          </h4>
+          <p style={{ color }} className={(0, classnames_1.default)(countClassName)}>
+            {count}
+          </p>
+          {description && isExpanded && (<p className="mt-2 text-xs text-darkest-gray dark:text-bright-gray" dangerouslySetInnerHTML={{ __html: description }}/>)}
+        </div>
+      </div>
+    </div>);
+};
+exports.default = MatrixComponent;
+//# sourceMappingURL=index.jsx.map

package/dist/components/matrix/matrixComponent/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/matrixComponent/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,0DAAkC;AAalC,MAAM,eAAe,GAAG,CAAC,EACvB,KAAK,EACL,KAAK,EACL,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,cAAc,GACO,EAAE,EAAE;IACzB,OAAO,CACL,CAAC,GAAG,CACF;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,cAAc,CAC3B;QAAA,CAAC,gBAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrB;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,kCAAkC,CAC/C;UAAA,CAAC,EAAE,CAAC,SAAS,CAAC,4DAA4D,CACxE;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,EAAE,CACJ;UAAA,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,cAAc,CAAC,CAAC,CACzD;YAAA,CAAC,KAAK,CACR;UAAA,EAAE,CAAC,CACH;UAAA,CAAC,WAAW,IAAI,UAAU,IAAI,CAC5B,CAAC,CAAC,CACA,SAAS,CAAC,sDAAsD,CAChE,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EACjD,CACH,CACH;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/dist/components/matrix/matrixComponent/matrixComponentHorizontal.jsx

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+const react_1 = __importDefault(require("react"));
+/**
+ * Internal dependencies.
+ */
+const circleEmpty_1 = __importDefault(require("../../circle/circleEmpty"));
+const MatrixComponentHorizontal = ({ title, description, count, expand = false, containerClasses, }) => {
+    return (<div className={containerClasses}>
+      <div className="max-w-[672px]">
+        <div className="flex justify-between items-center">
+          <div className="flex gap-4 items-center">
+            <circleEmpty_1.default />
+            <h4 className="text-xs font-medium dark:text-bright-gray">
+              {title}
+            </h4>
+          </div>
+          <div className="flex gap-4 items-center">
+            <div className="w-[100px] h-1 bg-light-gray dark:bg-cultured"/>
+            <div className="text-xs font-semibold dark:text-bright-gray min-w-[24px] text-right">
+              {count}
+            </div>
+          </div>
+        </div>
+        {description && expand && (<div className="mt-2 ml-6 pl-px lg:max-w-[45%] max-w-[60%]">
+            <p className="text-xs mt-1.5 text-darkest-gray dark:text-manatee">
+              {description}
+            </p>
+          </div>)}
+      </div>
+    </div>);
+};
+exports.default = MatrixComponentHorizontal;
+//# sourceMappingURL=matrixComponentHorizontal.jsx.map

package/dist/components/matrix/matrixComponent/matrixComponentHorizontal.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrixComponentHorizontal.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/matrixComponent/matrixComponentHorizontal.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,2EAAmD;AAUnD,MAAM,yBAAyB,GAAG,CAAC,EACjC,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,GAAG,KAAK,EACd,gBAAgB,GACe,EAAE,EAAE;IACnC,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAC/B;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAC5B;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mCAAmC,CAChD;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;YAAA,CAAC,qBAAW,CAAC,AAAD,EACZ;YAAA,CAAC,EAAE,CAAC,SAAS,CAAC,2CAA2C,CACvD;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,EAAE,CACN;UAAA,EAAE,GAAG,CACL;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yBAAyB,CACtC;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,8CAA8C,EAC7D;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,qEAAqE,CAClF;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,GAAG,CACP;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,WAAW,IAAI,MAAM,IAAI,CACxB,CAAC,GAAG,CAAC,SAAS,CAAC,4CAA4C,CACzD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,oDAAoD,CAC/D;cAAA,CAAC,WAAW,CACd;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}

package/dist/components/matrix/matrixComponent/stories/MatrixComponent.stories.jsx

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+/**
+ * Internal dependencies.
+ */
+const __1 = __importDefault(require(".."));
+const colors_1 = require("../../../../theme/colors");
+const meta = {
+    title: 'DesignSystem/Matrix/Component',
+    component: __1.default,
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        title: 'Functional Cookies',
+        description: 'These are essential cookies that are necessary for a website to function properly. They enable basic functionalities such as page navigation, access to secure areas, and remembering user preferences (e.g., language, font size).',
+        color: colors_1.COLOR_MAP.functional.color,
+        isExpanded: true,
+        countClassName: colors_1.COLOR_MAP.functional.className,
+    },
+};
+//# sourceMappingURL=MatrixComponent.stories.jsx.map

package/dist/components/matrix/matrixComponent/stories/MatrixComponent.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatrixComponent.stories.jsx","sourceRoot":"","sources":["../../../../../src/components/matrix/matrixComponent/stories/MatrixComponent.stories.tsx"],"names":[],"mappings":";;;;;;AAoBA;;GAEG;AACH,2CAAiC;AACjC,qDAAqD;AAErD,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,WAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,KAAK,EAAE,oBAAoB;QAC3B,WAAW,EACT,qOAAqO;QACvO,KAAK,EAAE,kBAAS,CAAC,UAAU,CAAC,KAAK;QACjC,UAAU,EAAE,IAAI;QAChB,cAAc,EAAE,kBAAS,CAAC,UAAU,CAAC,SAAS;KAC/C;CACF,CAAC"}

package/dist/components/matrix/matrixComponent/stories/matrixComponentHorizontal.stories.jsx

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+/**
+ * Internal dependencies.
+ */
+const matrixComponentHorizontal_1 = __importDefault(require("../matrixComponentHorizontal"));
+const meta = {
+    title: 'DesignSystem/Matrix/ComponentHorizontal',
+    component: matrixComponentHorizontal_1.default,
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        title: 'Invalid Cookies',
+        description: 'The cookies which could not be stored in the cookie jar of the browser as they were invalid.',
+        count: 20,
+        expand: true,
+    },
+};
+//# sourceMappingURL=matrixComponentHorizontal.stories.jsx.map

package/dist/components/matrix/matrixComponent/stories/matrixComponentHorizontal.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrixComponentHorizontal.stories.jsx","sourceRoot":"","sources":["../../../../../src/components/matrix/matrixComponent/stories/matrixComponentHorizontal.stories.tsx"],"names":[],"mappings":";;;;;;AAoBA;;GAEG;AACH,6FAAqE;AAErE,MAAM,IAAI,GAA2C;IACnD,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,mCAAyB;IACpC,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,KAAK,EAAE,iBAAiB;QACxB,WAAW,EACT,8FAA8F;QAChG,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,IAAI;KACb;CACF,CAAC"}

package/dist/components/matrix/stories/matrix.stories.jsx

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+/**
+ * Internal dependencies.
+ */
+const __1 = __importDefault(require(".."));
+const meta = {
+    title: 'DesignSystem/Matrix',
+    component: __1.default,
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        dataComponents: [
+            {
+                count: 7,
+                color: '#5CC971',
+                countClassName: 'text-functional',
+                description: 'These are essential cookies that are necessary for a website to function properly. They enable basic functionalities such as page navigation, access to secure areas, and remembering user preferences (e.g., language, font size), etc.',
+                title: 'Functional',
+                isExpanded: true,
+                containerClasses: '',
+            },
+            {
+                count: 9,
+                color: '#F3AE4E',
+                countClassName: 'text-marketing',
+                description: "They are used to track visitors across websites to gather information about their browsing habits. The data collected is often used by advertisers to deliver targeted advertisements that are relevant to the user's interests.",
+                title: 'Marketing',
+                isExpanded: true,
+                containerClasses: '',
+            },
+            {
+                count: 2,
+                color: '#4C79F4',
+                countClassName: 'text-analytics',
+                description: 'Used to gather information about how users interact with a website. They provide website owners with insights into user behavior, such as the number of visitors, the most popular pages, and the average time spent on the site. This data helps website owners understand and improve the user experience, optimize content, and identify areas for enhancement.',
+                title: 'Analytics',
+                isExpanded: true,
+                containerClasses: '',
+            },
+            {
+                count: 23,
+                color: '#EC7159',
+                countClassName: 'text-uncategorized',
+                description: 'We are unable to categorize certain cookies since we do not possess any relevant information about them. Nonetheless, you may visit sites like cookiedatabase.org and cookiesearch.org to acquire additional details about these cookies.',
+                title: 'Uncategorized',
+                isExpanded: true,
+                containerClasses: '',
+            },
+        ],
+    },
+};
+//# sourceMappingURL=matrix.stories.jsx.map

package/dist/components/matrix/stories/matrix.stories.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.stories.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/stories/matrix.stories.tsx"],"names":[],"mappings":";;;;;;AAoBA;;GAEG;AACH,2CAAwB;AAExB,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,cAAc,EAAE;YACd;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,iBAAiB;gBACjC,WAAW,EACT,0OAA0O;gBAC5O,KAAK,EAAE,YAAY;gBACnB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,gBAAgB;gBAChC,WAAW,EACT,kOAAkO;gBACpO,KAAK,EAAE,WAAW;gBAClB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,gBAAgB;gBAChC,WAAW,EACT,oWAAoW;gBACtW,KAAK,EAAE,WAAW;gBAClB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,oBAAoB;gBACpC,WAAW,EACT,2OAA2O;gBAC7O,KAAK,EAAE,eAAe;gBACtB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;SACF;KACF;CACF,CAAC"}

package/dist/components/matrixContainer/index.jsx

@@ -0,0 +1,91 @@
+"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 classnames_1 = __importDefault(require("classnames"));
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies
+ */
+const icons_1 = require("../../icons");
+const matrix_1 = __importDefault(require("../matrix"));
+const matrixComponentHorizontal_1 = __importDefault(require("../matrix/matrixComponent/matrixComponentHorizontal"));
+const MatrixContainer = ({ matrixData = [], horizontalMatrixData = [], title = i18n_1.I18n.getMessage('categories'), description = '', showMatrix = true, count = null, allowExpand = true, highlightTitle = false, capitalizeTitle = false, infoIconTitle, }) => {
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
+    return (<div className="w-full" data-testid={`matrix-${title}`}>
+      <div>
+        <div className="flex gap-2 justify-start border-b border-bright-gray dark:border-quartz">
+          {allowExpand && (<h4 className="pb-3 text-xs font-bold text-darkest-gray dark:text-bright-gray text-right">
+              <button onClick={() => setIsExpanded((state) => !state)} data-testid="expand-button" title={isExpanded
+                ? i18n_1.I18n.getMessage('collapseView')
+                : i18n_1.I18n.getMessage('expandView')}>
+                <icons_1.ChevronDown className={(0, classnames_1.default)('fill-granite-gray', {
+                'rotate-180': isExpanded,
+            })}/>
+              </button>
+            </h4>)}
+          <div className="pb-3 flex flex-col gap-1.5">
+            <h4 className={`flex items-center gap-1 flex-1 grow text-xs font-bold text-darkest-gray dark:text-bright-gray ${highlightTitle ? 'text-red-500 dark:text-red-500' : ''} ${capitalizeTitle ? 'capitalize' : 'uppercase'}`}>
+              <span>{title}</span>
+              {Boolean(infoIconTitle) && (<span title={infoIconTitle}>
+                  <icons_1.InfoIcon className="fill-granite-gray"/>
+                </span>)}
+              {count !== null && <span>: {Number(count) || 0}</span>}
+            </h4>
+            <p className="text-xs text-darkest-gray dark:text-bright-gray">
+              {description}
+            </p>
+          </div>
+        </div>
+        {showMatrix && (<matrix_1.default dataComponents={matrixData} expand={isExpanded}/>)}
+      </div>
+      {Boolean(horizontalMatrixData.length) && (<div>
+          {horizontalMatrixData.map((data, index) => (<matrixComponentHorizontal_1.default key={index} expand={isExpanded} {...data} containerClasses="px-3.5 py-4"/>))}
+        </div>)}
+    </div>);
+};
+exports.default = MatrixContainer;
+//# sourceMappingURL=index.jsx.map

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

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