@google-psat/report 0.10.1 → 0.10.2-1

package/dist/dashboard/components/siteMapReport/urlsWithIssues.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Internal dependencies.
+ */
+import ErroredOutUrls from '../urlsWithIssues';
+const URLSWithIssues = ({ erroredOutUrls }) => {
+    return _jsx(ErroredOutUrls, { erroredOutUrls: erroredOutUrls });
+};
+export default URLSWithIssues;

package/dist/dashboard/components/urlsWithIssues/index.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * 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
+ */
+import { useMemo, useState } from 'react';
+import { Resizable } from 're-resizable';
+import { noop } from '@google-psat/common';
+import { I18n } from '@google-psat/i18n';
+import { Table, TableProvider, } from '@google-psat/design-system';
+const ErroredOutUrls = ({ erroredOutUrls }) => {
+    const [selectedRow, setSelectedRow] = useState();
+    const tableColumns = useMemo(() => [
+        {
+            header: 'URL',
+            accessorKey: 'url',
+            cell: (info) => info,
+            enableHiding: false,
+        },
+        {
+            header: 'Error Description',
+            accessorKey: 'errorMessage',
+            cell: (info) => info,
+        },
+        {
+            header: 'Error Code',
+            accessorKey: 'errorCode',
+            cell: (info) => (_jsx("span", { className: "w-full flex justify-center", children: info })),
+        },
+    ], []);
+    const filters = useMemo(() => ({}), []);
+    const searchKeys = useMemo(() => ['url'], []);
+    const tablePersistentSettingsKey = useMemo(() => {
+        return 'urlsWithIssues';
+    }, []);
+    return (_jsxs("div", { className: "w-full h-full text-outer-space-crayola border-x border-american-silver dark:border-quartz flex flex-col", children: [_jsx(Resizable, { defaultSize: {
+                    width: '100%',
+                    height: '80%',
+                }, minHeight: "6%", maxHeight: "95%", enable: {
+                    top: false,
+                    right: false,
+                    bottom: true,
+                    left: false,
+                }, className: "h-full flex", children: _jsx(TableProvider, { data: erroredOutUrls, tableColumns: tableColumns, tableFilterData: filters, tableSearchKeys: searchKeys, tablePersistentSettingsKey: tablePersistentSettingsKey, onRowClick: (row) => {
+                        setSelectedRow(row);
+                    }, onRowContextMenu: noop, getRowObjectKey: (row) => {
+                        return row.originalData.url;
+                    }, children: _jsx(Table, { hideFiltering: true, selectedKey: selectedRow?.url }) }) }), _jsx("div", { className: "flex-1 border border-gray-300 dark:border-quartz shadow h-full min-w-[10rem]", children: selectedRow ? (_jsxs("div", { className: "text-xs py-1 px-1.5", children: [selectedRow.url && (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1 text-semibold flex items-center", children: _jsx("span", { children: "Error Message" }) }), _jsx("p", { className: "mb-4 break-words text-outer-space-crayola dark:text-bright-gray", children: selectedRow.errorMessage })] })), _jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1", children: "Error code" }), _jsx("p", { className: "mb-4 text-outer-space-crayola dark:text-bright-gray", children: selectedRow?.errorCode || I18n.getMessage('noDescription') })] }), selectedRow?.stackTrace && (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1", children: "Stack trace" }), _jsx("p", { className: "text-outer-space-crayola dark:text-bright-gray", children: _jsx("pre", { children: _jsx("code", { dangerouslySetInnerHTML: {
+                                                __html: selectedRow?.stackTrace ||
+                                                    I18n.getMessage('noDescription'),
+                                            } }) }) })] }))] })) : (_jsx("div", { className: "h-full p-8 flex items-center", children: _jsx("p", { className: "text-lg w-full font-bold text-granite-gray dark:text-manatee text-center", children: I18n.getMessage('selectRowToPreview') }) })) })] }));
+};
+export default ErroredOutUrls;

package/dist-types/dashboard/components/siteMapReport/urlsWithIssues.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies.
+ */
+import type { ErroredOutUrlsData } from '@google-psat/common';
+interface URLSWithIssuesProps {
+    erroredOutUrls: ErroredOutUrlsData[];
+}
+declare const URLSWithIssues: ({ erroredOutUrls }: URLSWithIssuesProps) => import("react/jsx-runtime").JSX.Element;
+export default URLSWithIssues;

package/dist-types/dashboard/components/urlsWithIssues/index.d.ts

@@ -0,0 +1,6 @@
+import { type ErroredOutUrlsData } from '@google-psat/common';
+interface ErroredOutUrlsProps {
+    erroredOutUrls: ErroredOutUrlsData[];
+}
+declare const ErroredOutUrls: ({ erroredOutUrls }: ErroredOutUrlsProps) => import("react/jsx-runtime").JSX.Element;
+export default ErroredOutUrls;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@google-psat/report",
-  "version": "0.10.1",
+  "version": "0.10.2-1",
   "description": "Static HTML analysis report",
   "main": "dist/index.js",
   "types": "dist-types/index.d.ts",
@@ -45,7 +45,7 @@
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@types/file-saver": "^2.0.5",
     "babel-loader": "^9.1.3",
-    "webpack": "^5.88.2",
+    "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
     "webpackbar": "^5.0.2"