[WC-XXXX] Fix document-viewer structure

packages/pluggableWidgets/document-viewer-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Changed
+
+- We changed the internal structure of the widget
+
 ## [1.2.0] - 2025-10-29
 
 ### Added

packages/pluggableWidgets/document-viewer-web/package.json

@@ -56,6 +56,7 @@
         "@babel/plugin-transform-class-properties": "^7.27.1",
         "@babel/plugin-transform-private-methods": "^7.27.1",
         "@babel/plugin-transform-private-property-in-object": "^7.27.1",
+        "@mendix/eslint-config-web-widgets": "workspace:*",
         "@mendix/pluggable-widgets-tools": "*",
         "@mendix/rollup-web-widgets": "workspace:*",
         "@rollup/plugin-replace": "^6.0.2"

packages/pluggableWidgets/document-viewer-web/src/DocumentViewer.editorPreview.tsx

@@ -1,10 +1,10 @@
 import { ReactElement } from "react";
-import { DocumentViewerPreviewProps } from "typings/DocumentViewerProps";
-import "../ui/documentViewer.scss";
-import "../ui/documentViewerIcons.scss";
+import { DocumentViewerPreviewProps } from "../typings/DocumentViewerProps";
+import "./ui/documentViewer.scss";
+import "./ui/documentViewerIcons.scss";
 import classNames from "classnames";
-import { constructWrapperStyle } from "../utils/dimension";
-import { BaseControlViewer } from "components/BaseViewer";
+import { constructWrapperStyle } from "./utils/dimension";
+import { BaseControlViewer } from "./components/BaseViewer";
 
 export const preview = (props: DocumentViewerPreviewProps): ReactElement => {
     const { file } = props;

packages/pluggableWidgets/document-viewer-web/src/DocumentViewer.tsx

@@ -1,10 +1,10 @@
 import classNames from "classnames";
 import { ReactElement } from "react";
 import { DocumentViewerContainerProps } from "../typings/DocumentViewerProps";
-import "../ui/documentViewer.scss";
-import "../ui/documentViewerIcons.scss";
-import { constructWrapperStyle } from "../utils/dimension";
-import { useRendererSelector } from "../utils/useRendererSelector";
+import "./ui/documentViewer.scss";
+import "./ui/documentViewerIcons.scss";
+import { constructWrapperStyle } from "./utils/dimension";
+import { useRendererSelector } from "./utils/useRendererSelector";
 
 export default function DocumentViewer(props: DocumentViewerContainerProps): ReactElement {
     const { CurrentRenderer, props: rendererProps } = useRendererSelector(props);

packages/pluggableWidgets/document-viewer-web/components/BaseViewer.tsx → packages/pluggableWidgets/document-viewer-web/src/components/BaseViewer.tsx

@@ -1,6 +1,6 @@
 import { CSSProperties, Fragment, PropsWithChildren, ReactElement, ReactNode, useCallback } from "react";
 import { useZoomScale } from "../utils/useZoomScale";
-import { DocumentViewerContainerProps } from "typings/DocumentViewerProps";
+import { DocumentViewerContainerProps } from "../../typings/DocumentViewerProps";
 import { downloadFile } from "../utils/helpers";
 
 type FileFormat = {

packages/pluggableWidgets/document-viewer-web/components/PDFViewer.tsx → packages/pluggableWidgets/document-viewer-web/src/components/PDFViewer.tsx

@@ -1,4 +1,4 @@
-import { Fragment, useCallback, useEffect, useMemo, useState } from "react";
+import { ChangeEvent, FormEvent, Fragment, KeyboardEvent, useCallback, useEffect, useMemo, useState } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
 import "react-pdf/dist/Page/AnnotationLayer.css";
 import "react-pdf/dist/Page/TextLayer.css";
@@ -42,7 +42,7 @@ const PDFViewer: DocRendererElement = (props: DocumentRendererProps) => {
         downloadFile(file.value?.uri);
     }, [file]);
 
-    const handlePageInputChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
+    const handlePageInputChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {
         const value = event.target.value;
         // Allow only numbers and empty string
         if (value === "" || /^\d+$/.test(value)) {
@@ -61,7 +61,7 @@ const PDFViewer: DocRendererElement = (props: DocumentRendererProps) => {
     }, [pageInputValue, numberOfPages, currentPage]);
 
     const handlePageInputSubmit = useCallback(
-        (event: React.FormEvent) => {
+        (event: FormEvent) => {
             event.preventDefault();
             validateAndSetPage();
         },
@@ -73,7 +73,7 @@ const PDFViewer: DocRendererElement = (props: DocumentRendererProps) => {
     }, [validateAndSetPage]);
 
     const handlePageInputKeyDown = useCallback(
-        (event: React.KeyboardEvent<HTMLInputElement>) => {
+        (event: KeyboardEvent<HTMLInputElement>) => {
             if (event.key === "Enter") {
                 event.preventDefault();
                 validateAndSetPage();

packages/pluggableWidgets/document-viewer-web/components/documentRenderer.ts → packages/pluggableWidgets/document-viewer-web/src/components/documentRenderer.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { DocumentViewerContainerProps } from "../typings/DocumentViewerProps";
+import { DocumentViewerContainerProps } from "../../typings/DocumentViewerProps";
 
 export declare const enum DocumentStatus {
     available = "available",

packages/pluggableWidgets/document-viewer-web/utils/dimension.ts → packages/pluggableWidgets/document-viewer-web/src/utils/dimension.ts

@@ -1,11 +1,11 @@
 import { CSSProperties } from "react";
 import {
-    WidthUnitEnum,
     HeightUnitEnum,
-    MinHeightUnitEnum,
     MaxHeightUnitEnum,
-    OverflowYEnum
-} from "../typings/DocumentViewerProps";
+    MinHeightUnitEnum,
+    OverflowYEnum,
+    WidthUnitEnum
+} from "../../typings/DocumentViewerProps";
 
 export interface DimensionContainerProps {
     widthUnit: WidthUnitEnum;

packages/pluggableWidgets/document-viewer-web/utils/useRendererSelector.ts → packages/pluggableWidgets/document-viewer-web/src/utils/useRendererSelector.ts

@@ -8,7 +8,7 @@ import {
     DocumentStatusEvent
 } from "../components/documentRenderer";
 import ErrorViewer from "../components/ErrorViewer";
-import { DocumentViewerContainerProps } from "../typings/DocumentViewerProps";
+import { DocumentViewerContainerProps } from "../../typings/DocumentViewerProps";
 interface DocumentRenderer {
     CurrentRenderer: DocRendererElement;
     props: DocumentRendererProps;