react-file-preview-engine 0.1.1 → 0.1.3

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/index.js CHANGED
@@ -191,7 +191,7 @@ function injectStyle(css) {
191
191
  style.appendChild(document.createTextNode(css));
192
192
  }
193
193
  }
194
- injectStyle(".rfpe-container {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n max-width: 100lvw;\n}\n.rfpe-icon {\n width: 50px;\n height: 50px;\n}\n.rfpe-audio {\n width: 100%;\n}\n.rfpe-iframe {\n width: 100%;\n height: 100%;\n background-color: white;\n}\n.rfpe-image {\n width: 100%;\n height: 100%;\n}\n.rfpe-text {\n width: 100%;\n height: 100%;\n overflow: auto;\n white-space: pre-wrap;\n}\n.rfpe-video {\n width: 100%;\n height: 100%;\n}\n.rfpe-loader {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n}\n.rfpe-loader-spinner {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid transparent;\n border-top-color: black;\n border-bottom-color: black;\n animation: rfpe-spin-fast 0.6s ease infinite;\n}\n.rfpe-loader-text {\n font-size: 0.875rem;\n}\n@keyframes rfpe-spin-fast {\n to {\n transform: rotate(360deg);\n }\n}\n");
194
+ injectStyle("@layer rfpe {\n :where(.rfpe-container) {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n max-width: 100lvw;\n }\n :where(.rfpe-icon) {\n width: 50px;\n height: 50px;\n }\n}\n.rfpe-audio {\n width: 100%;\n}\n.rfpe-iframe {\n background-color: white;\n}\n.rfpe-iframe,\n.rfpe-image,\n.rfpe-video {\n width: 100%;\n height: 100%;\n}\n.rfpe-image,\n.rfpe-video {\n object-fit: contain;\n}\n.rfpe-text {\n width: 100%;\n height: 100%;\n overflow: auto;\n white-space: pre-wrap;\n}\n.rfpe-loader {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n}\n.rfpe-loader-spinner {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid transparent;\n border-top-color: black;\n border-bottom-color: black;\n animation: rfpe-spin-fast 0.6s ease infinite;\n}\n.rfpe-loader-text {\n font-size: 0.875rem;\n}\n@keyframes rfpe-spin-fast {\n to {\n transform: rotate(360deg);\n }\n}\n");
195
195
 
196
196
  // src/index.tsx
197
197
  var { additionalContext: defaultContext, customRenderers: defaultRenderers2, props: defaultProps } = defaults;
package/dist/types.d.ts CHANGED
@@ -30,7 +30,7 @@ type FilePreviewerProps<T extends object> = {
30
30
  additionalContext?: T;
31
31
  errorRenderer?: Renderer<T>;
32
32
  containerProps?: DivProps;
33
- } & MimeTypeSource & RenderBehaviour;
33
+ } & MimeTypeSource & Partial<RenderBehaviour>;
34
34
  type FileSource = string | File | Blob | ArrayBuffer;
35
35
  type MimeTypeSource = {
36
36
  mimeType: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-file-preview-engine",
3
- "version": "0.1.1",
3
+ "version": "0.1.3",
4
4
  "description": "A renderer-driven React file preview engine with extensible architecture for images, video, audio, pdf, html, and custom formats.",
5
5
  "license": "MIT",
6
6
  "author": "Sahil Aggarwal <aggarwalsahil2004@gmail.com>",