@google-psat/design-system 0.13.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/index.jsx +7 -5
- package/dist/components/button/index.jsx.map +1 -1
- package/dist/components/index.js +3 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/jsonView/index.js +24 -0
- package/dist/components/jsonView/index.js.map +1 -0
- package/dist/components/jsonView/jsonTheme.js +59 -0
- package/dist/components/jsonView/jsonTheme.js.map +1 -0
- package/dist/components/jsonView/jsonView.jsx +87 -0
- package/dist/components/jsonView/jsonView.jsx.map +1 -0
- package/dist/components/landingPage/contentPanel.jsx +38 -28
- package/dist/components/landingPage/contentPanel.jsx.map +1 -1
- package/dist/components/landingPage/index.jsx +2 -2
- package/dist/components/landingPage/index.jsx.map +1 -1
- package/dist/components/sidebar/useSidebar/provider.jsx +28 -7
- package/dist/components/sidebar/useSidebar/provider.jsx.map +1 -1
- package/dist/components/toastMessage/index.jsx +3 -8
- package/dist/components/toastMessage/index.jsx.map +1 -1
- package/dist/icons/index.jsx +8 -1
- package/dist/icons/index.jsx.map +1 -1
- package/dist/icons/ps-icons/index.js +3 -1
- package/dist/icons/ps-icons/index.js.map +1 -1
- package/dist-types/components/button/index.d.ts +3 -2
- package/dist-types/components/index.d.ts +1 -0
- package/dist-types/components/jsonView/index.d.ts +1 -0
- package/dist-types/components/jsonView/jsonTheme.d.ts +39 -0
- package/dist-types/components/jsonView/jsonView.d.ts +8 -0
- package/dist-types/components/landingPage/contentPanel.d.ts +1 -2
- package/dist-types/components/landingPage/index.d.ts +0 -1
- package/dist-types/components/toastMessage/index.d.ts +3 -4
- package/dist-types/icons/index.d.ts +3 -0
- package/dist-types/icons/ps-icons/index.d.ts +1 -0
- package/package.json +2 -1
|
@@ -23,19 +23,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
23
23
|
*/
|
|
24
24
|
const classnames_1 = __importDefault(require("classnames"));
|
|
25
25
|
const react_1 = __importDefault(require("react"));
|
|
26
|
-
const Button = ({ title = '', text, name = 'button', onClick = undefined, type = 'button', variant = 'primary', extraClasses = '', disabled = false, }) => {
|
|
26
|
+
const Button = ({ title = '', text, name = 'button', onClick = undefined, type = 'button', variant = 'primary', size = 'small', extraClasses = '', disabled = false, }) => {
|
|
27
27
|
return (<button title={title} data-test-id="button" type={type} name={name} disabled={disabled} onClick={onClick ? onClick : undefined} className={(0, classnames_1.default)(extraClasses, 'rounded flex items-center text-center py-1 px-2 font-medium', {
|
|
28
|
-
'py-0.5 px-1.5 text-xs bg-sapphire dark:bg-baby-blue-eyes text-white dark:text-raisin-black': variant === 'small',
|
|
29
|
-
'rounded-xs md:py-3.5 md:px-9 xxs:max-sm:p-2 xs:max-md:py-4 sm:max-md:px-2 bg-smurf-blue dark:bg-google-blue text-white dark:text-raisin-black': variant === 'large',
|
|
30
28
|
'bg-sapphire dark:bg-baby-blue-eyes text-white dark:text-raisin-black': variant === 'primary',
|
|
31
29
|
'bg-transparent text-raisin-black dark:text-bright-gray active:opacity-60': variant === 'secondary',
|
|
32
30
|
'text-white dark:text-white bg-red-500': variant === 'danger',
|
|
31
|
+
'text-white dark:text-white bg-green-500': variant === 'success',
|
|
33
32
|
}, {
|
|
34
33
|
'opacity-70 cursor-default': disabled,
|
|
35
|
-
'hover:bg-tufts-blue dark:hover:bg-pale-cornflower-blue': !disabled &&
|
|
36
|
-
'hover:bg-beteleguese dark:hover:bg-bright-navy-blue': !disabled &&
|
|
34
|
+
'hover:bg-tufts-blue dark:hover:bg-pale-cornflower-blue': !disabled && size === 'small' && variant === 'primary',
|
|
35
|
+
'hover:bg-beteleguese dark:hover:bg-bright-navy-blue': !disabled && size === 'large' && variant === 'primary',
|
|
37
36
|
'hover:opacity-80': !disabled && variant === 'secondary',
|
|
38
37
|
'hover:bg-red-600': !disabled && variant === 'danger',
|
|
38
|
+
}, {
|
|
39
|
+
'py-0.5 px-1.5 text-xs': size === 'small',
|
|
40
|
+
'rounded-xs md:py-3.5 md:px-9 xxs:max-sm:p-2 xs:max-md:py-4 sm:max-md:px-2': size === 'large',
|
|
39
41
|
})}>
|
|
40
42
|
{text}
|
|
41
43
|
</button>);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,4DAAoC;AACpC,kDAA0B;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,4DAAoC;AACpC,kDAA0B;AAc1B,MAAM,MAAM,GAAG,CAAC,EACd,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,OAAO,EACd,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,KAAK,GACJ,EAAE,EAAE;IAChB,OAAO,CACL,CAAC,MAAM,CACL,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,YAAY,CAAC,QAAQ,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CACvC,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,YAAY,EACZ,6DAA6D,EAC7D;YACE,sEAAsE,EACpE,OAAO,KAAK,SAAS;YACvB,0EAA0E,EACxE,OAAO,KAAK,WAAW;YACzB,uCAAuC,EAAE,OAAO,KAAK,QAAQ;YAC7D,yCAAyC,EAAE,OAAO,KAAK,SAAS;SACjE,EACD;YACE,2BAA2B,EAAE,QAAQ;YACrC,wDAAwD,EACtD,CAAC,QAAQ,IAAI,IAAI,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS;YACxD,qDAAqD,EACnD,CAAC,QAAQ,IAAI,IAAI,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS;YACxD,kBAAkB,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;YACxD,kBAAkB,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,QAAQ;SACtD,EACD;YACE,uBAAuB,EAAE,IAAI,KAAK,OAAO;YACzC,2EAA2E,EACzE,IAAI,KAAK,OAAO;SACnB,CACF,CAAC,CAEF;MAAA,CAAC,IAAI,CACP;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
package/dist/components/index.js
CHANGED
|
@@ -32,7 +32,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
32
32
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
33
33
|
};
|
|
34
34
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
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;
|
|
35
|
+
exports.JsonView = 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;
|
|
36
36
|
var button_1 = require("./button");
|
|
37
37
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_1).default; } });
|
|
38
38
|
var refreshButton_1 = require("./refreshButton");
|
|
@@ -130,4 +130,6 @@ var cardsPanel_1 = require("./landingPage/cardsPanel");
|
|
|
130
130
|
Object.defineProperty(exports, "CardsPanel", { enumerable: true, get: function () { return __importDefault(cardsPanel_1).default; } });
|
|
131
131
|
var frameContent_1 = require("./frameContent");
|
|
132
132
|
Object.defineProperty(exports, "FrameContent", { enumerable: true, get: function () { return __importDefault(frameContent_1).default; } });
|
|
133
|
+
var jsonView_1 = require("./jsonView/jsonView");
|
|
134
|
+
Object.defineProperty(exports, "JsonView", { enumerable: true, get: function () { return __importDefault(jsonView_1).default; } });
|
|
133
135
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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,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"}
|
|
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,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;AAChC,gDAA0D;AAAjD,qHAAA,OAAO,OAAY"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright 2025 Google LLC
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* https://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
+
};
|
|
20
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
+
exports.default = void 0;
|
|
22
|
+
var jsonView_1 = require("./jsonView");
|
|
23
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(jsonView_1).default; } });
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/jsonView/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;AAEH,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright 2025 Google LLC
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* https://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.lightTheme = exports.darkTheme = void 0;
|
|
19
|
+
const darkTheme = {
|
|
20
|
+
scheme: 'google-extended',
|
|
21
|
+
base00: 'rgba(0, 0, 0, 0)', // background - transparent
|
|
22
|
+
base01: '#282a2e', // NA
|
|
23
|
+
base02: '#373b41', // Object border
|
|
24
|
+
base03: '#969896', // NA
|
|
25
|
+
base04: '#b4b7b4', // Object size
|
|
26
|
+
base05: '#816ac7', // undefined data type
|
|
27
|
+
base06: '#e0e0e0', // NA
|
|
28
|
+
base07: '#7cacf8', // braceColor & object key color
|
|
29
|
+
base08: '#CC342B', // NaN data type
|
|
30
|
+
base09: '#5cd5fb', // string data type & ellipsisColor
|
|
31
|
+
base0A: '#FBA922', // null and regex data type
|
|
32
|
+
base0B: '#816ac7', // float data type
|
|
33
|
+
base0C: '#7cacf8', // array key
|
|
34
|
+
base0D: '#816ac7', // date and function data type
|
|
35
|
+
base0E: '#816ac7', // boolean data type
|
|
36
|
+
base0F: '#816ac7', // integer data type
|
|
37
|
+
};
|
|
38
|
+
exports.darkTheme = darkTheme;
|
|
39
|
+
const lightTheme = {
|
|
40
|
+
scheme: 'rjv-default-extended',
|
|
41
|
+
base00: 'rgba(0, 0, 0, 0)',
|
|
42
|
+
base01: 'rgb(245, 245, 245)', // NA
|
|
43
|
+
base02: 'rgb(235, 235, 235)', // Object border
|
|
44
|
+
base03: '#93a1a1', // NA
|
|
45
|
+
base04: 'rgba(0, 0, 0, 0.3)', // Object size
|
|
46
|
+
base05: '#586e75', // undefined data type
|
|
47
|
+
base06: '#073642', // NA
|
|
48
|
+
base07: '#8e004b', // braceColor & object key color
|
|
49
|
+
base08: '#d33682', // NaN data type
|
|
50
|
+
base09: '#de3730', // string data type & ellipsisColor
|
|
51
|
+
base0A: '#dc322f', // null and regex data type
|
|
52
|
+
base0B: '#0842A0', // float data type
|
|
53
|
+
base0C: '#8e004b', // array key
|
|
54
|
+
base0D: '#586e75', // date and function data type
|
|
55
|
+
base0E: '#0842A0', // boolean data type
|
|
56
|
+
base0F: '#0842A0', // integer data type
|
|
57
|
+
};
|
|
58
|
+
exports.lightTheme = lightTheme;
|
|
59
|
+
//# sourceMappingURL=jsonTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsonTheme.js","sourceRoot":"","sources":["../../../src/components/jsonView/jsonTheme.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEH,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,iBAAiB;IACzB,MAAM,EAAE,kBAAkB,EAAE,2BAA2B;IACvD,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,gBAAgB;IACnC,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,cAAc;IACjC,MAAM,EAAE,SAAS,EAAE,sBAAsB;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,gCAAgC;IACnD,MAAM,EAAE,SAAS,EAAE,gBAAgB;IACnC,MAAM,EAAE,SAAS,EAAE,mCAAmC;IACtD,MAAM,EAAE,SAAS,EAAE,2BAA2B;IAC9C,MAAM,EAAE,SAAS,EAAE,kBAAkB;IACrC,MAAM,EAAE,SAAS,EAAE,YAAY;IAC/B,MAAM,EAAE,SAAS,EAAE,8BAA8B;IACjD,MAAM,EAAE,SAAS,EAAE,oBAAoB;IACvC,MAAM,EAAE,SAAS,EAAE,oBAAoB;CACxC,CAAC;AAsBO,8BAAS;AApBlB,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,sBAAsB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,MAAM,EAAE,oBAAoB,EAAE,KAAK;IACnC,MAAM,EAAE,oBAAoB,EAAE,gBAAgB;IAC9C,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,oBAAoB,EAAE,cAAc;IAC5C,MAAM,EAAE,SAAS,EAAE,sBAAsB;IACzC,MAAM,EAAE,SAAS,EAAE,KAAK;IACxB,MAAM,EAAE,SAAS,EAAE,gCAAgC;IACnD,MAAM,EAAE,SAAS,EAAE,gBAAgB;IACnC,MAAM,EAAE,SAAS,EAAE,mCAAmC;IACtD,MAAM,EAAE,SAAS,EAAE,2BAA2B;IAC9C,MAAM,EAAE,SAAS,EAAE,kBAAkB;IACrC,MAAM,EAAE,SAAS,EAAE,YAAY;IAC/B,MAAM,EAAE,SAAS,EAAE,8BAA8B;IACjD,MAAM,EAAE,SAAS,EAAE,oBAAoB;IACvC,MAAM,EAAE,SAAS,EAAE,oBAAoB;CACxC,CAAC;AAEkB,gCAAU"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/*
|
|
3
|
+
* Copyright 2025 Google LLC
|
|
4
|
+
*
|
|
5
|
+
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
6
|
+
* you may not use this file except in compliance with the License.
|
|
7
|
+
* You may obtain a copy of the License at
|
|
8
|
+
*
|
|
9
|
+
* https://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
+
*
|
|
11
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
+
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
+
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
+
* See the License for the specific language governing permissions and
|
|
15
|
+
* limitations under the License.
|
|
16
|
+
*/
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
/**
|
|
42
|
+
* External dependencies.
|
|
43
|
+
*/
|
|
44
|
+
const react_1 = __importStar(require("react"));
|
|
45
|
+
// must be lazy loaded to avoid issue with puppeteer and service worker
|
|
46
|
+
// https://github.com/mac-s-g/react-json-view/issues/296
|
|
47
|
+
const LazyReactJson = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('@microlink/react-json-view'))));
|
|
48
|
+
/**
|
|
49
|
+
* Internal dependencies.
|
|
50
|
+
*/
|
|
51
|
+
const jsonTheme_1 = require("./jsonTheme");
|
|
52
|
+
require("./jsonView.css");
|
|
53
|
+
const LoadingText = () => {
|
|
54
|
+
return (<div className="w-full h-full flex items-center justify-center text-lg font-bold text-granite-gray">
|
|
55
|
+
Loading...
|
|
56
|
+
</div>);
|
|
57
|
+
};
|
|
58
|
+
/**
|
|
59
|
+
* JsonView component.
|
|
60
|
+
* ReactJsonView wrapper component to provide a consistent theme for the JSON view.
|
|
61
|
+
* @param {ReactJsonViewProps} props - The props for the JsonView component.
|
|
62
|
+
* @returns {React.ReactElement} The JsonView component.
|
|
63
|
+
*/
|
|
64
|
+
const JsonView = (props) => {
|
|
65
|
+
const [isDarkMode, setIsDarkMode] = (0, react_1.useState)(window.matchMedia('(prefers-color-scheme: dark)').matches);
|
|
66
|
+
(0, react_1.useEffect)(() => {
|
|
67
|
+
const onColorSchemeChange = (e) => {
|
|
68
|
+
setIsDarkMode(e.matches);
|
|
69
|
+
};
|
|
70
|
+
const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
|
|
71
|
+
if (mediaQuery) {
|
|
72
|
+
mediaQuery.addEventListener('change', onColorSchemeChange);
|
|
73
|
+
}
|
|
74
|
+
return () => {
|
|
75
|
+
if (mediaQuery) {
|
|
76
|
+
mediaQuery.removeEventListener('change', onColorSchemeChange);
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
}, []);
|
|
80
|
+
return (<div className="json-view">
|
|
81
|
+
<react_1.Suspense fallback={<LoadingText />}>
|
|
82
|
+
<LazyReactJson theme={isDarkMode ? jsonTheme_1.darkTheme : jsonTheme_1.lightTheme} iconStyle="triangle" enableClipboard={false} displayDataTypes={false} displayObjectSize={false} shouldCollapse={(object) => object.name !== 'root'} quotesOnKeys={false} {...props}/>
|
|
83
|
+
</react_1.Suspense>
|
|
84
|
+
</div>);
|
|
85
|
+
};
|
|
86
|
+
exports.default = (0, react_1.memo)(JsonView);
|
|
87
|
+
//# sourceMappingURL=jsonView.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jsonView.jsx","sourceRoot":"","sources":["../../../src/components/jsonView/jsonView.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAAyE;AAEzE,uEAAuE;AACvE,wDAAwD;AACxD,MAAM,aAAa,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,4BAA4B,GAAC,CAAC,CAAC;AAEvE;;GAEG;AACH,2CAAoD;AACpD,0BAAwB;AAExB,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,oFAAoF,CACjG;;IACF,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,QAAQ,GAAG,CAAC,KAAyB,EAAsB,EAAE;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAC1C,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAC1D,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,CAAC,CAAsB,EAAE,EAAE;YACrD,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACrE,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;QAC7D,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC;YAChE,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;MAAA,CAAC,gBAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,AAAD,EAAG,CAAC,CAClC;QAAA,CAAC,aAAa,CACZ,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,qBAAS,CAAC,CAAC,CAAC,sBAAU,CAAC,CAC3C,SAAS,CAAC,UAAU,CACpB,eAAe,CAAC,CAAC,KAAK,CAAC,CACvB,gBAAgB,CAAC,CAAC,KAAK,CAAC,CACxB,iBAAiB,CAAC,CAAC,KAAK,CAAC,CACzB,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,MAAM,CAAC,CACnD,YAAY,CAAC,CAAC,KAAK,CAAC,CACpB,IAAI,KAAK,CAAC,EAEd;MAAA,EAAE,gBAAQ,CACZ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -29,42 +29,52 @@ const common_1 = require("@google-psat/common");
|
|
|
29
29
|
const icons_1 = require("../../icons");
|
|
30
30
|
const link_1 = __importDefault(require("../link"));
|
|
31
31
|
const sidebar_1 = require("../sidebar");
|
|
32
|
-
const
|
|
32
|
+
const SEARCH_URL = 'https://support.google.com/privacysandbox/search?q=';
|
|
33
|
+
const ContentPanel = ({ title, content }) => {
|
|
33
34
|
const updateSelectedItemKey = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
|
|
34
35
|
return (<div className="px-2">
|
|
35
36
|
<h3 className="text-base text-raisin-black dark:text-bright-gray mb-7">
|
|
36
37
|
{title}
|
|
37
38
|
</h3>
|
|
38
39
|
<div className="flex gap-5 flex-wrap">
|
|
39
|
-
{content.map((item, index) =>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
40
|
+
{content.map((item, index) => {
|
|
41
|
+
const searchURL = SEARCH_URL + item.title();
|
|
42
|
+
return (<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}>
|
|
43
|
+
<div className="w-14 h-14 flex justify-center items-center rounded-full mb-5 cursor-pointer relative" onClick={() => item.sidebarItemKey
|
|
44
|
+
? updateSelectedItemKey(item.sidebarItemKey)
|
|
45
|
+
: null}>
|
|
46
|
+
<icons_1.PSNumberCircleIcon className="absolute inset-0 w-full h-full object-cover"/>
|
|
47
|
+
<div className={`w-9 h-9 flex justify-center items-center`}>
|
|
48
|
+
<span className="text-xxl text-bright-navy-blue dark:black font-bold">
|
|
49
|
+
{index + 1}
|
|
50
|
+
</span>
|
|
51
|
+
</div>
|
|
47
52
|
</div>
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
</
|
|
53
|
+
<h3 className={`text-lg font-medium inline-block mb-5 cursor-pointer text-raisin-black dark:text-bright-gray`} onClick={() => item.sidebarItemKey
|
|
54
|
+
? updateSelectedItemKey(item.sidebarItemKey)
|
|
55
|
+
: null}>
|
|
56
|
+
{item.title()}
|
|
57
|
+
</h3>
|
|
58
|
+
<p className="text-base text-raisin-black dark:text-bright-gray mb-2">
|
|
59
|
+
{item.description()}
|
|
60
|
+
</p>
|
|
61
|
+
<div className="absolute top-10 right-5 flex gap-2">
|
|
62
|
+
<div className="w-4 h-4" title="View Documentation">
|
|
63
|
+
<link_1.default href={(0, common_1.addUTMParams)(item.url)} rel="noreferer">
|
|
64
|
+
<icons_1.DescriptionIcon height="20" width="20" className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500"/>
|
|
65
|
+
</link_1.default>
|
|
66
|
+
</div>
|
|
67
|
+
{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}>
|
|
68
|
+
<icons_1.WebStoriesIcon className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500" height="20" width="20"/>
|
|
69
|
+
</div>)}
|
|
70
|
+
<div className="w-4 h-4 cursor-pointer" title="Search">
|
|
71
|
+
<link_1.default href={(0, common_1.addUTMParams)(searchURL)} rel="noreferer">
|
|
72
|
+
<icons_1.SearchIcon className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500" height="20" width="20"/>
|
|
73
|
+
</link_1.default>
|
|
74
|
+
</div>
|
|
62
75
|
</div>
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
</div>)}
|
|
66
|
-
</div>
|
|
67
|
-
</div>))}
|
|
76
|
+
</div>);
|
|
77
|
+
})}
|
|
68
78
|
</div>
|
|
69
79
|
</div>);
|
|
70
80
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contentPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/contentPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,gDAAmD;AAEnD;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"contentPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/contentPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,7 +54,7 @@ const contentPanel_1 = __importDefault(require("./contentPanel"));
|
|
|
54
54
|
const LandingPageContainer = (props) => {
|
|
55
55
|
const [independentStory, setIndependentStory] = (0, react_1.useState)('');
|
|
56
56
|
const iframeRef = (0, react_1.useRef)(null);
|
|
57
|
-
const { children, contentPanelTitle, content
|
|
57
|
+
const { children, contentPanelTitle, content } = props;
|
|
58
58
|
(0, react_1.useEffect)(() => {
|
|
59
59
|
var _a;
|
|
60
60
|
if (!independentStory || !iframeRef.current) {
|
|
@@ -89,7 +89,7 @@ const LandingPageContainer = (props) => {
|
|
|
89
89
|
return (<>
|
|
90
90
|
<LandingPage_1.default {...props} isLandingPageContainer containerStyles={independentStory ? 'z-0 absolute top-0 ' : ''} contentPanel={<contentPanel_1.default title={contentPanelTitle} content={content.map((data) => {
|
|
91
91
|
return Object.assign(Object.assign({}, data), { onClick: () => { var _a; return setIndependentStory((_a = data === null || data === void 0 ? void 0 : data.storyUrl) !== null && _a !== void 0 ? _a : ''); } });
|
|
92
|
-
})}
|
|
92
|
+
})}/>}>
|
|
93
93
|
{children}
|
|
94
94
|
</LandingPage_1.default>
|
|
95
95
|
<iframe ref={iframeRef} srcDoc={(0, getStoryPlayerMarkup_1.getStoryPlayerMarkup)()} style={{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAA2D;AAE3D;;GAEG;AACH,iEAA8D;AAC9D,gEAA8D;AAC9D,kEAA0C;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -99,13 +99,14 @@ const SidebarProvider = ({ data, defaultSelectedItemKey = null, collapsedData, c
|
|
|
99
99
|
* If the item key is matched, set the active panel.
|
|
100
100
|
* If the item has children, recursively find the active panel.
|
|
101
101
|
* @param items Sidebar items.
|
|
102
|
+
* @param key Sidebar item key to match.
|
|
102
103
|
*/
|
|
103
|
-
const findActivePanel = (items) => {
|
|
104
|
+
const findActivePanel = (items, key) => {
|
|
104
105
|
Object.entries(items).forEach(([itemKey, item]) => {
|
|
105
106
|
if (keyFound) {
|
|
106
107
|
return;
|
|
107
108
|
}
|
|
108
|
-
if ((0, utils_1.matchKey)(
|
|
109
|
+
if ((0, utils_1.matchKey)(key || '', itemKey)) {
|
|
109
110
|
if (item.panel) {
|
|
110
111
|
setActivePanel({
|
|
111
112
|
query,
|
|
@@ -119,12 +120,26 @@ const SidebarProvider = ({ data, defaultSelectedItemKey = null, collapsedData, c
|
|
|
119
120
|
return;
|
|
120
121
|
}
|
|
121
122
|
if (item.children) {
|
|
122
|
-
findActivePanel(item.children);
|
|
123
|
+
findActivePanel(item.children, key);
|
|
123
124
|
}
|
|
124
125
|
});
|
|
125
126
|
};
|
|
126
127
|
if (selectedItemKey) {
|
|
127
|
-
findActivePanel(sidebarItems);
|
|
128
|
+
findActivePanel(sidebarItems, selectedItemKey);
|
|
129
|
+
}
|
|
130
|
+
if (!keyFound) {
|
|
131
|
+
const keys = selectedItemKey === null || selectedItemKey === void 0 ? void 0 : selectedItemKey.split('#');
|
|
132
|
+
keys === null || keys === void 0 ? void 0 : keys.pop();
|
|
133
|
+
let key = keys === null || keys === void 0 ? void 0 : keys.join('#');
|
|
134
|
+
// eslint-disable-next-line no-unmodified-loop-condition -- findActivePanel callback updates value
|
|
135
|
+
while ((keys === null || keys === void 0 ? void 0 : keys.length) && !keyFound) {
|
|
136
|
+
key = keys.join('#');
|
|
137
|
+
findActivePanel(sidebarItems, key);
|
|
138
|
+
keys.pop();
|
|
139
|
+
}
|
|
140
|
+
if (keyFound && key) {
|
|
141
|
+
setSelectedItemKey(key);
|
|
142
|
+
}
|
|
128
143
|
}
|
|
129
144
|
}, [query, selectedItemKey, sidebarItems]);
|
|
130
145
|
(0, react_1.useEffect)(() => {
|
|
@@ -166,9 +181,15 @@ const SidebarProvider = ({ data, defaultSelectedItemKey = null, collapsedData, c
|
|
|
166
181
|
const tabUrl = new URL(url);
|
|
167
182
|
const panelUrl = new URL(item.panel.href);
|
|
168
183
|
if (tabUrl.href !== panelUrl.href) {
|
|
169
|
-
chrome.
|
|
170
|
-
|
|
171
|
-
|
|
184
|
+
chrome.scripting
|
|
185
|
+
.executeScript({
|
|
186
|
+
target: { tabId: chrome.devtools.inspectedWindow.tabId },
|
|
187
|
+
func: (_url) => {
|
|
188
|
+
window.location.assign(_url);
|
|
189
|
+
},
|
|
190
|
+
args: [panelUrl.href],
|
|
191
|
+
})
|
|
192
|
+
.then(() => console.log('injected a function'));
|
|
172
193
|
}
|
|
173
194
|
}
|
|
174
195
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.jsx","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAMe;AAEf;;GAEG;AACH,mCAMiB;AAEjB,uCAA8E;AAEvE,MAAM,eAAe,GAAG,CAAC,EAC9B,IAAI,EACJ,sBAAsB,GAAG,IAAI,EAC7B,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,QAAQ,GAC2B,EAAE,EAAE;IACvC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAE5C,sBAAY,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAe,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,cAAc,CAAC,CAAC;IAE/D;;OAEG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC;IAE7B;;;;OAIG;IACH,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACxC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAE3B,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB;;OAEG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX;;OAEG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,GAAG,KAAK,CAAC;QAErB
|
|
1
|
+
{"version":3,"file":"provider.jsx","sourceRoot":"","sources":["../../../../src/components/sidebar/useSidebar/provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,16 +22,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
22
22
|
* External dependencies.
|
|
23
23
|
*/
|
|
24
24
|
const react_1 = __importDefault(require("react"));
|
|
25
|
-
const
|
|
26
|
-
/**
|
|
27
|
-
* Internal dependencies.
|
|
28
|
-
*/
|
|
29
|
-
const button_1 = __importDefault(require("../button"));
|
|
30
|
-
const ToastMessage = ({ text, onClick, additionalStyles = '', textAdditionalStyles = '', variant = 'large', buttonText = i18n_1.I18n.getMessage('reload'), }) => {
|
|
25
|
+
const ToastMessage = ({ text, isPopup = false, additionalStyles = '', textAdditionalStyles = '', actionComponent, }) => {
|
|
31
26
|
return (<div className={`${additionalStyles} w-full overflow-auto z-2 bg-white dark:bg-charleston-green shadow-xxs`}>
|
|
32
|
-
<div className=
|
|
27
|
+
<div className={`${isPopup ? 'p-3 text-left' : 'p-4'} flex items-center justify-between gap-2 min-w-[20rem]`}>
|
|
33
28
|
<p className={`dark:text-white ${textAdditionalStyles}`}>{text}</p>
|
|
34
|
-
|
|
29
|
+
{actionComponent}
|
|
35
30
|
</div>
|
|
36
31
|
</div>);
|
|
37
32
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/toastMessage/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/toastMessage/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAS1B,MAAM,YAAY,GAAG,CAAC,EACpB,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,gBAAgB,GAAG,EAAE,EACrB,oBAAoB,GAAG,EAAE,EACzB,eAAe,GACG,EAAE,EAAE;IACtB,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,GAAG,gBAAgB,wEAAwE,CAAC,CAEvG;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,GACT,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAC9B,wDAAwD,CAAC,CAEzD;QAAA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,mBAAmB,oBAAoB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAClE;QAAA,CAAC,eAAe,CAClB;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
package/dist/icons/index.jsx
CHANGED
|
@@ -18,7 +18,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
18
18
|
};
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
20
|
exports.VisibilityOff = exports.Warning = exports.PaddedCross = exports.ClearIcon = exports.FilterIcon = exports.StopIcon = exports.Ellipse = exports.Refresh = exports.Cross = exports.Add = exports.PrivacySandboxColoredIcon = exports.PrivacySandboxIconWhite = exports.PrivacySandboxIcon = exports.InspectWhiteIcon = exports.InspectActiveIcon = exports.InspectIcon = exports.PrivacyProtectionIconWhite = exports.PrivacyProtectionIcon = exports.RelatedWebsiteSetsIconWhite = exports.RelatedWebsiteSetsIcon = exports.PrivateAdvertisingIconWhite = exports.PrivateAdvertisingIcon = exports.ChipsIconWhite = exports.ChipsIcon = exports.SiteBoundariesIconWhite = exports.SiteBoundariesIcon = exports.InfoIcon = exports.UserAgentReductionIconWhite = exports.UserAgentReductionIcon = exports.TopicsIconWhite = exports.TopicsIcon = exports.BounceTrackingIconWhite = exports.BounceTrackingIcon = exports.AttributionIconWhite = exports.AttributionIcon = exports.Check = exports.FileWhite = exports.File = exports.Export = exports.Copy = exports.CookieIconWhite = exports.CookieIcon = exports.Cookie = exports.CrossIcon = exports.ClearAll = exports.ChevronRight = exports.ArrowRight = exports.ArrowDownWhite = exports.ArrowUp = exports.ArrowDown = void 0;
|
|
21
|
-
exports.HelpCenterLandingIcon = exports.DevSiteLandingIcon = exports.DemosLandingIcon = exports.WikiLandingIcon = exports.DemosIcon = exports.TabIcon = exports.CancelIcon = exports.ProtectionIcon = exports.StorageIcon = exports.FederatedIcon = exports.TokenIcon = exports.DevGuideIcon = exports.LearningIcon = exports.Help = exports.DescriptionIcon = exports.DoubleDownArrow = exports.WebStoriesIconWhite = exports.WebStoriesIcon = exports.PreviousIcon = exports.NextIcon = exports.MoneyIcon = exports.SupportIcon = exports.PauseIcon = exports.RestartIcon = exports.PlayIcon = exports.MenuOpenIcon = exports.Settings = exports.DoubleArrowIcon = exports.ExternalLinkIcon = exports.WikiIconWhite = exports.WikiIcon = exports.DashboardIconWhite = exports.DashboardIcon = exports.ExternalLinkBlack = exports.BreakpointIcon = exports.BottomTrayIcon = exports.ScreenIcon = exports.FrameIcon = exports.GroupsIcon = exports.WarningBare = exports.ChevronDown = exports.GreenTick = exports.QuestionMark = exports.OutboundInboundColoredIcon = exports.OutboundInboundIcon = exports.OutboundIcon = exports.InboundIcon = exports.PSTimelineIcon = void 0;
|
|
21
|
+
exports.Tick = exports.SearchIcon = exports.HelpCenterLandingIcon = exports.DevSiteLandingIcon = exports.DemosLandingIcon = exports.WikiLandingIcon = exports.DemosIcon = exports.TabIcon = exports.CancelIcon = exports.ProtectionIcon = exports.StorageIcon = exports.FederatedIcon = exports.TokenIcon = exports.DevGuideIcon = exports.LearningIcon = exports.Help = exports.DescriptionIcon = exports.DoubleDownArrow = exports.WebStoriesIconWhite = exports.WebStoriesIcon = exports.PreviousIcon = exports.NextIcon = exports.MoneyIcon = exports.SupportIcon = exports.PauseIcon = exports.RestartIcon = exports.PlayIcon = exports.MenuOpenIcon = exports.Settings = exports.DoubleArrowIcon = exports.ExternalLinkIcon = exports.WikiIconWhite = exports.WikiIcon = exports.DashboardIconWhite = exports.DashboardIcon = exports.ExternalLinkBlack = exports.BreakpointIcon = exports.BottomTrayIcon = exports.ScreenIcon = exports.FrameIcon = exports.GroupsIcon = exports.WarningBare = exports.ChevronDown = exports.GreenTick = exports.QuestionMark = exports.OutboundInboundColoredIcon = exports.OutboundInboundIcon = exports.OutboundIcon = exports.InboundIcon = exports.PSTimelineIcon = void 0;
|
|
22
|
+
exports.Plus = void 0;
|
|
22
23
|
/*
|
|
23
24
|
* Copyright 2023 Google LLC
|
|
24
25
|
*
|
|
@@ -230,5 +231,11 @@ var dev_site_landing_svg_1 = require("./dev-site-landing.svg");
|
|
|
230
231
|
Object.defineProperty(exports, "DevSiteLandingIcon", { enumerable: true, get: function () { return __importDefault(dev_site_landing_svg_1).default; } });
|
|
231
232
|
var help_center_landing_svg_1 = require("./help-center-landing.svg");
|
|
232
233
|
Object.defineProperty(exports, "HelpCenterLandingIcon", { enumerable: true, get: function () { return __importDefault(help_center_landing_svg_1).default; } });
|
|
234
|
+
var search_svg_1 = require("./search.svg");
|
|
235
|
+
Object.defineProperty(exports, "SearchIcon", { enumerable: true, get: function () { return __importDefault(search_svg_1).default; } });
|
|
236
|
+
var tick_svg_1 = require("./tick.svg");
|
|
237
|
+
Object.defineProperty(exports, "Tick", { enumerable: true, get: function () { return __importDefault(tick_svg_1).default; } });
|
|
238
|
+
var add_simple_svg_1 = require("./add-simple.svg");
|
|
239
|
+
Object.defineProperty(exports, "Plus", { enumerable: true, get: function () { return __importDefault(add_simple_svg_1).default; } });
|
|
233
240
|
__exportStar(require("./ps-icons"), exports);
|
|
234
241
|
//# sourceMappingURL=index.jsx.map
|
package/dist/icons/index.jsx.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../src/icons/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../src/icons/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.PSWikiIcon = exports.PSTrackingProtectionIcon = exports.PSStoriesIcon = exports.PSSiteBoundriesIcon = exports.PSPrivateAdvertisingIcon = exports.PSLearningIcon = exports.PSHelpCenterIcon = exports.PSDevSiteIcon = exports.PSDemosIcon = exports.PSCUJsIcon = exports.PSCookieIcon = void 0;
|
|
6
|
+
exports.PSNumberCircleIcon = exports.PSWikiIcon = exports.PSTrackingProtectionIcon = exports.PSStoriesIcon = exports.PSSiteBoundriesIcon = exports.PSPrivateAdvertisingIcon = exports.PSLearningIcon = exports.PSHelpCenterIcon = exports.PSDevSiteIcon = exports.PSDemosIcon = exports.PSCUJsIcon = exports.PSCookieIcon = void 0;
|
|
7
7
|
/*
|
|
8
8
|
* Copyright 2025 Google LLC
|
|
9
9
|
*
|
|
@@ -41,4 +41,6 @@ var tracking_protection_svg_1 = require("./tracking-protection.svg");
|
|
|
41
41
|
Object.defineProperty(exports, "PSTrackingProtectionIcon", { enumerable: true, get: function () { return __importDefault(tracking_protection_svg_1).default; } });
|
|
42
42
|
var wiki_svg_1 = require("./wiki.svg");
|
|
43
43
|
Object.defineProperty(exports, "PSWikiIcon", { enumerable: true, get: function () { return __importDefault(wiki_svg_1).default; } });
|
|
44
|
+
var number_circle_svg_1 = require("./number-circle.svg");
|
|
45
|
+
Object.defineProperty(exports, "PSNumberCircleIcon", { enumerable: true, get: function () { return __importDefault(number_circle_svg_1).default; } });
|
|
44
46
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/ps-icons/index.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,2CAAuD;AAA9C,2HAAA,OAAO,OAAgB;AAChC,uCAAmD;AAA1C,uHAAA,OAAO,OAAc;AAC9B,yCAAqD;AAA5C,yHAAA,OAAO,OAAe;AAC/B,+CAA0D;AAAjD,8HAAA,OAAO,OAAiB;AACjC,qDAAgE;AAAvD,oIAAA,OAAO,OAAoB;AACpC,+CAA2D;AAAlD,+HAAA,OAAO,OAAkB;AAClC,qEAAgF;AAAvE,oJAAA,OAAO,OAA4B;AAC5C,2DAAsE;AAA7D,0IAAA,OAAO,OAAuB;AACvC,6CAAyD;AAAhD,6HAAA,OAAO,OAAiB;AACjC,qEAAgF;AAAvE,oJAAA,OAAO,OAA4B;AAC5C,uCAAmD;AAA1C,uHAAA,OAAO,OAAc"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/ps-icons/index.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH,2CAAuD;AAA9C,2HAAA,OAAO,OAAgB;AAChC,uCAAmD;AAA1C,uHAAA,OAAO,OAAc;AAC9B,yCAAqD;AAA5C,yHAAA,OAAO,OAAe;AAC/B,+CAA0D;AAAjD,8HAAA,OAAO,OAAiB;AACjC,qDAAgE;AAAvD,oIAAA,OAAO,OAAoB;AACpC,+CAA2D;AAAlD,+HAAA,OAAO,OAAkB;AAClC,qEAAgF;AAAvE,oJAAA,OAAO,OAA4B;AAC5C,2DAAsE;AAA7D,0IAAA,OAAO,OAAuB;AACvC,6CAAyD;AAAhD,6HAAA,OAAO,OAAiB;AACjC,qEAAgF;AAAvE,oJAAA,OAAO,OAA4B;AAC5C,uCAAmD;AAA1C,uHAAA,OAAO,OAAc;AAC9B,yDAAoE;AAA3D,wIAAA,OAAO,OAAsB"}
|
|
@@ -6,9 +6,10 @@ interface ButtonProps {
|
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
loading?: boolean;
|
|
8
8
|
type?: 'button' | 'submit' | 'reset';
|
|
9
|
-
|
|
9
|
+
size?: 'small' | 'large';
|
|
10
|
+
variant?: 'primary' | 'secondary' | 'danger' | 'success';
|
|
10
11
|
extraClasses?: string;
|
|
11
12
|
disabled?: boolean;
|
|
12
13
|
}
|
|
13
|
-
declare const Button: ({ title, text, name, onClick, type, variant, extraClasses, disabled, }: ButtonProps) => React.JSX.Element;
|
|
14
|
+
declare const Button: ({ title, text, name, onClick, type, variant, size, extraClasses, disabled, }: ButtonProps) => React.JSX.Element;
|
|
14
15
|
export default Button;
|
|
@@ -52,3 +52,4 @@ export { default as DraggableTray } from './draggableTray';
|
|
|
52
52
|
export { default as Link } from './link';
|
|
53
53
|
export { default as CardsPanel } from './landingPage/cardsPanel';
|
|
54
54
|
export { default as FrameContent } from './frameContent';
|
|
55
|
+
export { default as JsonView } from './jsonView/jsonView';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './jsonView';
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
declare const darkTheme: {
|
|
2
|
+
scheme: string;
|
|
3
|
+
base00: string;
|
|
4
|
+
base01: string;
|
|
5
|
+
base02: string;
|
|
6
|
+
base03: string;
|
|
7
|
+
base04: string;
|
|
8
|
+
base05: string;
|
|
9
|
+
base06: string;
|
|
10
|
+
base07: string;
|
|
11
|
+
base08: string;
|
|
12
|
+
base09: string;
|
|
13
|
+
base0A: string;
|
|
14
|
+
base0B: string;
|
|
15
|
+
base0C: string;
|
|
16
|
+
base0D: string;
|
|
17
|
+
base0E: string;
|
|
18
|
+
base0F: string;
|
|
19
|
+
};
|
|
20
|
+
declare const lightTheme: {
|
|
21
|
+
scheme: string;
|
|
22
|
+
base00: string;
|
|
23
|
+
base01: string;
|
|
24
|
+
base02: string;
|
|
25
|
+
base03: string;
|
|
26
|
+
base04: string;
|
|
27
|
+
base05: string;
|
|
28
|
+
base06: string;
|
|
29
|
+
base07: string;
|
|
30
|
+
base08: string;
|
|
31
|
+
base09: string;
|
|
32
|
+
base0A: string;
|
|
33
|
+
base0B: string;
|
|
34
|
+
base0C: string;
|
|
35
|
+
base0D: string;
|
|
36
|
+
base0E: string;
|
|
37
|
+
base0F: string;
|
|
38
|
+
};
|
|
39
|
+
export { darkTheme, lightTheme };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* External dependencies.
|
|
3
|
+
*/
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import type { ReactJsonViewProps } from '@microlink/react-json-view';
|
|
6
|
+
import './jsonView.css';
|
|
7
|
+
declare const _default: React.MemoExoticComponent<(props: ReactJsonViewProps) => React.ReactElement>;
|
|
8
|
+
export default _default;
|
|
@@ -13,7 +13,6 @@ export interface ContentPanelProps {
|
|
|
13
13
|
onClick: () => void;
|
|
14
14
|
sidebarItemKey?: SIDEBAR_ITEMS_KEYS;
|
|
15
15
|
}[];
|
|
16
|
-
counterStyles?: string;
|
|
17
16
|
}
|
|
18
|
-
declare const ContentPanel: ({ title, content
|
|
17
|
+
declare const ContentPanel: ({ title, content }: ContentPanelProps) => React.JSX.Element;
|
|
19
18
|
export default ContentPanel;
|
|
@@ -13,7 +13,6 @@ type LandingPageContainerProps = LandingPageProps & {
|
|
|
13
13
|
storyUrl?: string;
|
|
14
14
|
sidebarItemKey?: SIDEBAR_ITEMS_KEYS;
|
|
15
15
|
}[];
|
|
16
|
-
counterStyles: string;
|
|
17
16
|
titleStyles: string;
|
|
18
17
|
};
|
|
19
18
|
declare const LandingPageContainer: (props: LandingPageContainerProps) => React.JSX.Element;
|
|
@@ -4,11 +4,10 @@
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
interface ToastMessageProps {
|
|
6
6
|
text: string;
|
|
7
|
-
|
|
7
|
+
isPopup?: boolean;
|
|
8
8
|
additionalStyles?: string;
|
|
9
9
|
textAdditionalStyles?: string;
|
|
10
|
-
|
|
11
|
-
buttonText?: string;
|
|
10
|
+
actionComponent?: React.ReactNode;
|
|
12
11
|
}
|
|
13
|
-
declare const ToastMessage: ({ text,
|
|
12
|
+
declare const ToastMessage: ({ text, isPopup, additionalStyles, textAdditionalStyles, actionComponent, }: ToastMessageProps) => React.JSX.Element;
|
|
14
13
|
export default ToastMessage;
|
|
@@ -96,4 +96,7 @@ export { default as WikiLandingIcon } from './wiki-landing.svg';
|
|
|
96
96
|
export { default as DemosLandingIcon } from './demos-landing.svg';
|
|
97
97
|
export { default as DevSiteLandingIcon } from './dev-site-landing.svg';
|
|
98
98
|
export { default as HelpCenterLandingIcon } from './help-center-landing.svg';
|
|
99
|
+
export { default as SearchIcon } from './search.svg';
|
|
100
|
+
export { default as Tick } from './tick.svg';
|
|
101
|
+
export { default as Plus } from './add-simple.svg';
|
|
99
102
|
export * from './ps-icons';
|
|
@@ -9,3 +9,4 @@ export { default as PSSiteBoundriesIcon } from './site-boundries.svg';
|
|
|
9
9
|
export { default as PSStoriesIcon } from './stories.svg';
|
|
10
10
|
export { default as PSTrackingProtectionIcon } from './tracking-protection.svg';
|
|
11
11
|
export { default as PSWikiIcon } from './wiki.svg';
|
|
12
|
+
export { default as PSNumberCircleIcon } from './number-circle.svg';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@google-psat/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "A package for presentational components that are being used in multiple packages",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist-types/index.d.ts",
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@google-psat/common": "*",
|
|
40
40
|
"@google-psat/i18n": "*",
|
|
41
|
+
"@microlink/react-json-view": "^1.26.1",
|
|
41
42
|
"@types/lodash-es": "^4.17.12",
|
|
42
43
|
"classnames": "^2.3.2",
|
|
43
44
|
"fast-xml-parser": "^4.4.1",
|