refactor: rename itemId to itemKey

Author: navinkarkera

src/library-authoring/generic/history-log/HistoryLog.tsx

@@ -49,7 +49,7 @@ export const HistoryComponentLog = ({ componentId }: { componentId: string; }) =
     <div className="history-log">
       {draftHistory && draftHistory.length !== 0 && (
         <HistoryDraftLogGroup
-          itemId={componentId}
+          itemKey={componentId}
           displayName={componentMetadata?.displayName || ''}
           entries={draftHistory}
         />
@@ -151,7 +151,7 @@ export const HistoryContainerLog = ({ containerId }: { containerId: string; }) =
     <div className="history-log">
       {draftHistory && draftHistory.length !== 0 && (
         <HistoryDraftLogGroup
-          itemId={containerId}
+          itemKey={containerId}
           displayName={container?.displayName ?? ''}
           entries={draftHistory}
         />

src/library-authoring/generic/history-log/HistoryLogGroup.test.tsx

@@ -32,7 +32,7 @@ describe('<HistoryLogGroup />', () => {
 
     render(
       <HistoryDraftLogGroup
-        itemId={mockLibraryBlockDraftHistory.usageKey}
+        itemKey={mockLibraryBlockDraftHistory.usageKey}
         displayName="Test Component"
         entries={draftEntries}
       />,
@@ -76,7 +76,7 @@ describe('<HistoryLogGroup />', () => {
 
     render(
       <HistoryDraftLogGroup
-        itemId={mockLibraryContainerDraftHistory.containerKey}
+        itemKey={mockLibraryContainerDraftHistory.containerKey}
         displayName="Intro Unit"
         entries={containerDraftEntries}
       />,

src/library-authoring/generic/history-log/HistoryLogGroup.tsx

@@ -30,7 +30,7 @@ export interface HistoryCreatedLogGroupProps {
 }
 
 export interface HistoryDraftLogGroupProps {
-  itemId: string;
+  itemKey: string;
   displayName: string;
   entries: LibraryHistoryEntry[];
 }
@@ -98,7 +98,7 @@ export const HistoryCreatedLogGroup = ({
 };
 
 export const HistoryDraftLogGroup = ({
-  itemId,
+  itemKey,
   displayName,
   entries,
 }: HistoryDraftLogGroupProps) => {
@@ -125,7 +125,7 @@ export const HistoryDraftLogGroup = ({
           />
         </Collapsible.Trigger>
         <Collapsible.Body>
-          <HistoryLogGroupEntries itemId={itemId} entries={entries} />
+          <HistoryLogGroupEntries itemKey={itemKey} entries={entries} />
         </Collapsible.Body>
       </Collapsible.Advanced>
       <div className="history-log-vert" />
@@ -186,7 +186,7 @@ export const HistoryPublishLogGroup = ({
                     </div>
                   </>
                 ) :
-                <HistoryLogGroupEntries entries={entries ?? []} itemId={itemId} />}
+                <HistoryLogGroupEntries entries={entries ?? []} itemKey={itemId} />}
             </Collapsible.Body>
           </Collapsible.Advanced>
         ) :

src/library-authoring/generic/history-log/HistoryLogGroupEntries.tsx

@@ -11,12 +11,12 @@ import { useToggleWithValue } from '@src/hooks';
 import HistoryCompareChangesModal from '@src/library-authoring/generic/history-log/HistoryCompareChangesModal';
 
 export interface HistoryLogGroupEntriesProps {
-  itemId: string;
+  itemKey: string;
   entries: LibraryHistoryEntry[];
 }
 
 export const HistoryLogGroupEntries = ({
-  itemId,
+  itemKey,
   entries,
 }: HistoryLogGroupEntriesProps) => {
   const intl = useIntl();
@@ -69,11 +69,11 @@ export const HistoryLogGroupEntries = ({
                     {moment(entry.changedAt).fromNow()}
                   </span>
                 </Stack>
-                {!isContainerUsageKey(itemId) &&
+                {!isContainerUsageKey(itemKey) &&
                   (
                     <Dropdown>
                       <Dropdown.Toggle
-                        id={`dropdown-toggle-${itemId}-${entry.changedAt}-${index}`}
+                        id={`dropdown-toggle-${itemKey}-${entry.changedAt}-${index}`}
                         as={IconButton}
                         src={MoreVert}
                         iconAs={Icon}
@@ -97,7 +97,7 @@ export const HistoryLogGroupEntries = ({
         <HistoryCompareChangesModal
           isOpen={isChangeModalOpen}
           onClose={closeChangeModal}
-          usageKey={itemId}
+          usageKey={itemKey}
           oldTitle={changeModalData.title}
           oldVersion={changeModalData.oldVersion}
           newVersion={changeModalData.newVersion || 'published'}