Increase default workflow listing time from 7 days to 30 days (#924)

* Increase default workflow listing time (for basic and advanced visibility) from 7 days to 30 days, to allow listing more workflows for domains with a higher retention period
* Add new prop to expand filters by default

Author: adhityamamallan

src/views/domain-page/config/domain-page-query-params.config.ts

@@ -62,8 +62,8 @@ const domainPageQueryParamsConfig: [
   {
     key: 'timeRangeStart',
     queryParamKey: 'start',
-    defaultValue: 'now-7d',
-    parseValue: (v) => parseDateFilterValue(v, 'now-7d'),
+    defaultValue: 'now-30d',
+    parseValue: (v) => parseDateFilterValue(v, 'now-30d'),
   },
   {
     key: 'timeRangeEnd',
@@ -103,8 +103,8 @@ const domainPageQueryParamsConfig: [
   {
     key: 'timeRangeStartBasic',
     queryParamKey: 'start',
-    defaultValue: 'now-7d',
-    parseValue: (v) => parseDateFilterValue(v, 'now-7d'),
+    defaultValue: 'now-30d',
+    parseValue: (v) => parseDateFilterValue(v, 'now-30d'),
   },
   {
     key: 'timeRangeEndBasic',

src/views/domain-workflows-archival/domain-workflows-archival-header/domain-workflows-archival-header.tsx

@@ -42,6 +42,7 @@ export default function DomainWorkflowsArchivalHeader({
       queryStringQueryParamKey="queryArchival"
       refetchQuery={refetch}
       isQueryRunning={isFetching}
+      expandFiltersByDefault={true}
     />
   );
 }

src/views/domain-workflows/domain-workflows-header/domain-workflows-header.tsx

@@ -41,6 +41,7 @@ export default function DomainWorkflowsHeader({
       queryStringQueryParamKey="query"
       refetchQuery={refetch}
       isQueryRunning={isFetching}
+      expandFiltersByDefault={true}
     />
   );
 }

src/views/shared/workflows-header/__tests__/workflows-header.test.tsx

@@ -108,9 +108,21 @@ describe(WorkflowsHeader.name, () => {
 
     expect(mockSetQueryParams).toHaveBeenCalledWith({ inputType: 'query' });
   });
+
+  it('shows filters by default when expandFiltersByDefault is true', async () => {
+    setup({ expandFiltersByDefault: true });
+
+    expect(await screen.findByText('Filter fields')).toBeInTheDocument();
+  });
 });
 
-function setup({ isQueryRunning }: { isQueryRunning?: boolean }) {
+function setup({
+  isQueryRunning,
+  expandFiltersByDefault,
+}: {
+  isQueryRunning?: boolean;
+  expandFiltersByDefault?: boolean;
+}) {
   const user = userEvent.setup();
   const renderResult = render(
     <WorkflowsHeader
@@ -121,6 +133,7 @@ function setup({ isQueryRunning }: { isQueryRunning?: boolean }) {
       queryStringQueryParamKey="query"
       refetchQuery={jest.fn()}
       isQueryRunning={isQueryRunning ?? false}
+      expandFiltersByDefault={expandFiltersByDefault}
     />
   );
 

src/views/shared/workflows-header/workflows-header.tsx

@@ -32,8 +32,11 @@ export default function WorkflowsHeader<
   queryStringQueryParamKey,
   refetchQuery,
   isQueryRunning,
+  expandFiltersByDefault,
 }: Props<P, I, S, Q>) {
-  const [areFiltersShown, setAreFiltersShown] = useState(false);
+  const [areFiltersShown, setAreFiltersShown] = useState(
+    expandFiltersByDefault ?? false
+  );
 
   const { resetAllFilters, activeFiltersCount, queryParams, setQueryParams } =
     usePageFilters({

src/views/shared/workflows-header/workflows-header.types.ts

@@ -26,4 +26,5 @@ export type Props<
     : never;
   refetchQuery: () => void;
   isQueryRunning: boolean;
+  expandFiltersByDefault?: boolean;
 };