@pipelinesolucoes/display 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/VisualizadorPdfBase.d.ts +1 -1
- package/dist/components/VisualizadorPdfBase.js +10 -8
- package/dist/components/VisualizadorPdfBase.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/components/VisualizadorPdf.d.ts +0 -4
- package/dist/components/VisualizadorPdf.js +0 -18
- package/dist/components/VisualizadorPdf.js.map +0 -1
|
@@ -11,4 +11,4 @@ export type VisualizadorPdfBaseProps = {
|
|
|
11
11
|
iconColor?: string;
|
|
12
12
|
scale?: number;
|
|
13
13
|
};
|
|
14
|
-
export declare function VisualizadorPdfBase({ fileUrl, width, height, iconColor, scale }: VisualizadorPdfBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function VisualizadorPdfBase({ fileUrl, width, height, iconColor, scale, }: VisualizadorPdfBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,8 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { Box, IconButton, Stack, styled, Typography, useTheme } from "@mui/material";
|
|
5
5
|
import { Document, Page, pdfjs } from "react-pdf";
|
|
6
|
-
import ArrowCircleLeftIcon from
|
|
7
|
-
import ArrowCircleRightIcon from
|
|
6
|
+
import ArrowCircleLeftIcon from "@mui/icons-material/ArrowCircleLeft";
|
|
7
|
+
import ArrowCircleRightIcon from "@mui/icons-material/ArrowCircleRight";
|
|
8
|
+
if (typeof window !== "undefined") {
|
|
9
|
+
pdfjs.GlobalWorkerOptions.workerSrc = "/pdf.worker.min.mjs";
|
|
10
|
+
}
|
|
8
11
|
export const AnteriorIcon = styled(ArrowCircleLeftIcon, {
|
|
9
12
|
shouldForwardProp: (prop) => prop !== "iconColor",
|
|
10
13
|
})(({ iconColor }) => ({
|
|
@@ -17,19 +20,18 @@ export const ProximoIcon = styled(ArrowCircleRightIcon, {
|
|
|
17
20
|
color: iconColor,
|
|
18
21
|
fontSize: "24px",
|
|
19
22
|
}));
|
|
20
|
-
|
|
21
|
-
export function VisualizadorPdfBase({ fileUrl, width = '100%', height = "480px", iconColor = "black", scale = 1.5 }) {
|
|
23
|
+
export function VisualizadorPdfBase({ fileUrl, width = "100%", height = "480px", iconColor = "black", scale = 1.5, }) {
|
|
22
24
|
const theme = useTheme();
|
|
23
25
|
const [numPages, setNumPages] = useState(0);
|
|
24
26
|
const [pageNumber, setPageNumber] = useState(1);
|
|
25
27
|
return (_jsxs(Box, { sx: {
|
|
26
|
-
width
|
|
27
|
-
height
|
|
28
|
-
}, children: [_jsxs(Stack, { direction: "row", spacing: "16px", alignItems: "center", justifyContent: "center", padding: "16px", width: "100%", children: [_jsx(IconButton, { "aria-label": "botao anterior", disabled: pageNumber <= 1, onClick: () => setPageNumber((prev) => prev - 1), children: _jsx(AnteriorIcon, { iconColor: iconColor }) }), _jsxs(Typography, { variant: "caption", color: theme.palette.text.primary, children: ["P\u00E1gina ", pageNumber, " de ", numPages || "..."] }), _jsx(IconButton, { "aria-label": "botao proximo", disabled: pageNumber >= numPages, onClick: () => setPageNumber((prev) => prev + 1), children: _jsx(ProximoIcon, { iconColor: iconColor }) })] }), _jsx(Box, { sx: {
|
|
28
|
+
width,
|
|
29
|
+
height,
|
|
30
|
+
}, children: [_jsxs(Stack, { direction: "row", spacing: "16px", alignItems: "center", justifyContent: "center", padding: "16px", width: "100%", children: [_jsx(IconButton, { "aria-label": "botao anterior", disabled: pageNumber <= 1, onClick: () => setPageNumber((prev) => Math.max(prev - 1, 1)), children: _jsx(AnteriorIcon, { iconColor: iconColor }) }), _jsxs(Typography, { variant: "caption", color: theme.palette.text.primary, children: ["P\u00E1gina ", pageNumber, " de ", numPages || "..."] }), _jsx(IconButton, { "aria-label": "botao proximo", disabled: !numPages || pageNumber >= numPages, onClick: () => setPageNumber((prev) => Math.min(prev + 1, numPages)), children: _jsx(ProximoIcon, { iconColor: iconColor }) })] }), _jsx(Box, { sx: {
|
|
29
31
|
display: "flex",
|
|
30
32
|
justifyContent: "center",
|
|
31
33
|
overflow: "auto",
|
|
32
|
-
height: `calc(${height} -
|
|
34
|
+
height: `calc(${height} - 64px)`,
|
|
33
35
|
width: "100%",
|
|
34
36
|
}, children: _jsx(Document, { file: fileUrl, onLoadSuccess: ({ numPages }) => {
|
|
35
37
|
setNumPages(numPages);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisualizadorPdfBase.js","sourceRoot":"","sources":["../../src/components/VisualizadorPdfBase.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AACtE,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AAExE,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,mBAAmB,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,
|
|
1
|
+
{"version":3,"file":"VisualizadorPdfBase.js","sourceRoot":"","sources":["../../src/components/VisualizadorPdfBase.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import '@pipelinesolucoes/theme';
|
|
2
2
|
export { default as ModalMotion } from "./components/ModalMotion";
|
|
3
|
-
export {
|
|
3
|
+
export { VisualizadorPdfBase } from "./components/VisualizadorPdfBase";
|
|
4
|
+
export type { VisualizadorPdfBaseProps } from "./components/VisualizadorPdfBase";
|
|
4
5
|
export type { BorderProps } from "./types/style/BorderProps";
|
|
5
6
|
export type { LayoutProps } from "./types/style/LayoutProps";
|
|
6
7
|
export type { ColorProps } from "./types/style/ColorProps";
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '@pipelinesolucoes/theme';
|
|
2
2
|
export { default as ModalMotion } from "./components/ModalMotion";
|
|
3
|
-
export {
|
|
3
|
+
export { VisualizadorPdfBase } from "./components/VisualizadorPdfBase";
|
|
4
4
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC"}
|