@react-pdf-viewer/properties
Advanced tools
Comparing version 2.6.0 to 2.6.1
@@ -65,5 +65,7 @@ 'use strict'; | ||
React__namespace.useEffect(function () { | ||
doc.getMetadata().then(function (meta) { | ||
doc.getMetadata() | ||
.then(function (meta) { | ||
return Promise.resolve(meta); | ||
}).then(function (meta) { | ||
}) | ||
.then(function (meta) { | ||
return doc.getDownloadInfo().then(function (d) { | ||
@@ -76,7 +78,8 @@ return Promise.resolve({ | ||
}); | ||
}).then(function (response) { | ||
}) | ||
.then(function (response) { | ||
setData(response); | ||
}); | ||
}, []); | ||
return (data ? render(data) : React__namespace.createElement("div", { className: 'rpv-properties__loader' }, | ||
return data ? (render(data)) : (React__namespace.createElement("div", { className: "rpv-properties__loader" }, | ||
React__namespace.createElement(core.Spinner, null))); | ||
@@ -87,7 +90,7 @@ }; | ||
var label = _a.label, value = _a.value; | ||
return (React__namespace.createElement("dl", { className: 'rpv-properties__item' }, | ||
React__namespace.createElement("dt", { className: 'rpv-properties__item-label' }, | ||
return (React__namespace.createElement("dl", { className: "rpv-properties__item" }, | ||
React__namespace.createElement("dt", { className: "rpv-properties__item-label" }, | ||
label, | ||
":"), | ||
React__namespace.createElement("dd", { className: 'rpv-properties__item-value' }, value || '-'))); | ||
React__namespace.createElement("dd", { className: "rpv-properties__item-value" }, value || '-'))); | ||
}; | ||
@@ -157,7 +160,7 @@ | ||
var renderData = function (data) { return (React__namespace.createElement(React__namespace.Fragment, null, | ||
React__namespace.createElement("div", { className: 'rpv-properties__modal-section' }, | ||
React__namespace.createElement("div", { className: "rpv-properties__modal-section" }, | ||
React__namespace.createElement(PropertyItem, { label: (l10n && l10n.properties ? l10n.properties.fileName : 'File name'), value: data.fileName || fileName(fileName$1) }), | ||
React__namespace.createElement(PropertyItem, { label: (l10n && l10n.properties ? l10n.properties.fileSize : 'File size'), value: fileSize(data.length) })), | ||
React__namespace.createElement(core.Separator, null), | ||
React__namespace.createElement("div", { className: 'rpv-properties__modal-section' }, | ||
React__namespace.createElement("div", { className: "rpv-properties__modal-section" }, | ||
React__namespace.createElement(PropertyItem, { label: (l10n && l10n.properties ? l10n.properties.title : 'Title'), value: data.info.Title }), | ||
@@ -171,9 +174,9 @@ React__namespace.createElement(PropertyItem, { label: (l10n && l10n.properties ? l10n.properties.author : 'Author'), value: data.info.Author }), | ||
React__namespace.createElement(core.Separator, null), | ||
React__namespace.createElement("div", { className: 'rpv-properties__modal-section' }, | ||
React__namespace.createElement("div", { className: "rpv-properties__modal-section" }, | ||
React__namespace.createElement(PropertyItem, { label: (l10n && l10n.properties ? l10n.properties.pdfProducer : 'PDF producer'), value: data.info.Producer }), | ||
React__namespace.createElement(PropertyItem, { label: (l10n && l10n.properties ? l10n.properties.pdfVersion : 'PDF version'), value: data.info.PDFFormatVersion }), | ||
React__namespace.createElement(PropertyItem, { label: (l10n && l10n.properties ? l10n.properties.pageCount : 'Page count'), value: "" + doc.numPages })))); }; | ||
return (React__namespace.createElement("div", { className: 'rpv-properties__modal' }, | ||
return (React__namespace.createElement("div", { className: "rpv-properties__modal" }, | ||
React__namespace.createElement(PropertiesLoader, { doc: doc, render: renderData }), | ||
React__namespace.createElement("div", { className: 'rpv-properties__modal-footer' }, | ||
React__namespace.createElement("div", { className: "rpv-properties__modal-footer" }, | ||
React__namespace.createElement(core.Button, { onClick: onToggle }, l10n && l10n.properties ? l10n.properties.close : 'Close')))); | ||
@@ -209,9 +212,9 @@ }; | ||
var fileName = store.get('fileName') || ''; | ||
var defaultChildren = function (props) { return (React__namespace.createElement(ShowPropertiesButton, __assign({}, props))); }; | ||
var defaultChildren = function (props) { return React__namespace.createElement(ShowPropertiesButton, __assign({}, props)); }; | ||
var render = children || defaultChildren; | ||
return (currentDoc | ||
? (React__namespace.createElement(core.Modal, { target: function (toggle) { return render({ | ||
return currentDoc ? (React__namespace.createElement(core.Modal, { target: function (toggle) { | ||
return render({ | ||
onClick: toggle, | ||
}); }, content: function (toggle) { return React__namespace.createElement(PropertiesModal, { doc: currentDoc, fileName: fileName, onToggle: toggle }); }, closeOnClickOutside: true, closeOnEscape: true })) | ||
: React__namespace.createElement(React__namespace.Fragment, null)); | ||
}); | ||
}, content: function (toggle) { return React__namespace.createElement(PropertiesModal, { doc: currentDoc, fileName: fileName, onToggle: toggle }); }, closeOnClickOutside: true, closeOnEscape: true })) : (React__namespace.createElement(React__namespace.Fragment, null)); | ||
}; | ||
@@ -227,7 +230,9 @@ | ||
var propertiesPlugin = function () { | ||
var store = React__namespace.useMemo(function () { return core.createStore({ | ||
fileName: '', | ||
}); }, []); | ||
var ShowPropertiesDecorator = function (props) { return (React__namespace.createElement(ShowProperties, __assign({}, props, { store: store }))); }; | ||
var ShowPropertiesButtonDecorator = function () { return (React__namespace.createElement(ShowProperties, { store: store })); }; | ||
var store = React__namespace.useMemo(function () { | ||
return core.createStore({ | ||
fileName: '', | ||
}); | ||
}, []); | ||
var ShowPropertiesDecorator = function (props) { return React__namespace.createElement(ShowProperties, __assign({}, props, { store: store })); }; | ||
var ShowPropertiesButtonDecorator = function () { return React__namespace.createElement(ShowProperties, { store: store }); }; | ||
var ShowPropertiesMenuItemDecorator = function (props) { return (React__namespace.createElement(ShowPropertiesDecorator, null, function (p) { return React__namespace.createElement(ShowPropertiesMenuItem, __assign({}, p)); })); }; | ||
@@ -234,0 +239,0 @@ return { |
@@ -27,5 +27,3 @@ /** | ||
ShowPropertiesButton(): React.ReactElement; | ||
ShowPropertiesMenuItem: ( | ||
props: ShowPropertiesMenuItemProps | ||
) => React.ReactElement; | ||
ShowPropertiesMenuItem: (props: ShowPropertiesMenuItemProps) => React.ReactElement; | ||
} | ||
@@ -32,0 +30,0 @@ |
{ | ||
"name": "@react-pdf-viewer/properties", | ||
"version": "2.6.0", | ||
"version": "2.6.1", | ||
"description": "A React component to view a PDF document", | ||
@@ -36,3 +36,3 @@ "license": "https://react-pdf-viewer.dev/license", | ||
"dependencies": { | ||
"@react-pdf-viewer/core": "2.6.0" | ||
"@react-pdf-viewer/core": "2.6.1" | ||
}, | ||
@@ -52,3 +52,3 @@ "peerDependencies": { | ||
}, | ||
"gitHead": "91d6279570bd3d4672b131100392afd6e8658892" | ||
"gitHead": "500247f24514da033bf92266f6903decaffebb68" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
21672
288
+ Added@react-pdf-viewer/core@2.6.1(transitive)
- Removed@react-pdf-viewer/core@2.6.0(transitive)
Updated@react-pdf-viewer/core@2.6.1