Merge branch 'feat/77525-80783-control-selected-pages' into feat/77525-80785-implement-select-all

packages/app/src/components/SearchPage/SearchResultList.jsx

@@ -19,6 +19,7 @@ class SearchResultList extends React.Component {
               key={page._id}
               page={page}
               onClickInvoked={this.props.onClickInvoked}
+              onChangedInvoked={this.props.onChangedInvoked}
               isSelected={page._id === focusedPageId || false}
               noLink
             />
@@ -49,7 +50,7 @@ SearchResultList.propTypes = {
   activePage: PropTypes.number.isRequired,
   pagingLimit: PropTypes.number,
   onClickInvoked: PropTypes.func,
-  onChangeInvoked: PropTypes.func,
+  onChangedInvoked: PropTypes.func,
   onPagingNumberChanged: PropTypes.func,
 };
 

packages/app/src/components/SearchPage/SearchResultListItem.tsx

@@ -5,25 +5,22 @@ import { DevidedPagePath } from '@growi/core';
 
 import loggerFactory from '~/utils/logger';
 
+import { ISearchedPage } from '../../interfaces/page';
+
 const logger = loggerFactory('growi:searchResultList');
 
 type Props ={
-  page: {
-    _id: string,
-    path: string,
-    noLink: boolean,
-    lastUpdateUser: any
-    elasticSearchResult: {
-      snippet: string,
-    }
-  },
+  page: ISearchedPage,
   isSelected: boolean,
   onClickInvoked?: (data: string) => void,
+  onChangedInvoked?: (page: ISearchedPage) => void,
 }
 
 const SearchResultListItem: FC<Props> = (props:Props) => {
 
-  const { page, isSelected, onClickInvoked } = props;
+  const {
+    page, isSelected, onClickInvoked, onChangedInvoked,
+  } = props;
 
   // Add prefix 'id_' in pageId, because scrollspy of bootstrap doesn't work when the first letter of id attr of target component is numeral.
   const pageId = `#${page._id}`;
@@ -53,7 +50,20 @@ const SearchResultListItem: FC<Props> = (props:Props) => {
         <div className="d-flex">
           {/* checkbox */}
           <div className="form-check my-auto mr-3">
-            <input className="form-check-input my-auto" type="checkbox" value="" id="flexCheckDefault" />
+            <input
+              className="form-check-input my-auto"
+              type="checkbox"
+              id="flexCheckDefault"
+              onClick={() => {
+                try {
+                  if (onChangedInvoked == null) { throw new Error('onChangedInvoked is null') }
+                  onChangedInvoked(page);
+                }
+                catch (error) {
+                  logger.error(error);
+                }
+              }}
+            />
           </div>
           <div className="w-100">
             {/* page path */}

packages/app/src/interfaces/page.ts

@@ -12,3 +12,12 @@ export type IPage = {
   updatedAt: Date,
   seenUsers: string[]
 }
+
+export type ISearchedPage = IPage & {
+  _id: string,
+  noLink: boolean,
+  lastUpdateUser: any,
+  elasticSearchResult: {
+    snippet: string,
+  }
+}