10023762050

Committed 20 Jul 2024 11:15PM UTC coverage: 31.882% (+0.04%) from 31.842%

Build # 10023762050

Build Type

Pull #9500

github

Committed by

web-flow

Commit Message

Merge 9a4558029 into f79d0a012

Pull Request Pull Request #9500: Support Neuronpedia embeddings

Run Details

4929 of 40486 branches covered (12.17%)

Branch coverage included in aggregate %.

5 of 16 new or added lines in 4 files covered. (31.25%)

836 existing lines in 43 files now uncovered.

28811 of 65342 relevant lines covered (44.09%)

180.0 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

23.53

/packages/lesswrong/components/peopleDirectory/PeopleDirectoryFilters.tsx

import React from "react";
import { Components, registerComponent } from "../../lib/vulcan-lib";
import { usePeopleDirectory } from "./usePeopleDirectory";
import { formatStat } from "../users/EAUserTooltipContent";
import sum from "lodash/sum";

const styles = (theme: ThemeType) => ({
  root: {
    display: "flex",
    fontFamily: theme.palette.fonts.sansSerifStack,
  },
  desktopFilters: {
    display: "flex",
    gap: "4px",
    flexGrow: 1,
    [theme.breakpoints.down("sm")]: {
      display: "none",
    },
  },
  mobilePadding: {
    display: "none",
    flexGrow: 1,
    [theme.breakpoints.down("sm")]: {
      display: "block",
    },
  },
  options: {
    display: "flex",
    gap: "4px",
    [theme.breakpoints.down("sm")]: {
      width: "100%",
    },
  },
  filter: {
    display: "flex",
    flexDirection: "column",
    padding: 4,
  },
  filtersDropdown: {
    display: "none",
    [theme.breakpoints.down("sm")]: {
      display: "block",
    },
  },
  columnsDropdown: {
    [theme.breakpoints.down("sm")]: {
      display: "none",
    },
  },
  totalResults: {
    display: "flex",
    alignItems: "center",
    marginLeft: 14,
    fontWeight: 600,
    color: theme.palette.grey[600],
  },
  clearAll: {
    padding: 6,
  },
});

const PeopleDirectoryFilters = ({classes}: {
  classes: ClassesType<typeof styles>,
}) => {
  const {
    view,
    filters,
    sorting,
    setSorting,
    isDefaultSorting,
    columns,
    columnsEdited,
    resetColumns,
    totalResults,
    isEmptySearch,
  } = usePeopleDirectory();

  const filterCount = sum(filters.map(
    ({filter: {selectedValues}}) => selectedValues.length),
  );

  const {
    PeopleDirectoryFilterDropdown, PeopleDirectorySelectOption,
    PeopleDirectoryStaticFilter, PeopleDirectorySearchableFilter,
    PeopleDirectoryClearAll, PeopleDirectoryViewToggle,
    PeopleDirectoryCheckOption, PeopleDirectoryAllFiltersDropdown,
  } = Components;
  return (
    <div className={classes.root}>
      <div className={classes.desktopFilters}>
        {filters.map(({type, filter}) => (
          type === "searchable"
            ? <PeopleDirectorySearchableFilter key={filter.title} filter={filter} />
            : <PeopleDirectoryStaticFilter key={filter.title} filter={filter} />
        ))}
        {totalResults > 0 && !isEmptySearch &&
          <div className={classes.totalResults}>
            {formatStat(totalResults)} {totalResults === 1 ? "result" : "results"}
          </div>
        }
      </div>
      <div className={classes.options}>
        {view === "list" &&
          <>
            <PeopleDirectoryFilterDropdown
              title={`Filter${filterCount > 0 ? `: ${filterCount}` : ""}`}
              icon="FilterBars"
              style="button"
              primary={filterCount > 0}
              rootClassName={classes.filtersDropdown}
            >
              <PeopleDirectoryAllFiltersDropdown />
            </PeopleDirectoryFilterDropdown>
            <PeopleDirectoryFilterDropdown
              title="Sort"
              icon="ArrowsUpDown"
              style="button"
              smallIcon
              className={classes.filter}
            >
              <PeopleDirectoryCheckOption
                label="Default"
                selected={isDefaultSorting}
                onSelect={setSorting.bind(null, null)}
              />
              {columns.map(({label, sortField, defaultSort}) => sortField
                ? (
                  <PeopleDirectoryCheckOption
                    key={label}
                    label={label}
                    selected={sortField === sorting.field}
                    onSelect={setSorting.bind(null, {
                      field: sortField,
                      direction: defaultSort ?? "asc",
                    })}
                  />
                )
                : null
              )}
            </PeopleDirectoryFilterDropdown>
            <PeopleDirectoryFilterDropdown
              title="Columns"
              icon="ViewColumns"
              style="button"
              className={classes.filter}
              rootClassName={classes.columnsDropdown}
            >
              {columns.filter(({hideable}) => hideable).map((state) => (
                <PeopleDirectorySelectOption state={state} key={state.value} />
              ))}
              {columnsEdited &&
                <div className={classes.clearAll}>
                  <PeopleDirectoryClearAll text="Reset" onClear={resetColumns} />
                </div>
              }
            </PeopleDirectoryFilterDropdown>
          </>
        }
        <div className={classes.mobilePadding} />
        <PeopleDirectoryViewToggle />
      </div>
    </div>
  );
}

const PeopleDirectoryFiltersComponent = registerComponent(
  "PeopleDirectoryFilters",
  PeopleDirectoryFilters,
  {styles},
);

declare global {
  interface ComponentTypes {
    PeopleDirectoryFilters: typeof PeopleDirectoryFiltersComponent
  }
}

1	import React from "react";	1✔
2	import { Components, registerComponent } from "../../lib/vulcan-lib";	1✔
3	import { usePeopleDirectory } from "./usePeopleDirectory";	1✔
4	import { formatStat } from "../users/EAUserTooltipContent";	1✔
5	import sum from "lodash/sum";	1✔
6
7	const styles = (theme: ThemeType) => ({	1✔
8	root: {
9	display: "flex",
10	fontFamily: theme.palette.fonts.sansSerifStack,
11	},
12	desktopFilters: {
13	display: "flex",
14	gap: "4px",
15	flexGrow: 1,
16	[theme.breakpoints.down("sm")]: {
17	display: "none",
18	},
19	},
20	mobilePadding: {
21	display: "none",
22	flexGrow: 1,
23	[theme.breakpoints.down("sm")]: {
24	display: "block",
25	},
26	},
27	options: {
28	display: "flex",
29	gap: "4px",
30	[theme.breakpoints.down("sm")]: {
31	width: "100%",
32	},
33	},
34	filter: {
35	display: "flex",
36	flexDirection: "column",
37	padding: 4,
38	},
39	filtersDropdown: {
40	display: "none",
41	[theme.breakpoints.down("sm")]: {
42	display: "block",
43	},
44	},
45	columnsDropdown: {
46	[theme.breakpoints.down("sm")]: {
47	display: "none",
48	},
49	},
50	totalResults: {
51	display: "flex",
52	alignItems: "center",
53	marginLeft: 14,
54	fontWeight: 600,
55	color: theme.palette.grey[600],
56	},
57	clearAll: {
58	padding: 6,
59	},
60	});
61
62	const PeopleDirectoryFilters = ({classes}: {	1✔
63	classes: ClassesType<typeof styles>,
64	}) => {
65	const {
66	view,
67	filters,
68	sorting,
69	setSorting,
70	isDefaultSorting,
71	columns,
72	columnsEdited,
73	resetColumns,
74	totalResults,
75	isEmptySearch,
76	} = usePeopleDirectory();	×
77
UNCOV 78	const filterCount = sum(filters.map(	×
UNCOV 79	({filter: {selectedValues}}) => selectedValues.length),	×
80	);
81
82	const {
83	PeopleDirectoryFilterDropdown, PeopleDirectorySelectOption,
84	PeopleDirectoryStaticFilter, PeopleDirectorySearchableFilter,
85	PeopleDirectoryClearAll, PeopleDirectoryViewToggle,
86	PeopleDirectoryCheckOption, PeopleDirectoryAllFiltersDropdown,
UNCOV 87	} = Components;	×
UNCOV 88	return (	×
89	<div className={classes.root}>
90	<div className={classes.desktopFilters}>
91	{filters.map(({type, filter}) => (
UNCOV 92	type === "searchable"	×
93	? <PeopleDirectorySearchableFilter key={filter.title} filter={filter} />	×
94	: <PeopleDirectoryStaticFilter key={filter.title} filter={filter} />
95	))}
96	{totalResults > 0 && !isEmptySearch &&	×
97	<div className={classes.totalResults}>
98	{formatStat(totalResults)} {totalResults === 1 ? "result" : "results"}	×
99	</div>
100	}
101	</div>
102	<div className={classes.options}>
103	{view === "list" &&	×
104	<>
105	<PeopleDirectoryFilterDropdown
106	title={`Filter${filterCount > 0 ? `: ${filterCount}` : ""}`}	×
107	icon="FilterBars"
108	style="button"
109	primary={filterCount > 0}
110	rootClassName={classes.filtersDropdown}
111	>
112	<PeopleDirectoryAllFiltersDropdown />
113	</PeopleDirectoryFilterDropdown>
114	<PeopleDirectoryFilterDropdown
115	title="Sort"
116	icon="ArrowsUpDown"
117	style="button"
118	smallIcon
119	className={classes.filter}
120	>
121	<PeopleDirectoryCheckOption
122	label="Default"
123	selected={isDefaultSorting}
124	onSelect={setSorting.bind(null, null)}
125	/>
UNCOV 126	{columns.map(({label, sortField, defaultSort}) => sortField	×
127	? (
128	<PeopleDirectoryCheckOption	×
129	key={label}
130	label={label}
131	selected={sortField === sorting.field}
132	onSelect={setSorting.bind(null, {
133	field: sortField,
134	direction: defaultSort ?? "asc",	×
135	})}
136	/>
137	)
138	: null
139	)}
140	</PeopleDirectoryFilterDropdown>
141	<PeopleDirectoryFilterDropdown
142	title="Columns"
143	icon="ViewColumns"
144	style="button"
145	className={classes.filter}
146	rootClassName={classes.columnsDropdown}
147	>
UNCOV 148	{columns.filter(({hideable}) => hideable).map((state) => (	×
UNCOV 149	<PeopleDirectorySelectOption state={state} key={state.value} />	×
150	))}
151	{columnsEdited &&	×
152	<div className={classes.clearAll}>
153	<PeopleDirectoryClearAll text="Reset" onClear={resetColumns} />
154	</div>
155	}
156	</PeopleDirectoryFilterDropdown>
157	</>
158	}
159	<div className={classes.mobilePadding} />
160	<PeopleDirectoryViewToggle />
161	</div>
162	</div>
163	);
164	}
165
166	const PeopleDirectoryFiltersComponent = registerComponent(	1✔
167	"PeopleDirectoryFilters",
168	PeopleDirectoryFilters,
169	{styles},
170	);
171
172	declare global {
173	interface ComponentTypes {
174	PeopleDirectoryFilters: typeof PeopleDirectoryFiltersComponent
175	}
176	}

ForumMagnum / ForumMagnum / 10023762050

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous