@google-psat/design-system 0.14.1 → 1.2.1
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/breadcrumbs/index.jsx +10 -15
- package/dist/components/breadcrumbs/index.jsx.map +1 -1
- package/dist/components/bulletList/index.jsx +6 -14
- package/dist/components/bulletList/index.jsx.map +1 -1
- package/dist/components/bulletList/listRow.jsx +19 -40
- package/dist/components/bulletList/listRow.jsx.map +1 -1
- package/dist/components/button/index.jsx +17 -16
- package/dist/components/button/index.jsx.map +1 -1
- package/dist/components/chipsBar/chip.jsx +5 -10
- package/dist/components/chipsBar/chip.jsx.map +1 -1
- package/dist/components/chipsBar/chipsList.jsx +4 -9
- package/dist/components/chipsBar/chipsList.jsx.map +1 -1
- package/dist/components/chipsBar/index.jsx +12 -14
- package/dist/components/chipsBar/index.jsx.map +1 -1
- package/dist/components/circle/circleEmpty.jsx +4 -9
- package/dist/components/circle/circleEmpty.jsx.map +1 -1
- package/dist/components/circle/index.jsx +3 -8
- package/dist/components/circle/index.jsx.map +1 -1
- package/dist/components/circlePieChart/emptyCirclePieChart.jsx +9 -12
- package/dist/components/circlePieChart/emptyCirclePieChart.jsx.map +1 -1
- package/dist/components/circlePieChart/index.jsx +18 -21
- package/dist/components/circlePieChart/index.jsx.map +1 -1
- package/dist/components/circlePieChart/tooltip.jsx +26 -0
- package/dist/components/circlePieChart/tooltip.jsx.map +1 -0
- package/dist/components/cookieDetails/details.jsx +76 -105
- package/dist/components/cookieDetails/details.jsx.map +1 -1
- package/dist/components/cookieDetails/index.jsx +8 -13
- package/dist/components/cookieDetails/index.jsx.map +1 -1
- package/dist/components/cookieTable/index.jsx +32 -57
- package/dist/components/cookieTable/index.jsx.map +1 -1
- package/dist/components/cookieTable/utils/conditionalTableRowClassesHandler.js +14 -19
- package/dist/components/cookieTable/utils/conditionalTableRowClassesHandler.js.map +1 -1
- package/dist/components/cookieTable/utils/exportCookies.js +6 -8
- package/dist/components/cookieTable/utils/exportCookies.js.map +1 -1
- package/dist/components/cookieTable/utils/index.js +2 -10
- package/dist/components/cookieTable/utils/index.js.map +1 -1
- package/dist/components/cookiesLanding/cookiesLandingWrapper.jsx +6 -11
- package/dist/components/cookiesLanding/cookiesLandingWrapper.jsx.map +1 -1
- package/dist/components/cookiesLanding/cookiesMatrix/index.jsx +19 -20
- package/dist/components/cookiesLanding/cookiesMatrix/index.jsx.map +1 -1
- package/dist/components/cookiesLanding/index.jsx +2 -7
- package/dist/components/cookiesLanding/index.jsx.map +1 -1
- package/dist/components/cookiesLanding/landingHeader/index.jsx +11 -18
- package/dist/components/cookiesLanding/landingHeader/index.jsx.map +1 -1
- package/dist/components/cookiesLanding/useFiltersMapping.jsx +13 -11
- package/dist/components/cookiesLanding/useFiltersMapping.jsx.map +1 -1
- package/dist/components/cookiesLanding/useGlobalFiltering.jsx +77 -83
- package/dist/components/cookiesLanding/useGlobalFiltering.jsx.map +1 -1
- package/dist/components/draggableTray/index.jsx +36 -52
- package/dist/components/draggableTray/index.jsx.map +1 -1
- package/dist/components/dropdown/index.jsx +30 -0
- package/dist/components/dropdown/index.jsx.map +1 -0
- package/dist/components/dropdown/options.jsx +41 -0
- package/dist/components/dropdown/options.jsx.map +1 -0
- package/dist/components/errorFallback/extensionReloadNotification.jsx +5 -11
- package/dist/components/errorFallback/extensionReloadNotification.jsx.map +1 -1
- package/dist/components/errorFallback/index.jsx +6 -11
- package/dist/components/errorFallback/index.jsx.map +1 -1
- package/dist/components/exportButton/index.jsx +7 -12
- package/dist/components/exportButton/index.jsx.map +1 -1
- package/dist/components/filtersSidebar/index.jsx +14 -42
- package/dist/components/filtersSidebar/index.jsx.map +1 -1
- package/dist/components/filtersSidebar/listItem.jsx +20 -50
- package/dist/components/filtersSidebar/listItem.jsx.map +1 -1
- package/dist/components/filtersSidebar/option.jsx +6 -34
- package/dist/components/filtersSidebar/option.jsx.map +1 -1
- package/dist/components/filtersSidebar/subList.jsx +9 -37
- package/dist/components/filtersSidebar/subList.jsx.map +1 -1
- package/dist/components/frameContent/index.jsx +5 -10
- package/dist/components/frameContent/index.jsx.map +1 -1
- package/dist/components/index.js +60 -119
- package/dist/components/index.js.map +1 -1
- package/dist/components/inspectButton/index.jsx +7 -12
- package/dist/components/inspectButton/index.jsx.map +1 -1
- package/dist/components/jsonView/index.js +1 -8
- package/dist/components/jsonView/index.js.map +1 -1
- package/dist/components/jsonView/jsonTheme.js +1 -5
- package/dist/components/jsonView/jsonTheme.js.map +1 -1
- package/dist/components/jsonView/jsonView.jsx +11 -41
- package/dist/components/jsonView/jsonView.jsx.map +1 -1
- package/dist/components/landingPage/LandingPage.jsx +32 -64
- package/dist/components/landingPage/LandingPage.jsx.map +1 -1
- package/dist/components/landingPage/cardsPanel.jsx +33 -44
- package/dist/components/landingPage/cardsPanel.jsx.map +1 -1
- package/dist/components/landingPage/constants.js +1 -4
- package/dist/components/landingPage/constants.js.map +1 -1
- package/dist/components/landingPage/contentPanel.jsx +27 -28
- package/dist/components/landingPage/contentPanel.jsx.map +1 -1
- package/dist/components/landingPage/getStoryPlayerMarkup.js +3 -8
- package/dist/components/landingPage/getStoryPlayerMarkup.js.map +1 -1
- package/dist/components/landingPage/index.jsx +23 -47
- package/dist/components/landingPage/index.jsx.map +1 -1
- package/dist/components/landingPage/infoCard/fetchPSInfo.js +7 -21
- package/dist/components/landingPage/infoCard/fetchPSInfo.js.map +1 -1
- package/dist/components/landingPage/infoCard/index.jsx +28 -58
- package/dist/components/landingPage/infoCard/index.jsx.map +1 -1
- package/dist/components/landingPage/infoCard/learnMoreDropdown.jsx +13 -17
- package/dist/components/landingPage/infoCard/learnMoreDropdown.jsx.map +1 -1
- package/dist/components/landingPage/infoCard/renderLink.jsx +5 -10
- package/dist/components/landingPage/infoCard/renderLink.jsx.map +1 -1
- package/dist/components/landingPage/quickLinksList.jsx +29 -64
- package/dist/components/landingPage/quickLinksList.jsx.map +1 -1
- package/dist/components/landingPage/supportLink.jsx +8 -13
- package/dist/components/landingPage/supportLink.jsx.map +1 -1
- package/dist/components/link/index.jsx +7 -41
- package/dist/components/link/index.jsx.map +1 -1
- package/dist/components/linkProcessor/index.jsx +13 -41
- package/dist/components/linkProcessor/index.jsx.map +1 -1
- package/dist/components/matrix/index.jsx +10 -13
- package/dist/components/matrix/index.jsx.map +1 -1
- package/dist/components/matrix/matrixComponent/index.jsx +6 -11
- package/dist/components/matrix/matrixComponent/index.jsx.map +1 -1
- package/dist/components/matrix/matrixComponent/matrixComponentHorizontal.jsx +4 -9
- package/dist/components/matrix/matrixComponent/matrixComponentHorizontal.jsx.map +1 -1
- package/dist/components/matrixContainer/index.jsx +15 -43
- package/dist/components/matrixContainer/index.jsx.map +1 -1
- package/dist/components/menuBar/index.jsx +31 -69
- package/dist/components/menuBar/index.jsx.map +1 -1
- package/dist/components/menuBar/utils/index.js +1 -8
- package/dist/components/menuBar/utils/index.js.map +1 -1
- package/dist/components/menuBar/utils/isElementInView.js +1 -4
- package/dist/components/menuBar/utils/isElementInView.js.map +1 -1
- package/dist/components/messageBox/index.jsx +8 -11
- package/dist/components/messageBox/index.jsx.map +1 -1
- package/dist/components/multiSelectDropDown/index.jsx +143 -0
- package/dist/components/multiSelectDropDown/index.jsx.map +1 -0
- package/dist/components/pill/index.jsx +2 -7
- package/dist/components/pill/index.jsx.map +1 -1
- package/dist/components/pillToggle/index.jsx +60 -24
- package/dist/components/pillToggle/index.jsx.map +1 -1
- package/dist/components/progressBar/borderProgressbar.jsx +2 -7
- package/dist/components/progressBar/borderProgressbar.jsx.map +1 -1
- package/dist/components/progressBar/index.jsx +2 -7
- package/dist/components/progressBar/index.jsx.map +1 -1
- package/dist/components/refreshButton/index.jsx +5 -10
- package/dist/components/refreshButton/index.jsx.map +1 -1
- package/dist/components/resizableTray/index.jsx +74 -0
- package/dist/components/resizableTray/index.jsx.map +1 -0
- package/dist/components/searchInput/index.jsx +20 -46
- package/dist/components/searchInput/index.jsx.map +1 -1
- package/dist/components/sidebar/collapsedSidebar.jsx +19 -47
- package/dist/components/sidebar/collapsedSidebar.jsx.map +1 -1
- package/dist/components/sidebar/expandedSidebar.jsx +19 -50
- package/dist/components/sidebar/expandedSidebar.jsx.map +1 -1
- package/dist/components/sidebar/index.js +3 -24
- package/dist/components/sidebar/index.js.map +1 -1
- package/dist/components/sidebar/sidebar.jsx +10 -15
- package/dist/components/sidebar/sidebar.jsx.map +1 -1
- package/dist/components/sidebar/sidebarChild.jsx +38 -53
- package/dist/components/sidebar/sidebarChild.jsx.map +1 -1
- package/dist/components/sidebar/useSidebar/constants.js +4 -5
- package/dist/components/sidebar/useSidebar/constants.js.map +1 -1
- package/dist/components/sidebar/useSidebar/context.js +9 -12
- package/dist/components/sidebar/useSidebar/context.js.map +1 -1
- package/dist/components/sidebar/useSidebar/index.js +3 -19
- package/dist/components/sidebar/useSidebar/index.js.map +1 -1
- package/dist/components/sidebar/useSidebar/provider.jsx +77 -100
- package/dist/components/sidebar/useSidebar/provider.jsx.map +1 -1
- package/dist/components/sidebar/useSidebar/types.js +1 -2
- package/dist/components/sidebar/useSidebar/types.js.map +1 -1
- package/dist/components/sidebar/useSidebar/useSidebar.jsx +4 -7
- package/dist/components/sidebar/useSidebar/useSidebar.jsx.map +1 -1
- package/dist/components/sidebar/useSidebar/utils/createKeyPath.js +3 -8
- package/dist/components/sidebar/useSidebar/utils/createKeyPath.js.map +1 -1
- package/dist/components/sidebar/useSidebar/utils/findItem.js +11 -9
- package/dist/components/sidebar/useSidebar/utils/findItem.js.map +1 -1
- package/dist/components/sidebar/useSidebar/utils/findKeyParent.js +1 -3
- package/dist/components/sidebar/useSidebar/utils/findKeyParent.js.map +1 -1
- package/dist/components/sidebar/useSidebar/utils/findNextItem.js +7 -12
- package/dist/components/sidebar/useSidebar/utils/findNextItem.js.map +1 -1
- package/dist/components/sidebar/useSidebar/utils/findPrevItem.js +6 -11
- package/dist/components/sidebar/useSidebar/utils/findPrevItem.js.map +1 -1
- package/dist/components/sidebar/useSidebar/utils/index.js +6 -18
- package/dist/components/sidebar/useSidebar/utils/index.js.map +1 -1
- package/dist/components/sidebar/useSidebar/utils/matchKey.js +1 -3
- package/dist/components/sidebar/useSidebar/utils/matchKey.js.map +1 -1
- package/dist/components/slider/index.jsx +29 -0
- package/dist/components/slider/index.jsx.map +1 -0
- package/dist/components/table/components/columnMenu/columnList.jsx +7 -35
- package/dist/components/table/components/columnMenu/columnList.jsx.map +1 -1
- package/dist/components/table/components/columnMenu/columnListItem.jsx +4 -9
- package/dist/components/table/components/columnMenu/columnListItem.jsx.map +1 -1
- package/dist/components/table/components/columnMenu/index.jsx +32 -46
- package/dist/components/table/components/columnMenu/index.jsx.map +1 -1
- package/dist/components/table/components/filtersSidebar/chips/index.jsx +4 -9
- package/dist/components/table/components/filtersSidebar/chips/index.jsx.map +1 -1
- package/dist/components/table/components/filtersSidebar/index.jsx +7 -35
- package/dist/components/table/components/filtersSidebar/index.jsx.map +1 -1
- package/dist/components/table/components/index.jsx +58 -71
- package/dist/components/table/components/index.jsx.map +1 -1
- package/dist/components/table/components/tableBody/bodyCell.jsx +22 -22
- package/dist/components/table/components/tableBody/bodyCell.jsx.map +1 -1
- package/dist/components/table/components/tableBody/bodyRow.jsx +33 -57
- package/dist/components/table/components/tableBody/bodyRow.jsx.map +1 -1
- package/dist/components/table/components/tableBody/index.jsx +39 -60
- package/dist/components/table/components/tableBody/index.jsx.map +1 -1
- package/dist/components/table/components/tableHeader/headerCell.jsx +25 -52
- package/dist/components/table/components/tableHeader/headerCell.jsx.map +1 -1
- package/dist/components/table/components/tableHeader/headerResizer.jsx +2 -7
- package/dist/components/table/components/tableHeader/headerResizer.jsx.map +1 -1
- package/dist/components/table/components/tableHeader/headerRow.jsx +8 -13
- package/dist/components/table/components/tableHeader/headerRow.jsx.map +1 -1
- package/dist/components/table/components/tableHeader/index.jsx +7 -35
- package/dist/components/table/components/tableHeader/index.jsx.map +1 -1
- package/dist/components/table/components/tableTopBar/index.jsx +10 -15
- package/dist/components/table/components/tableTopBar/index.jsx.map +1 -1
- package/dist/components/table/index.js +11 -38
- package/dist/components/table/index.js.map +1 -1
- package/dist/components/table/persistentSettingsStore/index.jsx +28 -69
- package/dist/components/table/persistentSettingsStore/index.jsx.map +1 -1
- package/dist/components/table/persistentSettingsStore/utils/extractStorage.js +8 -19
- package/dist/components/table/persistentSettingsStore/utils/extractStorage.js.map +1 -1
- package/dist/components/table/persistentSettingsStore/utils/index.js +2 -10
- package/dist/components/table/persistentSettingsStore/utils/index.js.map +1 -1
- package/dist/components/table/persistentSettingsStore/utils/updateStorage.js +24 -32
- package/dist/components/table/persistentSettingsStore/utils/updateStorage.js.map +1 -1
- package/dist/components/table/useTable/context.js +19 -18
- package/dist/components/table/useTable/context.js.map +1 -1
- package/dist/components/table/useTable/index.js +3 -19
- package/dist/components/table/useTable/index.js.map +1 -1
- package/dist/components/table/useTable/provider.jsx +78 -62
- package/dist/components/table/useTable/provider.jsx.map +1 -1
- package/dist/components/table/useTable/types.js +1 -2
- package/dist/components/table/useTable/useColumnResizing/index.jsx +237 -125
- package/dist/components/table/useTable/useColumnResizing/index.jsx.map +1 -1
- package/dist/components/table/useTable/useColumnSorting/index.jsx +16 -20
- package/dist/components/table/useTable/useColumnSorting/index.jsx.map +1 -1
- package/dist/components/table/useTable/useColumnVisibility/index.jsx +22 -24
- package/dist/components/table/useTable/useColumnVisibility/index.jsx.map +1 -1
- package/dist/components/table/useTable/useFiltering/hooks/index.js +3 -12
- package/dist/components/table/useTable/useFiltering/hooks/index.js.map +1 -1
- package/dist/components/table/useTable/useFiltering/hooks/useFiltersExtraction.jsx +44 -39
- package/dist/components/table/useTable/useFiltering/hooks/useFiltersExtraction.jsx.map +1 -1
- package/dist/components/table/useTable/useFiltering/hooks/useFiltersOptions.jsx +14 -16
- package/dist/components/table/useTable/useFiltering/hooks/useFiltersOptions.jsx.map +1 -1
- package/dist/components/table/useTable/useFiltering/hooks/useFiltersPersistence.jsx +39 -25
- package/dist/components/table/useTable/useFiltering/hooks/useFiltersPersistence.jsx.map +1 -1
- package/dist/components/table/useTable/useFiltering/index.jsx +58 -47
- package/dist/components/table/useTable/useFiltering/index.jsx.map +1 -1
- package/dist/components/table/useTable/useSearch/index.jsx +11 -13
- package/dist/components/table/useTable/useSearch/index.jsx.map +1 -1
- package/dist/components/table/useTable/useTable.jsx +4 -7
- package/dist/components/table/useTable/useTable.jsx.map +1 -1
- package/dist/components/table/utils/index.js +1 -17
- package/dist/components/table/utils/index.js.map +1 -1
- package/dist/components/table/utils/precalculatedFiltersUtils/calculateBlockedReasonsFilterValues.js +5 -7
- package/dist/components/table/utils/precalculatedFiltersUtils/calculateBlockedReasonsFilterValues.js.map +1 -1
- package/dist/components/table/utils/precalculatedFiltersUtils/calculateDynamicFilterValues.js +6 -8
- package/dist/components/table/utils/precalculatedFiltersUtils/calculateDynamicFilterValues.js.map +1 -1
- package/dist/components/table/utils/precalculatedFiltersUtils/calculateExemptionReasons.js +2 -4
- package/dist/components/table/utils/precalculatedFiltersUtils/calculateExemptionReasons.js.map +1 -1
- package/dist/components/table/utils/precalculatedFiltersUtils/evaluateSelectAllOption.js +5 -8
- package/dist/components/table/utils/precalculatedFiltersUtils/evaluateSelectAllOption.js.map +1 -1
- package/dist/components/table/utils/precalculatedFiltersUtils/evaluateStaticFilterValues.js +3 -6
- package/dist/components/table/utils/precalculatedFiltersUtils/evaluateStaticFilterValues.js.map +1 -1
- package/dist/components/table/utils/precalculatedFiltersUtils/index.js +5 -16
- package/dist/components/table/utils/precalculatedFiltersUtils/index.js.map +1 -1
- package/dist/components/tabs/index.jsx +132 -75
- package/dist/components/tabs/index.jsx.map +1 -1
- package/dist/components/tabs/useTabs/context.js +12 -9
- package/dist/components/tabs/useTabs/context.js.map +1 -1
- package/dist/components/tabs/useTabs/index.js +3 -19
- package/dist/components/tabs/useTabs/index.js.map +1 -1
- package/dist/components/tabs/useTabs/provider.jsx +144 -62
- package/dist/components/tabs/useTabs/provider.jsx.map +1 -1
- package/dist/components/tabs/useTabs/types.js +1 -2
- package/dist/components/tabs/useTabs/useTabs.jsx +4 -7
- package/dist/components/tabs/useTabs/useTabs.jsx.map +1 -1
- package/dist/components/timeline/bar.jsx +71 -0
- package/dist/components/timeline/bar.jsx.map +1 -0
- package/dist/components/timeline/constants.js +29 -0
- package/dist/components/timeline/constants.js.map +1 -0
- package/dist/components/timeline/index.jsx +195 -0
- package/dist/components/timeline/index.jsx.map +1 -0
- package/dist/components/toastMessage/index.jsx +2 -7
- package/dist/components/toastMessage/index.jsx.map +1 -1
- package/dist/components/toggleSwitch/index.jsx +2 -7
- package/dist/components/toggleSwitch/index.jsx.map +1 -1
- package/dist/components/topbar/index.jsx +13 -41
- package/dist/components/topbar/index.jsx.map +1 -1
- package/dist/constants.js +9 -12
- package/dist/constants.js.map +1 -1
- package/dist/icons/index.jsx +118 -225
- package/dist/icons/index.jsx.map +1 -1
- package/dist/icons/ps-icons/index.js +12 -30
- package/dist/icons/ps-icons/index.js.map +1 -1
- package/dist/index.js +5 -21
- package/dist/index.js.map +1 -1
- package/dist/test-data/cookieMockData.js +44 -22
- package/dist/test-data/cookieMockData.js.map +1 -1
- package/dist/test-data/cookieStats.js +1 -3
- package/dist/test-data/cookieStats.js.map +1 -1
- package/dist/test-data/cookieTableBody.js +9 -14
- package/dist/test-data/cookieTableBody.js.map +1 -1
- package/dist/test-data/cookieTableMockData.jsx +18 -24
- package/dist/test-data/cookieTableMockData.jsx.map +1 -1
- package/dist/test-data/cookiesStatsComponents.js +1 -3
- package/dist/test-data/cookiesStatsComponents.js.map +1 -1
- package/dist/theme/colors.js +1 -4
- package/dist/theme/colors.js.map +1 -1
- package/dist/utils/index.js +6 -18
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/noop.js +1 -5
- package/dist/utils/noop.js.map +1 -1
- package/dist/utils/prepareCookieDataMapping.js +7 -10
- package/dist/utils/prepareCookieDataMapping.js.map +1 -1
- package/dist/utils/prepareCookieStatsComponents.js +29 -33
- package/dist/utils/prepareCookieStatsComponents.js.map +1 -1
- package/dist/utils/prepareCookiesCount.js +12 -25
- package/dist/utils/prepareCookiesCount.js.map +1 -1
- package/dist/utils/prepareFrameStatsComponent.js +19 -24
- package/dist/utils/prepareFrameStatsComponent.js.map +1 -1
- package/dist/utils/prepareFrameStatsComponentForExtensionDashboard.js +16 -21
- package/dist/utils/prepareFrameStatsComponentForExtensionDashboard.js.map +1 -1
- package/dist-types/components/button/index.d.ts +2 -1
- package/dist-types/components/chipsBar/index.d.ts +1 -1
- package/dist-types/components/circlePieChart/emptyCirclePieChart.d.ts +4 -1
- package/dist-types/components/circlePieChart/index.d.ts +3 -1
- package/dist-types/components/circlePieChart/tooltip.d.ts +8 -0
- package/dist-types/components/draggableTray/index.d.ts +4 -0
- package/dist-types/components/dropdown/index.d.ts +18 -0
- package/dist-types/components/dropdown/options.d.ts +20 -0
- package/dist-types/components/index.d.ts +7 -0
- package/dist-types/components/landingPage/LandingPage.d.ts +2 -5
- package/dist-types/components/landingPage/cardsPanel.d.ts +7 -8
- package/dist-types/components/landingPage/contentPanel.d.ts +1 -1
- package/dist-types/components/landingPage/infoCard/fetchPSInfo.d.ts +2 -0
- package/dist-types/components/landingPage/infoCard/index.d.ts +2 -1
- package/dist-types/components/link/index.d.ts +2 -1
- package/dist-types/components/messageBox/index.d.ts +5 -1
- package/dist-types/components/multiSelectDropDown/index.d.ts +14 -0
- package/dist-types/components/pillToggle/index.d.ts +8 -5
- package/dist-types/components/resizableTray/index.d.ts +15 -0
- package/dist-types/components/searchInput/index.d.ts +4 -1
- package/dist-types/components/sidebar/expandedSidebar.d.ts +2 -1
- package/dist-types/components/sidebar/sidebar.d.ts +2 -1
- package/dist-types/components/sidebar/sidebarChild.d.ts +2 -1
- package/dist-types/components/sidebar/useSidebar/constants.d.ts +3 -1
- package/dist-types/components/sidebar/useSidebar/context.d.ts +6 -2
- package/dist-types/components/sidebar/useSidebar/types.d.ts +2 -0
- package/dist-types/components/sidebar/useSidebar/utils/findItem.d.ts +2 -1
- package/dist-types/components/slider/index.d.ts +14 -0
- package/dist-types/components/table/components/index.d.ts +4 -2
- package/dist-types/components/table/components/tableBody/bodyCell.d.ts +5 -2
- package/dist-types/components/table/components/tableBody/bodyRow.d.ts +3 -2
- package/dist-types/components/table/components/tableBody/index.d.ts +3 -2
- package/dist-types/components/table/components/tableHeader/headerCell.d.ts +4 -2
- package/dist-types/components/table/components/tableTopBar/index.d.ts +2 -1
- package/dist-types/components/table/persistentSettingsStore/index.d.ts +1 -1
- package/dist-types/components/table/useTable/context.d.ts +13 -5
- package/dist-types/components/table/useTable/provider.d.ts +1 -1
- package/dist-types/components/table/useTable/types.d.ts +47 -4
- package/dist-types/components/table/useTable/useColumnResizing/index.d.ts +11 -9
- package/dist-types/components/table/useTable/useFiltering/index.d.ts +1 -1
- package/dist-types/components/tabs/index.d.ts +1 -1
- package/dist-types/components/tabs/useTabs/context.d.ts +11 -1
- package/dist-types/components/tabs/useTabs/provider.d.ts +2 -2
- package/dist-types/components/tabs/useTabs/types.d.ts +8 -3
- package/dist-types/components/timeline/bar.d.ts +16 -0
- package/dist-types/components/timeline/constants.d.ts +8 -0
- package/dist-types/components/timeline/index.d.ts +12 -0
- package/dist-types/icons/index.d.ts +117 -101
- package/dist-types/icons/ps-icons/index.d.ts +12 -12
- package/package.json +12 -7
- package/tsconfig.json +5 -3
- package/dist/components/button/stories/Button.stories.jsx +0 -23
- package/dist/components/button/stories/Button.stories.jsx.map +0 -1
- package/dist/components/circle/stories/circle.stories.jsx +0 -26
- package/dist/components/circle/stories/circle.stories.jsx.map +0 -1
- package/dist/components/circle/stories/circleEmpty.stories.jsx +0 -18
- package/dist/components/circle/stories/circleEmpty.stories.jsx.map +0 -1
- package/dist/components/circlePieChart/stories/circlePieChart.stories.jsx +0 -91
- package/dist/components/circlePieChart/stories/circlePieChart.stories.jsx.map +0 -1
- package/dist/components/circlePieChart/stories/emptyCirclePieChart.stories.jsx +0 -48
- package/dist/components/circlePieChart/stories/emptyCirclePieChart.stories.jsx.map +0 -1
- package/dist/components/cookieDetails/stories/cookieDetails.stories.js +0 -30
- package/dist/components/cookieDetails/stories/cookieDetails.stories.js.map +0 -1
- package/dist/components/cookieDetails/stories/details.stories.js +0 -30
- package/dist/components/cookieDetails/stories/details.stories.js.map +0 -1
- package/dist/components/cookiesLanding/cookiesMatrix/stories/cookiesMatrix.stories.jsx +0 -59
- package/dist/components/cookiesLanding/cookiesMatrix/stories/cookiesMatrix.stories.jsx.map +0 -1
- package/dist/components/cookiesLanding/landingHeader/stories/LandingHeader.stories.jsx +0 -40
- package/dist/components/cookiesLanding/landingHeader/stories/LandingHeader.stories.jsx.map +0 -1
- package/dist/components/cookiesLanding/stories/cookiesLanding.stories.jsx +0 -20
- package/dist/components/cookiesLanding/stories/cookiesLanding.stories.jsx.map +0 -1
- package/dist/components/errorFallback/stories/errorFallback.stories.jsx +0 -31
- package/dist/components/errorFallback/stories/errorFallback.stories.jsx.map +0 -1
- package/dist/components/errorFallback/stories/extensionReloadNotification.stories.jsx +0 -20
- package/dist/components/errorFallback/stories/extensionReloadNotification.stories.jsx.map +0 -1
- package/dist/components/matrix/matrixComponent/stories/MatrixComponent.stories.jsx +0 -27
- package/dist/components/matrix/matrixComponent/stories/MatrixComponent.stories.jsx.map +0 -1
- package/dist/components/matrix/matrixComponent/stories/matrixComponentHorizontal.stories.jsx +0 -25
- package/dist/components/matrix/matrixComponent/stories/matrixComponentHorizontal.stories.jsx.map +0 -1
- package/dist/components/matrix/stories/matrix.stories.jsx +0 -59
- package/dist/components/matrix/stories/matrix.stories.jsx.map +0 -1
- package/dist/components/messageBox/stories/messageBox.stories.jsx +0 -23
- package/dist/components/messageBox/stories/messageBox.stories.jsx.map +0 -1
- package/dist/components/progressBar/stories/progressBar.stories.jsx +0 -22
- package/dist/components/progressBar/stories/progressBar.stories.jsx.map +0 -1
- package/dist/components/table/useTable/useColumnResizing/handleResizeOnColumnsVisibilityChange.js +0 -61
- package/dist/components/table/useTable/useColumnResizing/handleResizeOnColumnsVisibilityChange.js.map +0 -1
- package/dist/components/table/useTable/useColumnResizing/resizeColumns.js +0 -54
- package/dist/components/table/useTable/useColumnResizing/resizeColumns.js.map +0 -1
- package/dist-types/components/button/stories/Button.stories.d.ts +0 -11
- package/dist-types/components/circle/stories/circle.stories.d.ts +0 -11
- package/dist-types/components/circle/stories/circleEmpty.stories.d.ts +0 -11
- package/dist-types/components/circlePieChart/stories/circlePieChart.stories.d.ts +0 -9
- package/dist-types/components/circlePieChart/stories/emptyCirclePieChart.stories.d.ts +0 -9
- package/dist-types/components/cookieDetails/stories/cookieDetails.stories.d.ts +0 -12
- package/dist-types/components/cookieDetails/stories/details.stories.d.ts +0 -12
- package/dist-types/components/cookiesLanding/cookiesMatrix/stories/cookiesMatrix.stories.d.ts +0 -11
- package/dist-types/components/cookiesLanding/landingHeader/stories/LandingHeader.stories.d.ts +0 -11
- package/dist-types/components/cookiesLanding/stories/cookiesLanding.stories.d.ts +0 -11
- package/dist-types/components/errorFallback/stories/errorFallback.stories.d.ts +0 -12
- package/dist-types/components/errorFallback/stories/extensionReloadNotification.stories.d.ts +0 -11
- package/dist-types/components/matrix/matrixComponent/stories/MatrixComponent.stories.d.ts +0 -11
- package/dist-types/components/matrix/matrixComponent/stories/matrixComponentHorizontal.stories.d.ts +0 -11
- package/dist-types/components/matrix/stories/matrix.stories.d.ts +0 -11
- package/dist-types/components/messageBox/stories/messageBox.stories.d.ts +0 -11
- package/dist-types/components/progressBar/stories/progressBar.stories.d.ts +0 -11
- package/dist-types/components/table/useTable/useColumnResizing/handleResizeOnColumnsVisibilityChange.d.ts +0 -7
- package/dist-types/components/table/useTable/useColumnResizing/resizeColumns.d.ts +0 -5
|
@@ -1,31 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
1
|
/*
|
|
30
2
|
* Copyright 2023 Google LLC
|
|
31
3
|
*
|
|
@@ -44,19 +16,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
44
16
|
/**
|
|
45
17
|
* External dependencies.
|
|
46
18
|
*/
|
|
47
|
-
|
|
48
|
-
|
|
19
|
+
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
20
|
+
import { I18n } from '@google-psat/i18n';
|
|
49
21
|
/**
|
|
50
22
|
* Internal dependencies.
|
|
51
23
|
*/
|
|
52
|
-
|
|
24
|
+
import ListItem from './listItem';
|
|
53
25
|
const FiltersSidebar = ({ filters, selectedFilterValues, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
|
|
54
|
-
const [expandAll, setExpandAll] =
|
|
55
|
-
const expandedFilters =
|
|
56
|
-
const filterKeys =
|
|
26
|
+
const [expandAll, setExpandAll] = useState(false);
|
|
27
|
+
const expandedFilters = useRef(new Set());
|
|
28
|
+
const filterKeys = useMemo(() => {
|
|
57
29
|
return filters.map((filter) => filter.key);
|
|
58
30
|
}, [filters]);
|
|
59
|
-
const toggleFilterExpansion =
|
|
31
|
+
const toggleFilterExpansion = useCallback((filterKey) => {
|
|
60
32
|
const newSet = new Set(expandedFilters.current);
|
|
61
33
|
if (newSet.has(filterKey)) {
|
|
62
34
|
newSet.delete(filterKey);
|
|
@@ -72,7 +44,7 @@ const FiltersSidebar = ({ filters, selectedFilterValues, isSelectAllFilterSelect
|
|
|
72
44
|
}
|
|
73
45
|
expandedFilters.current = newSet;
|
|
74
46
|
}, [filterKeys]);
|
|
75
|
-
const handleExpandAllClick =
|
|
47
|
+
const handleExpandAllClick = useCallback(() => {
|
|
76
48
|
setExpandAll((prev) => {
|
|
77
49
|
const newExpandAll = !prev;
|
|
78
50
|
if (newExpandAll) {
|
|
@@ -87,16 +59,16 @@ const FiltersSidebar = ({ filters, selectedFilterValues, isSelectAllFilterSelect
|
|
|
87
59
|
if (!filterKeys.length) {
|
|
88
60
|
return null;
|
|
89
61
|
}
|
|
90
|
-
return (<div className="h-full overflow-auto p-3
|
|
91
|
-
<a className="w-full block text-link text-royal-blue dark:text-medium-persian-blue text-[11px]
|
|
62
|
+
return (<div className="h-full overflow-auto p-3 flex flex-col gap-1.5" data-testid="filters-sidebar">
|
|
63
|
+
<a className="w-full block text-link text-royal-blue dark:text-medium-persian-blue text-[11px]" href="#" onClick={handleExpandAllClick}>
|
|
92
64
|
{expandAll
|
|
93
|
-
?
|
|
94
|
-
:
|
|
65
|
+
? I18n.getMessage('collapseAll')
|
|
66
|
+
: I18n.getMessage('expandAll')}
|
|
95
67
|
</a>
|
|
96
68
|
<ul>
|
|
97
|
-
{filters.map((filter) => (<
|
|
69
|
+
{filters.map((filter) => (<ListItem key={filter.key} filter={filter} selectedFilterValues={selectedFilterValues[filter.key] || []} filterKey={filter.key} expandAll={expandAll} toggleFilterExpansion={toggleFilterExpansion} isSelectAllFilterSelected={isSelectAllFilterSelected(filter.key)} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>))}
|
|
98
70
|
</ul>
|
|
99
71
|
</div>);
|
|
100
72
|
};
|
|
101
|
-
|
|
73
|
+
export default FiltersSidebar;
|
|
102
74
|
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
1
|
/*
|
|
30
2
|
* Copyright 2023 Google LLC
|
|
31
3
|
*
|
|
@@ -44,27 +16,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
44
16
|
/**
|
|
45
17
|
* External dependencies.
|
|
46
18
|
*/
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
19
|
+
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
20
|
+
import { I18n } from '@google-psat/i18n';
|
|
21
|
+
import { ArrowDown, InfoIcon } from '../../icons';
|
|
22
|
+
import SubList from './subList';
|
|
51
23
|
const ListItem = ({ filter, selectedFilterValues, filterKey, expandAll, toggleFilterExpansion, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
|
|
52
|
-
|
|
53
|
-
const [
|
|
54
|
-
const [
|
|
55
|
-
const
|
|
56
|
-
const toggleShowMore = (0, react_1.useCallback)(() => {
|
|
24
|
+
const [hasScannedFiltersOnce, setHasScannedFiltersOnce] = useState(true);
|
|
25
|
+
const [isExpanded, setExpanded] = useState(false);
|
|
26
|
+
const [showSubList, setShowSubList] = useState(false);
|
|
27
|
+
const toggleShowMore = useCallback(() => {
|
|
57
28
|
setExpanded(!isExpanded);
|
|
58
29
|
}, [isExpanded]);
|
|
59
|
-
const toggleSubList =
|
|
30
|
+
const toggleSubList = useCallback(() => {
|
|
60
31
|
setShowSubList((prev) => !prev);
|
|
61
32
|
toggleFilterExpansion(filterKey);
|
|
62
33
|
}, [filterKey, toggleFilterExpansion]);
|
|
63
|
-
|
|
34
|
+
useEffect(() => {
|
|
64
35
|
setShowSubList(expandAll);
|
|
65
36
|
}, [expandAll]);
|
|
66
|
-
const isDisabled =
|
|
67
|
-
|
|
37
|
+
const isDisabled = useMemo(() => !filter.values.length, [filter.values]);
|
|
38
|
+
useEffect(() => {
|
|
68
39
|
if (isDisabled && showSubList) {
|
|
69
40
|
setShowSubList((prev) => {
|
|
70
41
|
if (prev) {
|
|
@@ -74,12 +45,11 @@ const ListItem = ({ filter, selectedFilterValues, filterKey, expandAll, toggleFi
|
|
|
74
45
|
});
|
|
75
46
|
}
|
|
76
47
|
}, [expandAll, filterKey, isDisabled, showSubList, toggleFilterExpansion]);
|
|
77
|
-
|
|
78
|
-
var _a;
|
|
48
|
+
useEffect(() => {
|
|
79
49
|
if (!hasScannedFiltersOnce) {
|
|
80
50
|
return;
|
|
81
51
|
}
|
|
82
|
-
const areFiltersSelected =
|
|
52
|
+
const areFiltersSelected = filter.values?.some((filterValue) => selectedFilterValues?.includes(filterValue)) || false;
|
|
83
53
|
if (areFiltersSelected) {
|
|
84
54
|
setShowSubList(true);
|
|
85
55
|
setHasScannedFiltersOnce(false);
|
|
@@ -89,21 +59,21 @@ const ListItem = ({ filter, selectedFilterValues, filterKey, expandAll, toggleFi
|
|
|
89
59
|
<div className="flex gap-2 items-center">
|
|
90
60
|
<button className="flex items-center text-asteriod-black dark:text-bright-gray disabled:opacity-50 active:opacity-70" disabled={isDisabled} onClick={toggleSubList}>
|
|
91
61
|
<span className={`${showSubList && !isDisabled ? '' : '-rotate-90'}`} data-testid="list-item-arrow">
|
|
92
|
-
<
|
|
62
|
+
<ArrowDown />
|
|
93
63
|
</span>
|
|
94
64
|
<p className="ml-1 leading-normal font-semi-thick">{filter.title}</p>
|
|
95
65
|
</button>
|
|
96
66
|
{filter.description && (<p title={filter.description}>
|
|
97
|
-
<
|
|
67
|
+
<InfoIcon className="fill-granite-gray"/>
|
|
98
68
|
</p>)}
|
|
99
69
|
</div>
|
|
100
70
|
{showSubList && (<>
|
|
101
|
-
<
|
|
102
|
-
{Number(
|
|
103
|
-
{
|
|
71
|
+
<SubList filterValues={filter.values || []} filterKey={filterKey} sort={Boolean(filter.sortValues)} selectedFilterValues={selectedFilterValues || []} isExpanded={isExpanded} isSelectAllFilterEnabled={Boolean(filter.enableSelectAll)} isSelectAllFilterSelected={isSelectAllFilterSelected} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>
|
|
72
|
+
{Number(filter.values?.length || 0) > 4 && (<a onClick={toggleShowMore} className="text-link ml-2 mt-1 block text-royal-blue dark:text-medium-persian-blue" href="#">
|
|
73
|
+
{I18n.getMessage(isExpanded ? 'showLess' : 'showMore')}
|
|
104
74
|
</a>)}
|
|
105
75
|
</>)}
|
|
106
76
|
</li>);
|
|
107
77
|
};
|
|
108
|
-
|
|
78
|
+
export default ListItem;
|
|
109
79
|
//# sourceMappingURL=listItem.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listItem.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/listItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"listItem.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/listItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
/*
|
|
3
2
|
* Copyright 2023 Google LLC
|
|
4
3
|
*
|
|
@@ -14,45 +13,18 @@
|
|
|
14
13
|
* See the License for the specific language governing permissions and
|
|
15
14
|
* limitations under the License.
|
|
16
15
|
*/
|
|
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
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
16
|
/**
|
|
45
17
|
* External dependencies.
|
|
46
18
|
*/
|
|
47
|
-
|
|
48
|
-
|
|
19
|
+
import React, { useCallback } from 'react';
|
|
20
|
+
import classNames from 'classnames';
|
|
49
21
|
const Option = ({ filterKey, filterValue, selected, toggleFilterSelection, isExpanded, }) => {
|
|
50
|
-
const handleClick =
|
|
22
|
+
const handleClick = useCallback(() => {
|
|
51
23
|
setTimeout(() => toggleFilterSelection(filterKey, filterValue));
|
|
52
24
|
}, [filterKey, filterValue, toggleFilterSelection]);
|
|
53
|
-
return (<li className={(
|
|
25
|
+
return (<li className={classNames(isExpanded ? 'mx-3 mt-1' : 'ml-3 mt-1 hidden', 'hover:opacity-80 transition-opacity duration-100 active:opacity-60')} data-testid="sub-list-item">
|
|
54
26
|
<label className="flex gap-x-2 cursor-pointer items-center">
|
|
55
|
-
<input role="checkbox" type="checkbox" name={filterKey} className={(
|
|
27
|
+
<input role="checkbox" type="checkbox" name={filterKey} className={classNames('accent-royal-blue dark:accent-orange-400 w-3 h-3 dark:bg-outer-space dark:min-h-[12px] dark:min-w-[12px] cursor-pointer', {
|
|
56
28
|
'dark:appearance-none dark:text-manatee dark:border dark:rounded-[3px]': !selected,
|
|
57
29
|
})} checked={selected} onChange={handleClick}/>
|
|
58
30
|
<span className="text-asteriod-black dark:text-bright-gray leading-normal font-semi-thick">
|
|
@@ -61,5 +33,5 @@ const Option = ({ filterKey, filterValue, selected, toggleFilterSelection, isExp
|
|
|
61
33
|
</label>
|
|
62
34
|
</li>);
|
|
63
35
|
};
|
|
64
|
-
|
|
36
|
+
export default Option;
|
|
65
37
|
//# sourceMappingURL=option.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"option.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/option.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"option.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/option.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,WAAW,EACX,QAAQ,EACR,qBAAqB,EACrB,UAAU,GACE,EAAE,EAAE;IAChB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,UAAU,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,CAAC,EAAE,CACD,SAAS,CAAC,CAAC,UAAU,CACnB,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,kBAAkB,EAC7C,oEAAoE,CACrE,CAAC,CACF,WAAW,CAAC,eAAe,CAE3B;MAAA,CAAC,KAAK,CAAC,SAAS,CAAC,0CAA0C,CACzD;QAAA,CAAC,KAAK,CACJ,IAAI,CAAC,UAAU,CACf,IAAI,CAAC,UAAU,CACf,IAAI,CAAC,CAAC,SAAS,CAAC,CAChB,SAAS,CAAC,CAAC,UAAU,CACnB,yHAAyH,EACzH;YACE,uEAAuE,EACrE,CAAC,QAAQ;SACZ,CACF,CAAC,CACF,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,QAAQ,CAAC,CAAC,WAAW,CAAC,EAExB;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,0EAA0E,CACxF;UAAA,CAAC,MAAM,CAAC,WAAW,CAAC,CACtB;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,31 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
1
|
/*
|
|
30
2
|
* Copyright 2023 Google LLC
|
|
31
3
|
*
|
|
@@ -44,23 +16,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
44
16
|
/**
|
|
45
17
|
* External dependencies.
|
|
46
18
|
*/
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
19
|
+
import React, { useMemo } from 'react';
|
|
20
|
+
import { I18n } from '@google-psat/i18n';
|
|
21
|
+
import Option from './option';
|
|
50
22
|
const SubList = ({ filterValues, selectedFilterValues, filterKey, sort, isExpanded, isSelectAllFilterEnabled, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, }) => {
|
|
51
|
-
const sortedFilterValueKeys =
|
|
23
|
+
const sortedFilterValueKeys = useMemo(() => {
|
|
52
24
|
if (!sort) {
|
|
53
25
|
return filterValues || [];
|
|
54
26
|
}
|
|
55
27
|
return (filterValues || []).sort((a, b) => String(a).localeCompare(String(b)));
|
|
56
28
|
}, [filterValues, sort]);
|
|
57
29
|
return (<ul>
|
|
58
|
-
{isSelectAllFilterEnabled && (<
|
|
59
|
-
{sortedFilterValueKeys.map((filterValue, index) => (<
|
|
60
|
-
<
|
|
30
|
+
{isSelectAllFilterEnabled && (<Option filterKey={filterKey} filterValue={I18n.getMessage('selectAll')} selected={isSelectAllFilterSelected} toggleFilterSelection={() => toggleSelectAllFilter(filterKey)} isExpanded={true}/>)}
|
|
31
|
+
{sortedFilterValueKeys.map((filterValue, index) => (<React.Fragment key={index}>
|
|
32
|
+
<Option filterKey={filterKey} filterValue={filterValue} selected={Boolean(selectedFilterValues.find((selectedFilterValue) => selectedFilterValue === filterValue)) &&
|
|
61
33
|
(isSelectAllFilterEnabled ? !isSelectAllFilterSelected : true)} toggleFilterSelection={toggleFilterSelection} isExpanded={index < 4 || isExpanded}/>
|
|
62
|
-
</
|
|
34
|
+
</React.Fragment>))}
|
|
63
35
|
</ul>);
|
|
64
36
|
};
|
|
65
|
-
|
|
37
|
+
export default SubList;
|
|
66
38
|
//# sourceMappingURL=subList.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"subList.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/subList.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"subList.jsx","sourceRoot":"","sources":["../../../src/components/filtersSidebar/subList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,MAAM,MAAM,UAAU,CAAC;AAyB9B,MAAM,OAAO,GAAG,CAAC,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,wBAAwB,EACxB,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,GACR,EAAE,EAAE;IACjB,MAAM,qBAAqB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO,YAAY,IAAI,EAAE,CAAC;QAC5B,CAAC;QAED,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACxC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CACnC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,CAAC,EAAE,CACD;MAAA,CAAC,wBAAwB,IAAI,CAC3B,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC1C,QAAQ,CAAC,CAAC,yBAAyB,CAAC,CACpC,qBAAqB,CAAC,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC,CAC9D,UAAU,CAAC,CAAC,IAAI,CAAC,EACjB,CACH,CACD;MAAA,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CACzB;UAAA,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CACP,OAAO,CACL,oBAAoB,CAAC,IAAI,CACvB,CAAC,mBAAmB,EAAE,EAAE,CAAC,mBAAmB,KAAK,WAAW,CAC7D,CACF;gBACD,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAC/D,CAAC,CACD,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,UAAU,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,UAAU,CAAC,EAExC;QAAA,EAAE,KAAK,CAAC,QAAQ,CAAC,CAClB,CAAC,CACJ;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
/*
|
|
3
2
|
* Copyright 2025 Google LLC
|
|
4
3
|
*
|
|
@@ -14,15 +13,11 @@
|
|
|
14
13
|
* See the License for the specific language governing permissions and
|
|
15
14
|
* limitations under the License.
|
|
16
15
|
*/
|
|
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
16
|
/**
|
|
22
17
|
* External dependencies.
|
|
23
18
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
import React from 'react';
|
|
20
|
+
import classNames from 'classnames';
|
|
26
21
|
const borderColors = {
|
|
27
22
|
'privacy-blue': 'border-privacy-blue',
|
|
28
23
|
'privacy-green': 'border-privacy-green',
|
|
@@ -32,12 +27,12 @@ const FrameContent = ({ children, width = '100%', height = '100%', color = 'priv
|
|
|
32
27
|
const commonClassName = `${borderColors[color]} bg-white dark:bg-raisin-black absolute box-border w-full h-full border-[2px] rounded-xl col-start-1 row-start-1`;
|
|
33
28
|
return (<div className="grid relative" style={{ width, height }}>
|
|
34
29
|
{/* Bottom border (shadow) */}
|
|
35
|
-
<div className={(
|
|
30
|
+
<div className={classNames(commonClassName, 'border-b-[18px] top-[13px]')}/>
|
|
36
31
|
{/* Content */}
|
|
37
|
-
<div className={(
|
|
32
|
+
<div className={classNames(commonClassName, 'flex items-center justify-center p-8')}>
|
|
38
33
|
{children}
|
|
39
34
|
</div>
|
|
40
35
|
</div>);
|
|
41
36
|
};
|
|
42
|
-
|
|
37
|
+
export default FrameContent;
|
|
43
38
|
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/frameContent/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/frameContent/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,YAAY,GAA2B;IAC3C,cAAc,EAAE,qBAAqB;IACrC,eAAe,EAAE,sBAAsB;IACvC,gBAAgB,EAAE,uBAAuB;CAC1C,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,cAAc,GAMvB,EAAE,EAAE;IACH,MAAM,eAAe,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,kHAAkH,CAAC;IAEjK,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CACtD;MAAA,CAAC,4BAA4B,CAC7B;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CAAC,eAAe,EAAE,4BAA4B,CAAC,CAAC,EAEvE;MAAA,CAAC,aAAa,CACd;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,UAAU,CACnB,eAAe,EACf,sCAAsC,CACvC,CAAC,CAEF;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|