Refactor: Restructure cookies landing page (#528) · GoogleChromeLabs/ps-analysis-tool@d5cec37

Commit

Refactor: Restructure cookies landing page (#528)

* Move useContextSelector to common package

* perf: improve conditional check for array of objects

* ref: import useContextSelector from common package

* pef: add provider to useSidebar hook

* ref: break UI to new component for using useSidebar hook

* ref: import useContextSelector from common package

* ref: use callbacks to render UI elements

* fix: conditionally update dropdown flag on cookies menu item

* use context-selector inside components

* use context-selector in siteReport component

* use context-selector in siteMapReport component

* feat: add new key for allowing query string for activePanel

* Basic setup of UI

* Squashed commit of the following:

commit bc7ce7d6d3580f767eecbb61118bdefb3ba51476
Merge: 4e510b2d 59622d03
Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date:   Tue Feb 20 20:19:35 2024 +0530

    Merge branch 'develop' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

commit 4e510b2d992973f0b16b48ce70261d58e57cce0b
Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date:   Tue Feb 20 20:19:13 2024 +0530

    Fix the reload button staying on the popup.

commit 59622d035c8ed70212140c239b155e00a205dbde
Author: nirwalayush <coding.carrots@gmail.com>
Date:   Tue Feb 20 20:14:51 2024 +0530

    fix: fix details panel showing unknown reason message

commit 809bc380da26f85c5247c1c2dd5a621120afd14e
Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
Date:   Tue Feb 20 18:27:30 2024 +0530

    Add <br/> for uniformity.
    Remove top padding from blocking direction.

commit 27242bee857b92b726ca2727914d823a7730c717
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Tue Feb 20 17:50:11 2024 +0530

    fix: add flags to not highlight rows

commit 38474893a1ee37f06871200fa29aff323eca4b68
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Tue Feb 20 16:04:36 2024 +0530

    Run audit fix

commit 35af0b45601f325b532bd94467f6d77785a72eed
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Tue Feb 20 16:04:06 2024 +0530

    Bump version

commit 7c74c6a9427c5fce73621138f0a52f4817a172b6
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Tue Feb 20 16:02:07 2024 +0530

    Update rws data

commit 89378d6a371c43afc1cf873032d4faf844a0fb03
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Tue Feb 20 16:01:45 2024 +0530

    Update cookie database

commit 595f1a79e9e9ccfa306a8af57936b28492b74062
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Tue Feb 20 16:00:14 2024 +0530

    Update changelog

commit ed0823dc52ea86b657c01f1c79f51aa2af357fb7
Author: Ayush Nirwal <53055971+ayushnirwal@users.noreply.github.com>
Date:   Tue Feb 20 15:48:21 2024 +0530

    style-fix: scale up prefix icons in table (#514)

commit 0ad08a3c338689e6fbd3378ae2d13f5427e46cc7
Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
Date:   Tue Feb 20 15:42:20 2024 +0530

    Add UTM params to outgoing links (#512)

    * Add utility function and its test case adding utm params

    * Move util function to common

    * Make util function to handle # URLs and use for latest news and quick links

    * Add UTM links to faciliated testing

    * Update test for dev doc

    * Update link to file issue

    * Remove param from github.com

    * Add utm params to more links

    * Add utm params to all help urls

    * Add utm params to youtube as well

    * Fix tests

commit 9fad9001d1fa5c162ded61bb42e0f09c10dcc01f
Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
Date:   Tue Feb 20 15:41:44 2024 +0530

    Fix: keep service worker alive (#513)

    * Keep service worker alive once it is profile is started.

    * Add peroidic intervals to send data to devtools and popup for old profile.

    * Remove addition of interval on windows creation.

    * Keep setInverval in the chrome.windows.onCreated.

commit bd1624bb1e222ffa839f16ad5fb7b5058ba03dac
Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
Date:   Tue Feb 20 13:23:02 2024 +0530

    Remove relative property. (#511)

    Change messageing for toast message.

commit 7794a22c5c6ab36b5ab7a6e086ba66912b22c3bb
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Tue Feb 20 10:01:04 2024 +0530

    Chore: Remove logs used for debugging empty cookies

commit 789a40aa38ca781b9830b38a0a24f94fc59e657e
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Tue Feb 20 09:58:10 2024 +0530

    Fix popup ui issue

commit dd1b286c7520240a3189d2e02229827518da95ed
Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
Date:   Mon Feb 19 20:28:19 2024 +0530

    Enhancement: Update cookie's blocking status enum and UI (#507)

    * ref: add enums for blocking status

    * fix: update deriveBlocking utils

    * feat: add icons and the extractors

    * feat: conditionally render icons

    * test-fix: update deriveBlockingStatus test

    * fix: don't hightlight rows when not using CDP

    * ref: update comment

    * fix: decrease padding

    * fix:manage expiring cookies

    ---------

    Co-authored-by: nirwalayush <coding.carrots@gmail.com>
    Co-authored-by: sayedtaqui <sayedwp@gmail.com>

commit 4fea48668120fb4cb12487a76656e80c96c1acbe
Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
Date:   Mon Feb 19 18:20:30 2024 +0530

    Two-step process for toggling CDP state (#494)

    * Add a toast message component in design-system.
    Add mechanism in place to reload all the tabs.
    Add mechanism to show the reload button in the devtools.

    * Add toast message in the popup.

    * Persist toastmessage on reload of extension

    * Add styling to toast message

    * Add a button to match the chrome://flags toast-message.

    * Add a button to the popup.

    * Fix the order of firing of events.

    * Reduce Padding.

    * Reduce vertical padding.

    * Fix the text and add toast message in popup.

    * Add fullstop to the popup messaging.

    * Shorten the devtools message.

    * Remove persistence of the toastMessage

    * use sessionStorage instead of localStorage from web api

    * Fix refresh of the cookies.

    * revert changes.

    * Fix component showing analyse this tab on newtab open.

    * Fix service worker popup connection.

    * Fix the messaging.

    * Fix value being set add new state for display.

    * Fix 0 cookies landing page on multitab debugging issue.

    * Fix padding and the design.

    * Add breakpoints for the button.
    Add breakpoints for text.

    * Fix the fontsize

    * Fix breakpoints

    * Fix text for button.

    * Fix message not showing up in popup.

    * Add comment to listener.
    Add default case to switch block.

    * ref: use absolute to spread toast message

    * Fix the toastmessage while scrolling.

    ---------

    Co-authored-by: Mayank Rana <mayankranax1@gmail.com>

commit f7c47748537c8ae13cb4ed33ee35340792cba2b5
Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
Date:   Mon Feb 19 17:48:22 2024 +0530

    Refactor: Restructure `Facilitated Testing` landing page UI (#493)

    * add timeline icon

    * ref: restructure UI replicating infocard one

    * ref: update landing page width

    * styles: add breakpoints for bigger screens

    * ref: update the order

commit f7757ad382c3ed2402d4b7b5e05f7d9be0dce0b5
Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
Date:   Mon Feb 19 17:45:02 2024 +0530

    Fix: Library detection miscellaneous QA issues (#495)

    * Add GIS_EXCEPTIONS and GSIv2_EXCEPTIONS which remove the given feature from UI

    * Review comments address - Developer Testing Pending

    * Add Testcases for filterMatchesBasedOnExceptions

    * Update load delay to 2 sec and show page loading text when page is loading

    * Fix issue where when all signatures are filtered empty state wasnt showing properly

    ---------

    Co-authored-by: Manoj Mohan <jesuismanoj@gmail.com>

commit 84d62ac89130e210ccb8581a6e6946c721dff588
Merge: c0ba3b58 88761db2
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Fri Feb 16 21:31:14 2024 +0530

    Merge branch 'develop' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

commit c0ba3b58794e52305105831ee7a1f4c9e205f745
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Fri Feb 16 21:29:26 2024 +0530

    Add one more log

commit 88761db25573715c425c59169301276465f98a6d
Author: Ayush Nirwal <53055971+ayushnirwal@users.noreply.github.com>
Date:   Fri Feb 16 13:26:08 2024 +0530

    Fix: add conditional rendering in technology details panel (#499)

    * feat:add conditional rendering in technology details panel

    * fix: add message for no description available.

commit 1f93d3afa79db89761ae4bb9016e6eebb1a430db
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Thu Feb 15 19:34:41 2024 +0530

    Temp: Add logs for debugging

* fix: remove managing of dropdown flag from layout

* fix: remove component state and use from props

* Squashed commit of the following:

commit 7b3272e6c979ea8441849801e0a1e9d8d0331f95
Merge: b9a6f64d 2eb67159
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Mon Feb 26 15:19:46 2024 +0530

    Merge branch 'develop' into ref/provider-to-sidebar

commit b9a6f64d61f8a68c9347f76e49f8173d2fd99767
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Mon Feb 26 15:06:07 2024 +0530

    fix: remove component state and use from props

commit 8d19cf58ba8d3c54081c9d844aa9b850ef13bfd3
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 13:40:07 2024 +0530

    fix: remove managing of dropdown flag from layout

commit 8e925a316a1cc61863e7d5471b22a826a65a1855
Merge: 0f66f5a0 3231895e
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 10:43:25 2024 +0530

    Merge branch 'ref/move-context-selector' into ref/provider-to-sidebar

commit 3231895e1a8cdcba38997a31089928ed8b6e15b8
Merge: be86aa19 bc7ce7d6
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 10:40:53 2024 +0530

    Merge branch 'develop' into ref/move-context-selector

commit be86aa1951cc6f177ef5c106ad470faa341f3303
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 10:39:01 2024 +0530

    Squashed commit of the following:

    commit bc7ce7d6d3580f767eecbb61118bdefb3ba51476
    Merge: 4e510b2d 59622d03
    Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 20:19:35 2024 +0530

        Merge branch 'develop' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

    commit 4e510b2d992973f0b16b48ce70261d58e57cce0b
    Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 20:19:13 2024 +0530

        Fix the reload button staying on the popup.

    commit 59622d035c8ed70212140c239b155e00a205dbde
    Author: nirwalayush <coding.carrots@gmail.com>
    Date:   Tue Feb 20 20:14:51 2024 +0530

        fix: fix details panel showing unknown reason message

    commit 809bc380da26f85c5247c1c2dd5a621120afd14e
    Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 18:27:30 2024 +0530

        Add <br/> for uniformity.
        Remove top padding from blocking direction.

    commit 27242bee857b92b726ca2727914d823a7730c717
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 20 17:50:11 2024 +0530

        fix: add flags to not highlight rows

    commit 38474893a1ee37f06871200fa29aff323eca4b68
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:04:36 2024 +0530

        Run audit fix

    commit 35af0b45601f325b532bd94467f6d77785a72eed
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:04:06 2024 +0530

        Bump version

    commit 7c74c6a9427c5fce73621138f0a52f4817a172b6
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:02:07 2024 +0530

        Update rws data

    commit 89378d6a371c43afc1cf873032d4faf844a0fb03
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:01:45 2024 +0530

        Update cookie database

    commit 595f1a79e9e9ccfa306a8af57936b28492b74062
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:00:14 2024 +0530

        Update changelog

    commit ed0823dc52ea86b657c01f1c79f51aa2af357fb7
    Author: Ayush Nirwal <53055971+ayushnirwal@users.noreply.github.com>
    Date:   Tue Feb 20 15:48:21 2024 +0530

        style-fix: scale up prefix icons in table (#514)

    commit 0ad08a3c338689e6fbd3378ae2d13f5427e46cc7
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Tue Feb 20 15:42:20 2024 +0530

        Add UTM params to outgoing links (#512)

        * Add utility function and its test case adding utm params

        * Move util function to common

        * Make util function to handle # URLs and use for latest news and quick links

        * Add UTM links to faciliated testing

        * Update test for dev doc

        * Update link to file issue

        * Remove param from github.com

        * Add utm params to more links

        * Add utm params to all help urls

        * Add utm params to youtube as well

        * Fix tests

    commit 9fad9001d1fa5c162ded61bb42e0f09c10dcc01f
    Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 15:41:44 2024 +0530

        Fix: keep service worker alive (#513)

        * Keep service worker alive once it is profile is started.

        * Add peroidic intervals to send data to devtools and popup for old profile.

        * Remove addition of interval on windows creation.

        * Keep setInverval in the chrome.windows.onCreated.

    commit bd1624bb1e222ffa839f16ad5fb7b5058ba03dac
    Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 13:23:02 2024 +0530

        Remove relative property. (#511)

        Change messageing for toast message.

    commit 7794a22c5c6ab36b5ab7a6e086ba66912b22c3bb
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 10:01:04 2024 +0530

        Chore: Remove logs used for debugging empty cookies

    commit 789a40aa38ca781b9830b38a0a24f94fc59e657e
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 09:58:10 2024 +0530

        Fix popup ui issue

    commit dd1b286c7520240a3189d2e02229827518da95ed
    Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
    Date:   Mon Feb 19 20:28:19 2024 +0530

        Enhancement: Update cookie's blocking status enum and UI (#507)

        * ref: add enums for blocking status

        * fix: update deriveBlocking utils

        * feat: add icons and the extractors

        * feat: conditionally render icons

        * test-fix: update deriveBlockingStatus test

        * fix: don't hightlight rows when not using CDP

        * ref: update comment

        * fix: decrease padding

        * fix:manage expiring cookies

        ---------

        Co-authored-by: nirwalayush <coding.carrots@gmail.com>
        Co-authored-by: sayedtaqui <sayedwp@gmail.com>

    commit 4fea48668120fb4cb12487a76656e80c96c1acbe
    Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
    Date:   Mon Feb 19 18:20:30 2024 +0530

        Two-step process for toggling CDP state (#494)

        * Add a toast message component in design-system.
        Add mechanism in place to reload all the tabs.
        Add mechanism to show the reload button in the devtools.

        * Add toast message in the popup.

        * Persist toastmessage on reload of extension

        * Add styling to toast message

        * Add a button to match the chrome://flags toast-message.

        * Add a button to the popup.

        * Fix the order of firing of events.

        * Reduce Padding.

        * Reduce vertical padding.

        * Fix the text and add toast message in popup.

        * Add fullstop to the popup messaging.

        * Shorten the devtools message.

        * Remove persistence of the toastMessage

        * use sessionStorage instead of localStorage from web api

        * Fix refresh of the cookies.

        * revert changes.

        * Fix component showing analyse this tab on newtab open.

        * Fix service worker popup connection.

        * Fix the messaging.

        * Fix value being set add new state for display.

        * Fix 0 cookies landing page on multitab debugging issue.

        * Fix padding and the design.

        * Add breakpoints for the button.
        Add breakpoints for text.

        * Fix the fontsize

        * Fix breakpoints

        * Fix text for button.

        * Fix message not showing up in popup.

        * Add comment to listener.
        Add default case to switch block.

        * ref: use absolute to spread toast message

        * Fix the toastmessage while scrolling.

        ---------

        Co-authored-by: Mayank Rana <mayankranax1@gmail.com>

    commit f7c47748537c8ae13cb4ed33ee35340792cba2b5
    Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
    Date:   Mon Feb 19 17:48:22 2024 +0530

        Refactor: Restructure `Facilitated Testing` landing page UI (#493)

        * add timeline icon

        * ref: restructure UI replicating infocard one

        * ref: update landing page width

        * styles: add breakpoints for bigger screens

        * ref: update the order

    commit f7757ad382c3ed2402d4b7b5e05f7d9be0dce0b5
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Mon Feb 19 17:45:02 2024 +0530

        Fix: Library detection miscellaneous QA issues (#495)

        * Add GIS_EXCEPTIONS and GSIv2_EXCEPTIONS which remove the given feature from UI

        * Review comments address - Developer Testing Pending

        * Add Testcases for filterMatchesBasedOnExceptions

        * Update load delay to 2 sec and show page loading text when page is loading

        * Fix issue where when all signatures are filtered empty state wasnt showing properly

        ---------

        Co-authored-by: Manoj Mohan <jesuismanoj@gmail.com>

    commit 84d62ac89130e210ccb8581a6e6946c721dff588
    Merge: c0ba3b58 88761db2
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Fri Feb 16 21:31:14 2024 +0530

        Merge branch 'develop' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

    commit c0ba3b58794e52305105831ee7a1f4c9e205f745
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Fri Feb 16 21:29:26 2024 +0530

        Add one more log

    commit 88761db25573715c425c59169301276465f98a6d
    Author: Ayush Nirwal <53055971+ayushnirwal@users.noreply.github.com>
    Date:   Fri Feb 16 13:26:08 2024 +0530

        Fix: add conditional rendering in technology details panel (#499)

        * feat:add conditional rendering in technology details panel

        * fix: add message for no description available.

    commit 1f93d3afa79db89761ae4bb9016e6eebb1a430db
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Thu Feb 15 19:34:41 2024 +0530

        Temp: Add logs for debugging

commit 0f66f5a08b511ee72e5a41796f61a810dc5b075c
Merge: ae88bc7f bc7ce7d6
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 08:42:43 2024 +0530

    Merge branch 'develop' into ref/provider-to-sidebar

commit ae88bc7fa6bdb7fdfafb0212263e1b63663545e6
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Tue Feb 20 13:29:14 2024 +0530

    Basic setup of UI

commit cf1c60cbf403c1f076a923a26528d25caa658398
Merge: 8cad0afd 7794a22c
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Tue Feb 20 13:14:03 2024 +0530

    Merge branch 'develop' into ref/provider-to-sidebar

commit 8cad0afdee0d6b83630aa79f21a89c9825cff9b3
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Tue Feb 20 12:33:54 2024 +0530

    feat: add new key for allowing query string for activePanel

commit 01f10a3978fc831d0fe29263262c0f44ecf43ee4
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 20:46:06 2024 +0530

    use context-selector in siteMapReport component

commit fae277cb9a611f879ba7966fc5c8001c9d1d2591
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 20:37:56 2024 +0530

    use context-selector in siteReport component

commit d11bb020149731abe907ffdee41172f297373502
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 20:33:13 2024 +0530

    use context-selector inside components

commit 0dbcb5d5e6d7404b586a27646f5f838c99dca548
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 19:33:28 2024 +0530

    fix: conditionally update dropdown flag on cookies menu item

commit 8e84257f0f81e9163247be434585c9a653fd9b28
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 18:29:27 2024 +0530

    ref: use callbacks to render UI elements

commit 6b3d980e01e2ac79ebcab199b07035f6b2eba6ed
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:38:52 2024 +0530

    ref: import useContextSelector from common package

commit 080009ca921e0b89fdf95eede45763c75f75b65d
Merge: 94927caa 002f3319
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:37:32 2024 +0530

    Merge branch 'ref/move-context-selector' into ref/provider-to-sidebar

commit 94927caac27b98c240d971aacf9006d477c3bb2e
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:37:15 2024 +0530

    ref: break UI to new component for using useSidebar hook

commit 01301d5638e28a5a649e038be5244e92f1bf43d9
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:36:39 2024 +0530

    pef: add provider to useSidebar hook

commit 002f33191db4e5bb43d31ff51fcc8d3fae608df4
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 15:29:41 2024 +0530

    ref: import useContextSelector from common package

commit aa5167ed46cdf6230b076e75cf870bdaf0074bc9
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 15:22:32 2024 +0530

    perf: improve conditional check for array of objects

commit c6874ed46ff89ccdbec15121f1d63700821de8f8
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 14:30:19 2024 +0530

    Move useContextSelector to common package

* Organise cookies section.

* ref: rename component

* ref: structure cookie landing page on dashboard

* ref: create dummy UI for matrix

* ref: update usage of matrix

* ref: add expand prop

* export componentS

* Squashed commit of the following:

commit a80cde28e91780b0d398705ae2a015601faced48
Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
Date:   Thu Feb 29 13:02:20 2024 +0530

    Enhancement: Add context provider to table (#485)

    * use state and effect instead of memo

    * Squashed commit of the following:

    commit 735275793e3bdaa159ec76ab5c199f0511f682be
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Thu Feb 8 13:51:59 2024 +0530

        ref: replace useMemo with state

    commit b690c6b971a59b9b3bb2f09a94fb1a8ffa673738
    Merge: 1e4f8624 bdfb3a16
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Thu Feb 8 11:41:58 2024 +0530

        Merge branch 'develop' into ref/optimize-table

    commit 1e4f8624f591e4c4dee6479f49e43cd9b2bb1571
    Merge: 1f52d883 d5fa3ae0
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Wed Feb 7 17:30:25 2024 +0530

        Merge branch 'develop' into ref/optimize-table

    commit 1f52d88343d14c10425ebce391499bae5ead6405
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Wed Feb 7 15:39:35 2024 +0530

        fix: handle click on parent

    commit 9ba692e031b2f9e6e68e3abb92c48b11a76cf795
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Wed Feb 7 14:23:01 2024 +0530

        ref: calculate flags inside the component

    commit 2685a6909cc371204b20cd8b3f97ad5fc9e42a18
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 23:03:38 2024 +0530

        ref: move code to utils

    commit 42c224f779c0b572ee6865258e89fd5d5bffeb06
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 21:37:43 2024 +0530

        chore: use optional chain

    commit c8b842df2a0c9acfbb4a015b48c106b32709dd56
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 21:28:03 2024 +0530

        ref: handle vertical bar condition from outside component

    commit c488bc36a8c6505be9276cde05b53570b838b6ea
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 19:00:25 2024 +0530

        ref: allow adding of styles conditionally to table row from outside component

    commit 59772dd396f33c6355888863055caa9298818645
    Merge: f7417df2 0f05f4f3
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 16:57:33 2024 +0530

        Merge branch 'develop' into test/optimize-table

    commit f7417df2b9f278385d0d44bfa93ba6b2d23cf8f6
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 15:33:04 2024 +0530

        ref: pass callbacks into provider and remove from props

    commit 5ee9e481e5dc96fa438adefb3caf9f0d359b96a2
    Merge: 8598f2f3 d051f50e
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Mon Feb 5 12:32:18 2024 +0530

        Merge branch 'develop' into test/optimize-table

    commit 8598f2f33f877cc003e9b0c16f572b501d62d876
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Mon Feb 5 11:56:00 2024 +0530

        enhancement: implement useContextSelector for table hook

    commit facaec2a9e397b0c606fea63d727ed7fd1de7863
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Thu Feb 1 18:21:58 2024 +0530

        use state and effect instead of memo

    * test: update testcases

    * ref: use callbacks to render elements and not store in state

    * ref: update table in technologies table

    * ref: use callback to render extra interface in table top bar

    * fix: use callback for extracting classes

    * fix: add prop tp not export table in dashboard

    * fix: move index based styles to component

    * enhancement: allow tailwind styles from ts files

    * test: update testcases

    * test: not passing empty string for cell

    * test: remove skip from filters test

    * ref: break useTable context store to smaller files and update imports

    * ref: update var name

    * Add todo comment

    * ref: update props default values and remove comments

    * test: change import

    * ref: update context imports

commit b941784b91e3a46859bfcac52291b0d9136347d4
Merge: 2eb67159 a38b3b2c
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Wed Feb 28 01:34:46 2024 +0530

    Merge branch 'main' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

commit a38b3b2c2d78ae2984351de811b0340144b4b82c
Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date:   Wed Feb 28 00:52:40 2024 +0530

    Chore(deps): Bump es5-ext from 0.10.62 to 0.10.64 (#533)

    Bumps [es5-ext](https://github.com/medikoo/es5-ext) from 0.10.62 to 0.10.64.
    - [Release notes](https://github.com/medikoo/es5-ext/releases)
    - [Changelog](https://github.com/medikoo/es5-ext/blob/main/CHANGELOG.md)
    - [Commits](https://github.com/medikoo/es5-ext/compare/v0.10.62...v0.10.64)

    ---
    updated-dependencies:
    - dependency-name: es5-ext
      dependency-type: indirect
    ...

    Signed-off-by: dependabot[bot] <support@github.com>
    Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

commit b679abd97297a9d1066d7d96541ced794c8ebb9c
Merge: 125aecd3 e2e15301
Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
Date:   Tue Feb 27 11:14:28 2024 +0800

    Merge pull request #530 from GoogleChromeLabs/chore/rename-third-party

    Rename `third_party` to `assets`

commit e2e15301dc4fd307521cf25a0ba033a98aeb724a
Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
Date:   Tue Feb 27 11:08:37 2024 +0800

    Rename `third_party` to `assets`

commit 125aecd31d169e032966f19a1a6d9c1ebf9e3b20
Merge: 0a9ce908 bc7ce7d6
Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
Date:   Tue Feb 20 20:40:55 2024 +0530

    Merge pull request #510 from GoogleChromeLabs/develop

    v0.5.1

commit 0a9ce908f355eb6234575aac78e83dddd775ff01
Merge: a9108fc8 97e74d89
Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
Date:   Wed Feb 14 09:14:13 2024 +0530

    Merge pull request #490 from brdaugherty/patch-1

    Nit: remove unneeded word

commit a9108fc8cbe8bf0668da3636e84b39c8a426d8cf
Merge: 8d448466 69b140be
Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
Date:   Wed Feb 14 05:58:55 2024 +0530

    Merge pull request #492 from GoogleChromeLabs/fix/launcher-dev-tool-default

    [Main] Disable auto opening of Chrome DevTools by default for all tabs

commit 97e74d8957629e03e1386172f14799c6c6f28e22
Author: Brian Daugherty <brdaugherty@gmail.com>
Date:   Tue Feb 13 09:49:54 2024 -0700

    Nit: remove unneeded word

* Squashed commit of the following:

commit caf89012083e03c8e5a1df755de03a83104035fb
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 29 13:07:41 2024 +0530

    Squashed commit of the following:

    commit a80cde28e91780b0d398705ae2a015601faced48
    Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
    Date:   Thu Feb 29 13:02:20 2024 +0530

        Enhancement: Add context provider to table (#485)

        * use state and effect instead of memo

        * Squashed commit of the following:

        commit 735275793e3bdaa159ec76ab5c199f0511f682be
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Thu Feb 8 13:51:59 2024 +0530

            ref: replace useMemo with state

        commit b690c6b971a59b9b3bb2f09a94fb1a8ffa673738
        Merge: 1e4f8624 bdfb3a16
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Thu Feb 8 11:41:58 2024 +0530

            Merge branch 'develop' into ref/optimize-table

        commit 1e4f8624f591e4c4dee6479f49e43cd9b2bb1571
        Merge: 1f52d883 d5fa3ae0
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Wed Feb 7 17:30:25 2024 +0530

            Merge branch 'develop' into ref/optimize-table

        commit 1f52d88343d14c10425ebce391499bae5ead6405
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Wed Feb 7 15:39:35 2024 +0530

            fix: handle click on parent

        commit 9ba692e031b2f9e6e68e3abb92c48b11a76cf795
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Wed Feb 7 14:23:01 2024 +0530

            ref: calculate flags inside the component

        commit 2685a6909cc371204b20cd8b3f97ad5fc9e42a18
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 23:03:38 2024 +0530

            ref: move code to utils

        commit 42c224f779c0b572ee6865258e89fd5d5bffeb06
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 21:37:43 2024 +0530

            chore: use optional chain

        commit c8b842df2a0c9acfbb4a015b48c106b32709dd56
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 21:28:03 2024 +0530

            ref: handle vertical bar condition from outside component

        commit c488bc36a8c6505be9276cde05b53570b838b6ea
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 19:00:25 2024 +0530

            ref: allow adding of styles conditionally to table row from outside component

        commit 59772dd396f33c6355888863055caa9298818645
        Merge: f7417df2 0f05f4f3
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 16:57:33 2024 +0530

            Merge branch 'develop' into test/optimize-table

        commit f7417df2b9f278385d0d44bfa93ba6b2d23cf8f6
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 15:33:04 2024 +0530

            ref: pass callbacks into provider and remove from props

        commit 5ee9e481e5dc96fa438adefb3caf9f0d359b96a2
        Merge: 8598f2f3 d051f50e
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Mon Feb 5 12:32:18 2024 +0530

            Merge branch 'develop' into test/optimize-table

        commit 8598f2f33f877cc003e9b0c16f572b501d62d876
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Mon Feb 5 11:56:00 2024 +0530

            enhancement: implement useContextSelector for table hook

        commit facaec2a9e397b0c606fea63d727ed7fd1de7863
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Thu Feb 1 18:21:58 2024 +0530

            use state and effect instead of memo

        * test: update testcases

        * ref: use callbacks to render elements and not store in state

        * ref: update table in technologies table

        * ref: use callback to render extra interface in table top bar

        * fix: use callback for extracting classes

        * fix: add prop tp not export table in dashboard

        * fix: move index based styles to component

        * enhancement: allow tailwind styles from ts files

        * test: update testcases

        * test: not passing empty string for cell

        * test: remove skip from filters test

        * ref: break useTable context store to smaller files and update imports

        * ref: update var name

        * Add todo comment

        * ref: update props default values and remove comments

        * test: change import

        * ref: update context imports

    commit b941784b91e3a46859bfcac52291b0d9136347d4
    Merge: 2eb67159 a38b3b2c
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Wed Feb 28 01:34:46 2024 +0530

        Merge branch 'main' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

    commit a38b3b2c2d78ae2984351de811b0340144b4b82c
    Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
    Date:   Wed Feb 28 00:52:40 2024 +0530

        Chore(deps): Bump es5-ext from 0.10.62 to 0.10.64 (#533)

        Bumps [es5-ext](https://github.com/medikoo/es5-ext) from 0.10.62 to 0.10.64.
        - [Release notes](https://github.com/medikoo/es5-ext/releases)
        - [Changelog](https://github.com/medikoo/es5-ext/blob/main/CHANGELOG.md)
        - [Commits](https://github.com/medikoo/es5-ext/compare/v0.10.62...v0.10.64)

        ---
        updated-dependencies:
        - dependency-name: es5-ext
          dependency-type: indirect
        ...

        Signed-off-by: dependabot[bot] <support@github.com>
        Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

    commit b679abd97297a9d1066d7d96541ced794c8ebb9c
    Merge: 125aecd3 e2e15301
    Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
    Date:   Tue Feb 27 11:14:28 2024 +0800

        Merge pull request #530 from GoogleChromeLabs/chore/rename-third-party

        Rename `third_party` to `assets`

    commit e2e15301dc4fd307521cf25a0ba033a98aeb724a
    Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
    Date:   Tue Feb 27 11:08:37 2024 +0800

        Rename `third_party` to `assets`

    commit 125aecd31d169e032966f19a1a6d9c1ebf9e3b20
    Merge: 0a9ce908 bc7ce7d6
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Tue Feb 20 20:40:55 2024 +0530

        Merge pull request #510 from GoogleChromeLabs/develop

        v0.5.1

    commit 0a9ce908f355eb6234575aac78e83dddd775ff01
    Merge: a9108fc8 97e74d89
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Wed Feb 14 09:14:13 2024 +0530

        Merge pull request #490 from brdaugherty/patch-1

        Nit: remove unneeded word

    commit a9108fc8cbe8bf0668da3636e84b39c8a426d8cf
    Merge: 8d448466 69b140be
    Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
    Date:   Wed Feb 14 05:58:55 2024 +0530

        Merge pull request #492 from GoogleChromeLabs/fix/launcher-dev-tool-default

        [Main] Disable auto opening of Chrome DevTools by default for all tabs

    commit 97e74d8957629e03e1386172f14799c6c6f28e22
    Author: Brian Daugherty <brdaugherty@gmail.com>
    Date:   Tue Feb 13 09:49:54 2024 -0700

        Nit: remove unneeded word

commit 7b3272e6c979ea8441849801e0a1e9d8d0331f95
Merge: b9a6f64d 2eb67159
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Mon Feb 26 15:19:46 2024 +0530

    Merge branch 'develop' into ref/provider-to-sidebar

commit b9a6f64d61f8a68c9347f76e49f8173d2fd99767
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Mon Feb 26 15:06:07 2024 +0530

    fix: remove component state and use from props

commit 8d19cf58ba8d3c54081c9d844aa9b850ef13bfd3
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 13:40:07 2024 +0530

    fix: remove managing of dropdown flag from layout

commit 8e925a316a1cc61863e7d5471b22a826a65a1855
Merge: 0f66f5a0 3231895e
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 10:43:25 2024 +0530

    Merge branch 'ref/move-context-selector' into ref/provider-to-sidebar

commit 3231895e1a8cdcba38997a31089928ed8b6e15b8
Merge: be86aa19 bc7ce7d6
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 10:40:53 2024 +0530

    Merge branch 'develop' into ref/move-context-selector

commit be86aa1951cc6f177ef5c106ad470faa341f3303
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 10:39:01 2024 +0530

    Squashed commit of the following:

    commit bc7ce7d6d3580f767eecbb61118bdefb3ba51476
    Merge: 4e510b2d 59622d03
    Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 20:19:35 2024 +0530

        Merge branch 'develop' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

    commit 4e510b2d992973f0b16b48ce70261d58e57cce0b
    Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 20:19:13 2024 +0530

        Fix the reload button staying on the popup.

    commit 59622d035c8ed70212140c239b155e00a205dbde
    Author: nirwalayush <coding.carrots@gmail.com>
    Date:   Tue Feb 20 20:14:51 2024 +0530

        fix: fix details panel showing unknown reason message

    commit 809bc380da26f85c5247c1c2dd5a621120afd14e
    Author: Amoghavarsha Kudaligi <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 18:27:30 2024 +0530

        Add <br/> for uniformity.
        Remove top padding from blocking direction.

    commit 27242bee857b92b726ca2727914d823a7730c717
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 20 17:50:11 2024 +0530

        fix: add flags to not highlight rows

    commit 38474893a1ee37f06871200fa29aff323eca4b68
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:04:36 2024 +0530

        Run audit fix

    commit 35af0b45601f325b532bd94467f6d77785a72eed
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:04:06 2024 +0530

        Bump version

    commit 7c74c6a9427c5fce73621138f0a52f4817a172b6
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:02:07 2024 +0530

        Update rws data

    commit 89378d6a371c43afc1cf873032d4faf844a0fb03
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:01:45 2024 +0530

        Update cookie database

    commit 595f1a79e9e9ccfa306a8af57936b28492b74062
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 16:00:14 2024 +0530

        Update changelog

    commit ed0823dc52ea86b657c01f1c79f51aa2af357fb7
    Author: Ayush Nirwal <53055971+ayushnirwal@users.noreply.github.com>
    Date:   Tue Feb 20 15:48:21 2024 +0530

        style-fix: scale up prefix icons in table (#514)

    commit 0ad08a3c338689e6fbd3378ae2d13f5427e46cc7
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Tue Feb 20 15:42:20 2024 +0530

        Add UTM params to outgoing links (#512)

        * Add utility function and its test case adding utm params

        * Move util function to common

        * Make util function to handle # URLs and use for latest news and quick links

        * Add UTM links to faciliated testing

        * Update test for dev doc

        * Update link to file issue

        * Remove param from github.com

        * Add utm params to more links

        * Add utm params to all help urls

        * Add utm params to youtube as well

        * Fix tests

    commit 9fad9001d1fa5c162ded61bb42e0f09c10dcc01f
    Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 15:41:44 2024 +0530

        Fix: keep service worker alive (#513)

        * Keep service worker alive once it is profile is started.

        * Add peroidic intervals to send data to devtools and popup for old profile.

        * Remove addition of interval on windows creation.

        * Keep setInverval in the chrome.windows.onCreated.

    commit bd1624bb1e222ffa839f16ad5fb7b5058ba03dac
    Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
    Date:   Tue Feb 20 13:23:02 2024 +0530

        Remove relative property. (#511)

        Change messageing for toast message.

    commit 7794a22c5c6ab36b5ab7a6e086ba66912b22c3bb
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 10:01:04 2024 +0530

        Chore: Remove logs used for debugging empty cookies

    commit 789a40aa38ca781b9830b38a0a24f94fc59e657e
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Tue Feb 20 09:58:10 2024 +0530

        Fix popup ui issue

    commit dd1b286c7520240a3189d2e02229827518da95ed
    Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
    Date:   Mon Feb 19 20:28:19 2024 +0530

        Enhancement: Update cookie's blocking status enum and UI (#507)

        * ref: add enums for blocking status

        * fix: update deriveBlocking utils

        * feat: add icons and the extractors

        * feat: conditionally render icons

        * test-fix: update deriveBlockingStatus test

        * fix: don't hightlight rows when not using CDP

        * ref: update comment

        * fix: decrease padding

        * fix:manage expiring cookies

        ---------

        Co-authored-by: nirwalayush <coding.carrots@gmail.com>
        Co-authored-by: sayedtaqui <sayedwp@gmail.com>

    commit 4fea48668120fb4cb12487a76656e80c96c1acbe
    Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
    Date:   Mon Feb 19 18:20:30 2024 +0530

        Two-step process for toggling CDP state (#494)

        * Add a toast message component in design-system.
        Add mechanism in place to reload all the tabs.
        Add mechanism to show the reload button in the devtools.

        * Add toast message in the popup.

        * Persist toastmessage on reload of extension

        * Add styling to toast message

        * Add a button to match the chrome://flags toast-message.

        * Add a button to the popup.

        * Fix the order of firing of events.

        * Reduce Padding.

        * Reduce vertical padding.

        * Fix the text and add toast message in popup.

        * Add fullstop to the popup messaging.

        * Shorten the devtools message.

        * Remove persistence of the toastMessage

        * use sessionStorage instead of localStorage from web api

        * Fix refresh of the cookies.

        * revert changes.

        * Fix component showing analyse this tab on newtab open.

        * Fix service worker popup connection.

        * Fix the messaging.

        * Fix value being set add new state for display.

        * Fix 0 cookies landing page on multitab debugging issue.

        * Fix padding and the design.

        * Add breakpoints for the button.
        Add breakpoints for text.

        * Fix the fontsize

        * Fix breakpoints

        * Fix text for button.

        * Fix message not showing up in popup.

        * Add comment to listener.
        Add default case to switch block.

        * ref: use absolute to spread toast message

        * Fix the toastmessage while scrolling.

        ---------

        Co-authored-by: Mayank Rana <mayankranax1@gmail.com>

    commit f7c47748537c8ae13cb4ed33ee35340792cba2b5
    Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
    Date:   Mon Feb 19 17:48:22 2024 +0530

        Refactor: Restructure `Facilitated Testing` landing page UI (#493)

        * add timeline icon

        * ref: restructure UI replicating infocard one

        * ref: update landing page width

        * styles: add breakpoints for bigger screens

        * ref: update the order

    commit f7757ad382c3ed2402d4b7b5e05f7d9be0dce0b5
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Mon Feb 19 17:45:02 2024 +0530

        Fix: Library detection miscellaneous QA issues (#495)

        * Add GIS_EXCEPTIONS and GSIv2_EXCEPTIONS which remove the given feature from UI

        * Review comments address - Developer Testing Pending

        * Add Testcases for filterMatchesBasedOnExceptions

        * Update load delay to 2 sec and show page loading text when page is loading

        * Fix issue where when all signatures are filtered empty state wasnt showing properly

        ---------

        Co-authored-by: Manoj Mohan <jesuismanoj@gmail.com>

    commit 84d62ac89130e210ccb8581a6e6946c721dff588
    Merge: c0ba3b58 88761db2
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Fri Feb 16 21:31:14 2024 +0530

        Merge branch 'develop' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

    commit c0ba3b58794e52305105831ee7a1f4c9e205f745
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Fri Feb 16 21:29:26 2024 +0530

        Add one more log

    commit 88761db25573715c425c59169301276465f98a6d
    Author: Ayush Nirwal <53055971+ayushnirwal@users.noreply.github.com>
    Date:   Fri Feb 16 13:26:08 2024 +0530

        Fix: add conditional rendering in technology details panel (#499)

        * feat:add conditional rendering in technology details panel

        * fix: add message for no description available.

    commit 1f93d3afa79db89761ae4bb9016e6eebb1a430db
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Thu Feb 15 19:34:41 2024 +0530

        Temp: Add logs for debugging

commit 0f66f5a08b511ee72e5a41796f61a810dc5b075c
Merge: ae88bc7f bc7ce7d6
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Wed Feb 21 08:42:43 2024 +0530

    Merge branch 'develop' into ref/provider-to-sidebar

commit ae88bc7fa6bdb7fdfafb0212263e1b63663545e6
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Tue Feb 20 13:29:14 2024 +0530

    Basic setup of UI

commit cf1c60cbf403c1f076a923a26528d25caa658398
Merge: 8cad0afd 7794a22c
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Tue Feb 20 13:14:03 2024 +0530

    Merge branch 'develop' into ref/provider-to-sidebar

commit 8cad0afdee0d6b83630aa79f21a89c9825cff9b3
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Tue Feb 20 12:33:54 2024 +0530

    feat: add new key for allowing query string for activePanel

commit 01f10a3978fc831d0fe29263262c0f44ecf43ee4
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 20:46:06 2024 +0530

    use context-selector in siteMapReport component

commit fae277cb9a611f879ba7966fc5c8001c9d1d2591
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 20:37:56 2024 +0530

    use context-selector in siteReport component

commit d11bb020149731abe907ffdee41172f297373502
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 20:33:13 2024 +0530

    use context-selector inside components

commit 0dbcb5d5e6d7404b586a27646f5f838c99dca548
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 19:33:28 2024 +0530

    fix: conditionally update dropdown flag on cookies menu item

commit 8e84257f0f81e9163247be434585c9a653fd9b28
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 18:29:27 2024 +0530

    ref: use callbacks to render UI elements

commit 6b3d980e01e2ac79ebcab199b07035f6b2eba6ed
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:38:52 2024 +0530

    ref: import useContextSelector from common package

commit 080009ca921e0b89fdf95eede45763c75f75b65d
Merge: 94927caa 002f3319
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:37:32 2024 +0530

    Merge branch 'ref/move-context-selector' into ref/provider-to-sidebar

commit 94927caac27b98c240d971aacf9006d477c3bb2e
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:37:15 2024 +0530

    ref: break UI to new component for using useSidebar hook

commit 01301d5638e28a5a649e038be5244e92f1bf43d9
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 16:36:39 2024 +0530

    pef: add provider to useSidebar hook

commit 002f33191db4e5bb43d31ff51fcc8d3fae608df4
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 15:29:41 2024 +0530

    ref: import useContextSelector from common package

commit aa5167ed46cdf6230b076e75cf870bdaf0074bc9
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 15:22:32 2024 +0530

    perf: improve conditional check for array of objects

commit c6874ed46ff89ccdbec15121f1d63700821de8f8
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 15 14:30:19 2024 +0530

    Move useContextSelector to common package

* test: fix test

* resolve merge issues

* remove unused files

* fix: loop to find deepest child

* test: add sidebar util tests

* Squashed commit of the following:

commit 67389acc206dd97cdddd439ecbbf9f16019ec353
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Fri Mar 1 15:06:12 2024 +0530

    test: add sidebar util tests

commit 09058f4afa67b23c5a064beffbfca63c67e7e14a
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Fri Mar 1 15:05:55 2024 +0530

    fix: loop to find deepest child

commit 440a9bf6aa5670e8d7f45ddc07ef1206aa347168
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Fri Mar 1 13:33:07 2024 +0530

    remove unused files

commit 9bf6c6cf39a77ee093be619a50aa5ed6308abb26
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Fri Mar 1 13:13:42 2024 +0530

    resolve merge issues

commit 005f57df5c7207bf54e2aadd901203abdaa33d50
Merge: caf89012 8ad44f09
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Fri Mar 1 13:13:03 2024 +0530

    Merge branch 'develop' into ref/provider-to-sidebar

commit 8ad44f092b8fd506d3e37448bb7967ed3d49ba23
Merge: 6c7379e3 20cc7147
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Fri Mar 1 11:18:02 2024 +0530

    Merge main and resolve conflicts

commit 6c7379e3ea799d6f1086da4ca3bc5a26612565da
Merge: a80cde28 d8398164
Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
Date:   Fri Mar 1 11:07:15 2024 +0530

    Merge pull request #540 from GoogleChromeLabs/revert-518-fix/allow-list-highlighting

    Revert "Fix: Allow listed rows to highlight after frame change"

commit d8398164bdaeeed2494a6a5719c9be7642ec720d
Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
Date:   Fri Mar 1 11:06:05 2024 +0530

    Revert "Fix: Allow listed rows to highlight after frame change (#518)"

    This reverts commit d7f2ac3185e7527806e647768c8325999a3d399c.

commit caf89012083e03c8e5a1df755de03a83104035fb
Author: Mayank Rana <mayankranax1@gmail.com>
Date:   Thu Feb 29 13:07:41 2024 +0530

    Squashed commit of the following:

    commit a80cde28e91780b0d398705ae2a015601faced48
    Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
    Date:   Thu Feb 29 13:02:20 2024 +0530

        Enhancement: Add context provider to table (#485)

        * use state and effect instead of memo

        * Squashed commit of the following:

        commit 735275793e3bdaa159ec76ab5c199f0511f682be
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Thu Feb 8 13:51:59 2024 +0530

            ref: replace useMemo with state

        commit b690c6b971a59b9b3bb2f09a94fb1a8ffa673738
        Merge: 1e4f8624 bdfb3a16
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Thu Feb 8 11:41:58 2024 +0530

            Merge branch 'develop' into ref/optimize-table

        commit 1e4f8624f591e4c4dee6479f49e43cd9b2bb1571
        Merge: 1f52d883 d5fa3ae0
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Wed Feb 7 17:30:25 2024 +0530

            Merge branch 'develop' into ref/optimize-table

        commit 1f52d88343d14c10425ebce391499bae5ead6405
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Wed Feb 7 15:39:35 2024 +0530

            fix: handle click on parent

        commit 9ba692e031b2f9e6e68e3abb92c48b11a76cf795
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Wed Feb 7 14:23:01 2024 +0530

            ref: calculate flags inside the component

        commit 2685a6909cc371204b20cd8b3f97ad5fc9e42a18
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 23:03:38 2024 +0530

            ref: move code to utils

        commit 42c224f779c0b572ee6865258e89fd5d5bffeb06
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 21:37:43 2024 +0530

            chore: use optional chain

        commit c8b842df2a0c9acfbb4a015b48c106b32709dd56
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 21:28:03 2024 +0530

            ref: handle vertical bar condition from outside component

        commit c488bc36a8c6505be9276cde05b53570b838b6ea
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 19:00:25 2024 +0530

            ref: allow adding of styles conditionally to table row from outside component

        commit 59772dd396f33c6355888863055caa9298818645
        Merge: f7417df2 0f05f4f3
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 16:57:33 2024 +0530

            Merge branch 'develop' into test/optimize-table

        commit f7417df2b9f278385d0d44bfa93ba6b2d23cf8f6
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Tue Feb 6 15:33:04 2024 +0530

            ref: pass callbacks into provider and remove from props

        commit 5ee9e481e5dc96fa438adefb3caf9f0d359b96a2
        Merge: 8598f2f3 d051f50e
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Mon Feb 5 12:32:18 2024 +0530

            Merge branch 'develop' into test/optimize-table

        commit 8598f2f33f877cc003e9b0c16f572b501d62d876
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Mon Feb 5 11:56:00 2024 +0530

            enhancement: implement useContextSelector for table hook

        commit facaec2a9e397b0c606fea63d727ed7fd1de7863
        Author: Mayank Rana <mayankranax1@gmail.com>
        Date:   Thu Feb 1 18:21:58 2024 +0530

            use state and effect instead of memo

        * test: update testcases

        * ref: use callbacks to render elements and not store in state

        * ref: update table in technologies table

        * ref: use callback to render extra interface in table top bar

        * fix: use callback for extracting classes

        * fix: add prop tp not export table in dashboard

        * fix: move index based styles to component

        * enhancement: allow tailwind styles from ts files

        * test: update testcases

        * test: not passing empty string for cell

        * test: remove skip from filters test

        * ref: break useTable context store to smaller files and update imports

        * ref: update var name

        * Add todo comment

        * ref: update props default values and remove comments

        * test: change import

        * ref: update context imports

    commit b941784b91e3a46859bfcac52291b0d9136347d4
    Merge: 2eb67159 a38b3b2c
    Author: sayedtaqui <sayedwp@gmail.com>
    Date:   Wed Feb 28 01:34:46 2024 +0530

        Merge branch 'main' of github.com:GoogleChromeLabs/ps-analysis-tool into develop

    commit a38b3b2c2d78ae2984351de811b0340144b4b82c
    Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
    Date:   Wed Feb 28 00:52:40 2024 +0530

        Chore(deps): Bump es5-ext from 0.10.62 to 0.10.64 (#533)

        Bumps [es5-ext](https://github.com/medikoo/es5-ext) from 0.10.62 to 0.10.64.
        - [Release notes](https://github.com/medikoo/es5-ext/releases)
        - [Changelog](https://github.com/medikoo/es5-ext/blob/main/CHANGELOG.md)
        - [Commits](https://github.com/medikoo/es5-ext/compare/v0.10.62...v0.10.64)

        ---
        updated-dependencies:
        - dependency-name: es5-ext
          dependency-type: indirect
        ...

        Signed-off-by: dependabot[bot] <support@github.com>
        Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

    commit b679abd97297a9d1066d7d96541ced794c8ebb9c
    Merge: 125aecd3 e2e15301
    Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
    Date:   Tue Feb 27 11:14:28 2024 +0800

        Merge pull request #530 from GoogleChromeLabs/chore/rename-third-party

        Rename `third_party` to `assets`

    commit e2e15301dc4fd307521cf25a0ba033a98aeb724a
    Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
    Date:   Tue Feb 27 11:08:37 2024 +0800

        Rename `third_party` to `assets`

    commit 125aecd31d169e032966f19a1a6d9c1ebf9e3b20
    Merge: 0a9ce908 bc7ce7d6
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Tue Feb 20 20:40:55 2024 +0530

        Merge pull request #510 from GoogleChromeLabs/develop

        v0.5.1

    commit 0a9ce908f355eb6234575aac78e83dddd775ff01
    Merge: a9108fc8 97e74d89
    Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
    Date:   Wed Feb 14 09:14:13 2024 +0530

        Merge pull request #490 from brdaugherty/patch-1

        Nit: remove unneeded word

    commit a9108fc8cbe8bf0668da3636e84b39c8a426d8cf
    Merge: 8d448466 69b140be
    Author: Gagan Deep Singh <gagandeep.singh@rtcamp.com>
    Date:   Wed Feb 14 05:58:55 2024 +0530

        Merge pull request #492 from GoogleChromeLabs/fix/launcher-dev-tool-default

        [Main] Disable auto opening of Chrome DevTools by default for all tabs

    commit 97e74d8957629e03e1386172f14799c6c6f28e22
    Author: Brian Daugherty <brdaugherty@gmail.com>
    Date:   Tue Feb 13 09:49:54 2024 -0700

        Nit: remove unneeded word

commit a80cde28e91780b0d398705ae2a015601faced48
Author: Mayank Rana <58820001+mayan-000@users.noreply.github.com>
Date:   Thu Feb 29 13:02:20 2024 +0530

    Enhancement: Add context provider to table (#485)

    * use state and effect instead of memo

    * Squashed commit of the following:

    commit 735275793e3bdaa159ec76ab5c199f0511f682be
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Thu Feb 8 13:51:59 2024 +0530

        ref: replace useMemo with state

    commit b690c6b971a59b9b3bb2f09a94fb1a8ffa673738
    Merge: 1e4f8624 bdfb3a16
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Thu Feb 8 11:41:58 2024 +0530

        Merge branch 'develop' into ref/optimize-table

    commit 1e4f8624f591e4c4dee6479f49e43cd9b2bb1571
    Merge: 1f52d883 d5fa3ae0
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Wed Feb 7 17:30:25 2024 +0530

        Merge branch 'develop' into ref/optimize-table

    commit 1f52d88343d14c10425ebce391499bae5ead6405
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Wed Feb 7 15:39:35 2024 +0530

        fix: handle click on parent

    commit 9ba692e031b2f9e6e68e3abb92c48b11a76cf795
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Wed Feb 7 14:23:01 2024 +0530

        ref: calculate flags inside the component

    commit 2685a6909cc371204b20cd8b3f97ad5fc9e42a18
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 23:03:38 2024 +0530

        ref: move code to utils

    commit 42c224f779c0b572ee6865258e89fd5d5bffeb06
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 21:37:43 2024 +0530

        chore: use optional chain

    commit c8b842df2a0c9acfbb4a015b48c106b32709dd56
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 21:28:03 2024 +0530

        ref: handle vertical bar condition from outside component

    commit c488bc36a8c6505be9276cde05b53570b838b6ea
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 19:00:25 2024 +0530

        ref: allow adding of styles conditionally to table row from outside component

    commit 59772dd396f33c6355888863055caa9298818645
    Merge: f7417df2 0f05f4f3
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 16:57:33 2024 +0530

        Merge branch 'develop' into test/optimize-table

    commit f7417df2b9f278385d0d44bfa93ba6b2d23cf8f6
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Tue Feb 6 15:33:04 2024 +0530

        ref: pass callbacks into provider and remove from props

    commit 5ee9e481e5dc96fa438adefb3caf9f0d359b96a2
    Merge: 8598f2f3 d051f50e
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Mon Feb 5 12:32:18 2024 +0530

        Merge branch 'develop' into test/optimize-table

    commit 8598f2f33f877cc003e9b0c16f572b501d62d876
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Mon Feb 5 11:56:00 2024 +0530

        enhancement: implement useContextSelector for table hook

    commit facaec2a9e397b0c606fea63d727ed7fd1de7863
    Author: Mayank Rana <mayankranax1@gmail.com>
    Date:   Thu Feb 1 18:21:58 2024 +0530

        use state and effect instead of memo

    * test: update testcases

    * ref: use callbacks to render elements and not store in state

    * ref: update table in technologies table

    * ref: use callback to render extra interface in table top bar

    * fix: use callback for extracting classes

    * fix: add prop tp not export table in dashboard

    * fix: move index based styles to component

    * enhancement: allow tailwind styles from ts files

    * test: update testcases

    * test: not passing empty string for cell

    * test: remove skip from filters test

    * ref: break useTable context store to smaller files and update imports

    * ref: update var name

    * Add todo comment

    * ref: update props default values and remove comments

    * test: change import

    * ref: update context imports

commit 20cc7147887f25c977e8cd4fb11e227b7e4f4e74
Merge: a38b3b2c 30f77789
Author: Mohammad Taqui Sayed <6297436+mohdsayed@users.noreply.github.com>
Date:   Wed Feb 28 18:06:16 2024 +0530

    Merge pull request #532 from GoogleChromeLabs/release/v0.5.2

    v0.5.2

commit 30f77789c1266b896c9213c0da4a3148c0d90e62
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Wed Feb 28 17:48:01 2024 +0530

    Bump version

commit 26778ac9d2cae2e0faffbc1cbd68c4f9eb97e1d7
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Wed Feb 28 17:43:15 2024 +0530

    Update rws data

commit 1b184df72d6c960c1e42891d1989daf273956851
Author: sayedtaqui <sayedwp@gmail.com>
Date:   Wed Feb 28 17:40:52 2024 +0530

    Update changelog

commit b1a6d4cc782550052275b4fd182fc2a7a38dc1f3
Author: Kudaligi Amoghavarsha <kgamoghavarsha@gmail.com>
Date:   Wed Feb 28 17:23:28 2024 +0530

    Fix: Show unmapped cookies from CDP in `Unknown Frames` (#527)

    * Add capability to show cookies without associated frameId in the unknown frames.

    * Add unknown frames in frame list

    * Prettify conditions.

    * Rename unmapped frames to unmapped cookies

    * Remove log

    * change the hover title message.

    * Add another constant ORPHANED_COOKIE_KEY and reference it in devtools.

    * Fix conditions for showing frame with cookies.

    * Increase readbility of code.

    * Add info icon and hover message for info icon.

    * Update info text

    ---------

…

Loading branch information

4 people authored Apr 5, 2024

1 parent 8b45178 commit d5cec37

packages/cli-dashboard/src/components/siteMapReport/layout.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -25,11 +25,11 @@ import {
  
      Sidebar,

      useSidebar,

      type SidebarItems,

      SIDEBAR_ITEMS_KEYS,

    } from '@ps-analysis-tool/design-system';

    import {

      type TabFrames,

      type TechnologyData,

      UNKNOWN_FRAME_KEY,

      type CookieFrameStorageType,

      type CompleteJson,

    } from '@ps-analysis-tool/common';

    @@ -73,15 +73,6 @@ const Layout = ({
  
        setSites(Array.from(_sites));

      }, [cookies]);

      const frames = useMemo(() => {

        return Object.keys(cookies).reduce((acc, frame) => {

          if (frame?.includes('http') || frame === UNKNOWN_FRAME_KEY) {

            acc[frame] = {} as TabFrames[string];

          }

          return acc;

        }, {} as TabFrames);

      }, [cookies]);

      const reshapedCookies = useMemo(

        () => reshapeCookies(landingPageCookies),

        [landingPageCookies]

    @@ -130,11 +121,15 @@ const Layout = ({
  
        setSidebarData((prev) => {

          const _data = { ...prev };

          _data['sitemap-landing-page'].panel = {

          _data[SIDEBAR_ITEMS_KEYS.COOKIES].panel = {

            Element: CookiesLandingContainer,

            props: {

              tabCookies: reshapedCookies,

              tabFrames: frames,

              tabFrames: sites.reduce<TabFrames>((acc, site) => {

                acc[site] = {} as TabFrames[string];

                return acc;

              }, {}),

              cookiesWithIssues,

              downloadReport: () => {

                if (!Array.isArray(completeJson)) {

    @@ -146,7 +141,7 @@ const Layout = ({
  
            },

          };

          _data['sitemap-landing-page'].children = sites.reduce(

          _data[SIDEBAR_ITEMS_KEYS.COOKIES].children = sites.reduce(

            (acc: SidebarItems, site: string) => {

              acc[site] = {

                title: site,

    @@ -173,7 +168,7 @@ const Layout = ({
  
            {}

          );

          _data['sitemap-cookies-with-issues'].panel = {

          _data[SIDEBAR_ITEMS_KEYS.COOKIES_WITH_ISSUES].panel = {

            Element: SiteMapCookiesWithIssues,

            props: {

              cookies: Object.values(reshapedCookies).filter(

    @@ -187,7 +182,6 @@ const Layout = ({
  
      }, [

        completeJson,

        cookiesWithIssues,

        frames,

        isKeySelected,

        reshapedCookies,

        setSidebarData,

    @@ -198,7 +192,7 @@ const Layout = ({
  
      useEffect(() => {

        if (selectedItemKey === null && Object.keys(sidebarData).length > 0) {

          updateSelectedItemKey('sitemap-landing-page');

          updateSelectedItemKey(SIDEBAR_ITEMS_KEYS.COOKIES);

        }

      }, [isKeySelected, selectedItemKey, sidebarData, updateSelectedItemKey]);

packages/cli-dashboard/src/components/siteMapReport/sidebarData.ts

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -19,15 +19,17 @@
  
    import {

      CookieIcon,

      CookieIconWhite,

      SIDEBAR_ITEMS_KEYS,

      type SidebarItems,

    } from '@ps-analysis-tool/design-system';

    const sidebarData: SidebarItems = {

      'sitemap-landing-page': {

      [SIDEBAR_ITEMS_KEYS.COOKIES]: {

        title: 'Sitemap Report',

        children: {},

        dropdownOpen: true,

      },

      'sitemap-cookies-with-issues': {

      [SIDEBAR_ITEMS_KEYS.COOKIES_WITH_ISSUES]: {

        title: 'Cookies With Issues',

        children: {},

        icon: {

packages/cli-dashboard/src/components/siteReport/components/layout.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -26,6 +26,7 @@ import {
  
      type SidebarItems,

      SiteBoundariesIcon,

      SiteBoundariesIconWhite,

      SIDEBAR_ITEMS_KEYS,

    } from '@ps-analysis-tool/design-system';

    import { UNKNOWN_FRAME_KEY } from '@ps-analysis-tool/common';

    @@ -80,7 +81,7 @@ const Layout = ({ selectedSite, setSidebarData }: LayoutProps) => {
  
          const keys = selectedItemKey?.split('#') ?? [];

          _data['cookies'].panel = {

          _data[SIDEBAR_ITEMS_KEYS.COOKIES].panel = {

            Element: CookiesTab,

            props: {

              selectedFrameUrl: null,

    @@ -92,7 +93,7 @@ const Layout = ({ selectedSite, setSidebarData }: LayoutProps) => {
  
            (url) => url === keys[keys.length - 1]

          );

          _data['cookies'].children = frameUrls.reduce(

          _data[SIDEBAR_ITEMS_KEYS.COOKIES].children = frameUrls.reduce(

            (acc: SidebarItems, url: string): SidebarItems => {

              acc[url] = {

                title: url,

    @@ -117,15 +118,15 @@ const Layout = ({ selectedSite, setSidebarData }: LayoutProps) => {
  
            {}

          );

          _data['cookies-with-issues'].panel = {

          _data[SIDEBAR_ITEMS_KEYS.COOKIES_WITH_ISSUES].panel = {

            Element: SiteCookiesWithIssues,

            props: {

              selectedSite,

            },

          };

          if (technologies && technologies.length > 0) {

            _data['technologies'] = {

            _data[SIDEBAR_ITEMS_KEYS.TECHNOLOGIES] = {

              title: 'Technologies',

              children: {},

              icon: {

    @@ -142,7 +143,7 @@ const Layout = ({ selectedSite, setSidebarData }: LayoutProps) => {
  
              },

            };

          } else {

            delete _data['technologies'];

            delete _data[SIDEBAR_ITEMS_KEYS.TECHNOLOGIES];

          }

          return _data;

    @@ -151,15 +152,15 @@ const Layout = ({ selectedSite, setSidebarData }: LayoutProps) => {
  
      useEffect(() => {

        if (selectedItemKey === null) {

          updateSelectedItemKey('cookies');

          updateSelectedItemKey(SIDEBAR_ITEMS_KEYS.COOKIES);

        }

      }, [selectedItemKey, updateSelectedItemKey]);

      const lastSelectedSite = useRef<string | null>(null);

      useEffect(() => {

        if (selectedSite !== lastSelectedSite.current) {

          updateSelectedItemKey('cookies');

          updateSelectedItemKey(SIDEBAR_ITEMS_KEYS.COOKIES);

          lastSelectedSite.current = selectedSite;

        }

      }, [selectedSite, updateSelectedItemKey]);

    @@ -176,7 +177,10 @@ const Layout = ({ selectedSite, setSidebarData }: LayoutProps) => {
  
          >

            <Sidebar />

          </Resizable>

          <div className="flex-1 max-h-screen overflow-auto">

          <div

            className="flex-1 max-h-screen overflow-auto"

            id="dashboard-layout-container"

          >

            {PanelElement && <PanelElement {...props} />}

          </div>

        </div>

...s/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/blockedCookiesSection.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -18,12 +18,14 @@
  
     */

    import React from 'react';

    import {

      CookiesLandingContainer,

      CookiesMatrix,

      MessageBox,

      CookiesLandingWrapper,

      type DataMapping,

      prepareCookieStatsComponents,

      prepareCookiesCount,

      type DataMapping,

      MatrixContainer,

      type MatrixComponentProps,

      LEGEND_DESCRIPTION,

      useFiltersMapping,

    } from '@ps-analysis-tool/design-system';

    import type { TabCookies, TabFrames } from '@ps-analysis-tool/common';

    @@ -32,60 +34,73 @@ interface BlockedCookiesSectionProps {
  
      cookiesWithIssues: TabCookies | null;

      tabFrames: TabFrames | null;

    }

    const BlockedCookiesSection = ({

      tabCookies,

      cookiesWithIssues,

      tabFrames,

    }: BlockedCookiesSectionProps) => {

      const cookiesStats = prepareCookiesCount(tabCookies);

      const cookiesStatsComponents = prepareCookieStatsComponents(cookiesStats);

      const cookieBlockedDataMapping: DataMapping[] = [

      const { selectedItemUpdater } = useFiltersMapping(tabFrames || {});

      const cookieStats = prepareCookiesCount(tabCookies);

      const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats);

      const blockedCookieDataMapping: DataMapping[] = [

        {

          title: 'Blocked cookies',

          count: cookiesStats.blockedCookies.total,

          count: cookieStats.blockedCookies.total,

          data: cookiesStatsComponents.blocked,

          onClick: () => selectedItemUpdater('All', 'blockedReasons'),

        },

      ];

      const dataComponents: MatrixComponentProps[] =

        cookiesStatsComponents.blockedCookiesLegend.map((component) => {

          const legendDescription = LEGEND_DESCRIPTION[component.label] || '';

          return {

            ...component,

            description: legendDescription,

            title: component.label,

            containerClasses: '',

            onClick: (title: string) =>

              selectedItemUpdater(title, 'blockedReasons'),

          };

        });

      const blockedCookieStats = prepareCookiesCount(cookiesWithIssues);

      const blockedCookiesStats = prepareCookiesCount(cookiesWithIssues);

      const blockedCookiesStatsComponents =

        prepareCookieStatsComponents(blockedCookieStats);

        prepareCookieStatsComponents(blockedCookiesStats);

      const blockedDataComponents: MatrixComponentProps[] =

        blockedCookiesStatsComponents.legend.map((component) => {

          const legendDescription = LEGEND_DESCRIPTION[component.label] || '';

          return {

            ...component,

            description: legendDescription,

            title: component.label,

            containerClasses: '',

          };

        });

      return (

        <CookiesLandingContainer

          dataMapping={cookieBlockedDataMapping}

        <CookiesLandingWrapper

          dataMapping={blockedCookieDataMapping}

          testId="blocked-cookies-insights"

        >

          {!cookiesStats ||

            (cookiesStats?.firstParty.total === 0 &&

              cookiesStats?.thirdParty.total === 0 && (

                <MessageBox

                  headerText="No cookies found on this page"

                  bodyText="Please try reloading the page"

                />

              ))}

          <CookiesMatrix

            tabCookies={cookiesWithIssues}

            componentData={cookiesStatsComponents.blockedCookiesLegend}

            tabFrames={tabFrames}

            description=""

            infoIconTitle="Cookies that have been blocked by the browser.(The total count might not be same as cumulative reason count because cookie might be blocked due to more than 1 reason)."

            showInfoIcon={true}

            showHorizontalMatrix={false}

            allowExpand={true}

          />

          <CookiesMatrix

            tabCookies={cookiesWithIssues}

            componentData={blockedCookiesStatsComponents.legend}

            tabFrames={tabFrames}

            description=""

            showInfoIcon={false}

            showHorizontalMatrix={false}

            allowExpand={false}

          />

        </CookiesLandingContainer>

          {dataComponents.length > 0 && (

            <>

              <MatrixContainer

                title="Blocked Reasons"

                matrixData={dataComponents}

                infoIconTitle="Cookies that have been blocked by the browser.(The total count might not be same as cumulative reason count because cookie might be blocked due to more than 1 reason)."

              />

              <div className="flex flex-col mt-8">

                <div className="pt-4">

                  <MatrixContainer

                    matrixData={blockedDataComponents}

                    allowExpand={false}

                  />

                </div>

              </div>

            </>

          )}

        </CookiesLandingWrapper>

      );

    };

    export default BlockedCookiesSection;

...mponents/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/cookiesSection.tsx

            
                      Original file line number
                      Diff line number
                      Diff line change
                  
    @@ -16,14 +16,15 @@
  
    /**

     * External dependencies

     */

    import React from 'react';

    import React, { useMemo } from 'react';

    import {

      CookiesLandingContainer,

      CookiesLandingWrapper,

      CookiesMatrix,

      MessageBox,

      prepareCookieDataMapping,

      prepareCookieStatsComponents,

      prepareCookiesCount,

      useFiltersMapping,

    } from '@ps-analysis-tool/design-system';

    import type { TabCookies, TabFrames } from '@ps-analysis-tool/common';

    /**

    @@ -35,15 +36,26 @@ interface CookiesSectionProps {
  
      tabFrames: TabFrames | null;

    }

    const CookiesSection = ({ tabCookies, tabFrames }: CookiesSectionProps) => {

      const { selectedItemUpdater } = useFiltersMapping(tabFrames || {});

      const cookieStats = prepareCookiesCount(tabCookies);

      const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats);

      const cookieClassificationDataMapping = prepareCookieDataMapping(

        cookieStats,

        cookiesStatsComponents

        cookiesStatsComponents,

        selectedItemUpdater

      );

      const cookieComponentData = useMemo(() => {

        return cookiesStatsComponents.legend.map((component) => ({

          ...component,

          onClick: (title: string) =>

            selectedItemUpdater(title, 'analytics.category'),

        }));

      }, [cookiesStatsComponents.legend, selectedItemUpdater]);

      return (

        <CookiesLandingContainer

        <CookiesLandingWrapper

          dataMapping={cookieClassificationDataMapping}

          testId="cookies-insights"

        >

    @@ -57,14 +69,11 @@ const CookiesSection = ({ tabCookies, tabFrames }: CookiesSectionProps) => {
  
              ))}

          <CookiesMatrix

            tabCookies={tabCookies}

            componentData={cookiesStatsComponents.legend}

            componentData={cookieComponentData}

            tabFrames={tabFrames}

            description=""

            showInfoIcon={true}

            showHorizontalMatrix={false}

            allowExpand={true}

          />

        </CookiesLandingContainer>

        </CookiesLandingWrapper>

      );

    };

    export default CookiesSection;

0 comments on commit `d5cec37`

Please sign in to comment.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

0 comments on commit `d5cec37`

Commit

There are no files selected for viewing

0 comments on commit d5cec37

0 comments on commit `d5cec37`