Add options and theme props advertised in 1.0.0

epam · Aug 9, 2024 · bb7d3eb · bb7d3eb
1 parent 7007c47
commit bb7d3eb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/packages/miew-react/src/Viewer.jsx b/packages/miew-react/src/Viewer.jsx
@@ -25,15 +25,16 @@ function destroyMiewRef(miewRef) {
 }
 
 // eslint-disable-next-line react/prop-types
-export default function Viewer({ onInit }) {
+export default function Viewer({ onInit, options }) {
   const miewRef = useRef();
   const rootRef = useRef();
 
   useLayoutEffect(() => {
-    const settings = { axes: false, fps: false };
-    createMiewRef(miewRef, { container: rootRef.current, settings }, onInit);
+    // eslint-disable-next-line react/prop-types
+    const settings = { axes: false, fps: false, ...options?.settings };
+    createMiewRef(miewRef, { ...options, container: rootRef.current, settings }, onInit);
     return () => destroyMiewRef(miewRef);
-  }, [onInit]);
+  }, [onInit, options]);
 
   return (
     <div className={styles.root} ref={rootRef}>

diff --git a/packages/miew-react/types/Viewer.d.ts b/packages/miew-react/types/Viewer.d.ts
@@ -2,7 +2,13 @@ import { Miew } from 'miew';
 
 declare type ViewerProps = {
   onInit?: (miew: Miew) => void;
+  options?: { [key: string]: any };
+  theme?: any;
 };
 
-declare const Viewer: ({ onInit }: ViewerProps) => import('@emotion/react/jsx-runtime').JSX.Element;
+declare const Viewer: ({
+  onInit,
+  options,
+  theme,
+}: ViewerProps) => import('@emotion/react/jsx-runtime').JSX.Element;
 export default Viewer;