refactor

src/components/BulkEditList/BulkEditList.js

@@ -56,7 +56,12 @@ export const BulkEditList = () => {
 
   const { isActionMenuShown } = useBulkPermissions();
   const { id: bulkOperationId } = usePathParams('/bulk-edit/:id');
-  const { step, capabilities, criteria, initialFileName } = useSearchParams();
+  const {
+    step,
+    capabilities,
+    criteria,
+    initialFileName
+  } = useSearchParams();
   const identifierFilters = Object.values(IDENTIFIER_FILTERS).map((el) => search.getAll(el));
   const queryFilters = Object.values(QUERY_FILTERS).map((el) => search.getAll(el));
   const logsFilters = Object.values(LOGS_FILTERS).map((el) => search.getAll(el));

src/components/BulkEditList/BulkEditListSidebar/IdentifierTab/IdentifierTab.js

@@ -1,4 +1,9 @@
-import React, { useCallback, useContext, useMemo, useState } from 'react';
+import React, {
+  useCallback,
+  useContext,
+  useMemo,
+  useState
+} from 'react';
 import { buildSearch, useShowCallout } from '@folio/stripes-acq-components';
 import { FormattedMessage } from 'react-intl';
 import { useHistory, useLocation } from 'react-router-dom';
@@ -23,7 +28,9 @@ import { RootContext } from '../../../../context/RootContext';
 export const IdentifierTab = () => {
   const history = useHistory();
   const location = useLocation();
+  const showCallout = useShowCallout();
   const permissions = useBulkPermissions();
+
   const {
     isFileUploaded,
     setIsFileUploaded,
@@ -37,10 +44,8 @@ export const IdentifierTab = () => {
     capabilities,
     identifier
   } = useSearchParams();
-  const showCallout = useShowCallout();
 
   const [isDropZoneActive, setDropZoneActive] = useState(false);
-
   const { fileUpload, isLoading } = useUpload();
   const { bulkOperationStart } = useBulkOperationStart();
 
@@ -56,8 +61,8 @@ export const IdentifierTab = () => {
 
   const [recordType] = activeFilters[IDENTIFIER_FILTERS.CAPABILITIES] || [];
   const [recordIdentifier] = activeFilters[IDENTIFIER_FILTERS.IDENTIFIER] || [];
-
   const isDropZoneDisabled = isFileUploaded || !recordIdentifier || initialFileName;
+  const capabilitiesFilterOptions = getCapabilityOptions(criteria, permissions);
 
   const {
     isSelectIdentifiersDisabled,
@@ -67,9 +72,6 @@ export const IdentifierTab = () => {
     hasInAppEditPerms,
   } = permissions;
 
-  const capabilitiesFilterOptions = getCapabilityOptions(criteria, permissions);
-
-
   const isRecordIdentifierSelectDisabled = getIsDisabledByPerm(
     recordType,
     isSelectIdentifiersDisabled,

src/components/BulkEditList/BulkEditListSidebar/QueryTab/QueryTab.js

@@ -15,7 +15,12 @@ import { RootContext } from '../../../../context/RootContext';
 
 export const QueryTab = () => {
   const history = useHistory();
-  const { queryRecordType, criteria, step, initialFileName } = useSearchParams();
+  const {
+    queryRecordType,
+    criteria,
+    step,
+    initialFileName
+  } = useSearchParams();
   const { setVisibleColumns } = useContext(RootContext);
   const { recordTypes } = useRecordTypes();
   const permissions = useBulkPermissions();