refactor: replace ROTATION_DEGREES array with ROTATION object and update related imports

Author: pasyukevich

src/PDFPreviewer.tsx

@@ -11,7 +11,7 @@ import type {PDFDocument, PageViewport, RotationDegrees} from './types.js';
 import {pdfPreviewerStyles as styles} from './styles.js';
 import PDFPasswordForm, {type PDFPasswordFormProps} from './PDFPasswordForm.js';
 import PageRenderer from './PageRenderer.js';
-import {PAGE_BORDER, LARGE_SCREEN_SIDE_SPACING, DEFAULT_DOCUMENT_OPTIONS, DEFAULT_EXTERNAL_LINK_TARGET, PDF_PASSWORD_FORM_RESPONSES} from './constants.js';
+import {PAGE_BORDER, LARGE_SCREEN_SIDE_SPACING, DEFAULT_DOCUMENT_OPTIONS, DEFAULT_EXTERNAL_LINK_TARGET, PDF_PASSWORD_FORM_RESPONSES, ROTATION} from './constants.js';
 import {setListAttributes} from './helpers.js';
 
 type Props = {
@@ -53,7 +53,7 @@ function PDFPreviewer({
     contentContainerStyle,
     shouldShowErrorComponent = true,
     onLoadError,
-    rotation = 0,
+    rotation = ROTATION.DEG_0,
 }: Props): JSX.Element {
     const [pageViewports, setPageViewports] = useState<PageViewport[]>([]);
     const [numPages, setNumPages] = useState(0);
@@ -119,7 +119,7 @@ function PDFPreviewer({
             const {width: originalWidth, height: originalHeight} = pageViewports[pageIndex];
 
             // Swap dimensions when rotated 90 or 270 degrees
-            const isRotated90or270 = rotation === 90 || rotation === 270;
+            const isRotated90or270 = rotation === ROTATION.DEG_90 || rotation === ROTATION.DEG_270;
             const pageViewportWidth = isRotated90or270 ? originalHeight : originalWidth;
             const pageViewportHeight = isRotated90or270 ? originalWidth : originalHeight;
 
@@ -240,7 +240,12 @@ function PDFPreviewer({
             ref={containerRef}
             style={{...styles.container, ...containerStyle}}
         >
-            <div style={{...styles.innerContainer, ...(shouldRequestPassword ? styles.invisibleContainer : {})}}>
+            <div
+                style={{
+                    ...styles.innerContainer,
+                    ...(shouldRequestPassword ? styles.invisibleContainer : {}),
+                }}
+            >
                 <Document
                     file={file}
                     options={DEFAULT_DOCUMENT_OPTIONS}
@@ -262,7 +267,14 @@ function PDFPreviewer({
                             itemCount={numPages}
                             itemSize={calculatePageHeight}
                             estimatedItemSize={calculatePageHeight(0)}
-                            itemData={{pageWidth, estimatedPageHeight, calculatePageHeight, getDevicePixelRatio, containerHeight, numPages}}
+                            itemData={{
+                                pageWidth,
+                                estimatedPageHeight,
+                                calculatePageHeight,
+                                getDevicePixelRatio,
+                                containerHeight,
+                                numPages,
+                            }}
                         >
                             {PageRenderer}
                         </List>

src/constants.ts

@@ -36,6 +36,13 @@ const PDF_PASSWORD_FORM_RESPONSES = {
 /**
  * Valid rotation angles for PDF pages, in degrees clockwise.
  */
-const ROTATION_DEGREES = [0, 90, 180, 270] as const;
+const ROTATION = {
+    DEG_0: 0,
+    DEG_90: 90,
+    DEG_180: 180,
+    DEG_270: 270,
+} as const;
 
-export {PAGE_BORDER, LARGE_SCREEN_SIDE_SPACING, DEFAULT_DOCUMENT_OPTIONS, DEFAULT_EXTERNAL_LINK_TARGET, PDF_PASSWORD_FORM_RESPONSES, ROTATION_DEGREES};
+const ROTATION_DEGREES_STEPS = [ROTATION.DEG_0, ROTATION.DEG_90, ROTATION.DEG_180, ROTATION.DEG_270] as const;
+
+export {PAGE_BORDER, LARGE_SCREEN_SIDE_SPACING, DEFAULT_DOCUMENT_OPTIONS, DEFAULT_EXTERNAL_LINK_TARGET, PDF_PASSWORD_FORM_RESPONSES, ROTATION, ROTATION_DEGREES_STEPS};

src/index.ts

@@ -1,10 +1,10 @@
 import PDFPreviewer from './PDFPreviewer.js';
-import {ROTATION_DEGREES} from './constants.js';
+import {ROTATION, ROTATION_DEGREES_STEPS} from './constants.js';
 import type {RotationDegrees} from './types.js';
 
 const PACKAGE_NAME = 'react-fast-pdf';
 
-export {PDFPreviewer, ROTATION_DEGREES};
+export {PDFPreviewer, ROTATION, ROTATION_DEGREES_STEPS};
 export type {RotationDegrees};
 
 export default {

src/types.ts

@@ -1,4 +1,5 @@
 import {CSSProperties} from 'react';
+import {ROTATION} from './constants.js';
 
 type Page = {
     getViewport: ({scale}: {scale: number}) => PageViewport;
@@ -21,6 +22,6 @@ type ComponentStyles = {
 /**
  * Valid rotation angles for PDF pages (in degrees clockwise)
  */
-type RotationDegrees = 0 | 90 | 180 | 270;
+type RotationDegrees = typeof ROTATION.DEG_0 | typeof ROTATION.DEG_90 | typeof ROTATION.DEG_180 | typeof ROTATION.DEG_270;
 
 export type {PDFDocument, PageViewport, ComponentStyles, RotationDegrees};