v5.1.9 (#160)

* Bump patch version [ci:run]

* Update README.md

* Update README.md

* Added backward compatibility for NodeStyleRule and EdgeStyleRule (#158)

* Bump patch version [ci:run]

* Fixed the container size

---------

Co-authored-by: Linkurious ci bot <infra@linkurio.us>

Author: w8r

.bumpversion.cfg

@@ -1,5 +1,5 @@
 [bumpversion]
-current_version = 5.1.7
+current_version = 5.1.9
 commit = False
 tag = False
 serialize =

.version

@@ -1 +1 @@
-5.1.7
+5.1.9

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkurious/ogma-react",
-  "version": "5.1.7",
+  "version": "5.1.9",
   "description": "A light adaptation of Ogma for React application",
   "keywords": [
     "ogma",

package.json

@@ -41,7 +41,14 @@ export const OgmaComponent = <ND, ED>(
   props: OgmaProps<ND, ED>,
   ref?: Ref<OgmaLib<ND, ED>>
 ) => {
-  const { options = defaultOptions, children, graph, onReady, theme, className = "ogma-container" } = props;
+  const {
+    options = defaultOptions,
+    children,
+    graph,
+    onReady,
+    theme,
+    className = "ogma-container"
+  } = props;
   const eventHandlersRef = useRef<EventHandlers<ND, ED>>({});
   const [ready, setReady] = useState(false);
   const [ogma, setOgma] = useState<OgmaLib | undefined>();
@@ -157,13 +164,16 @@ export const OgmaComponent = <ND, ED>(
 
   return (
     <div
+      style={{ width: "100%", height: "100%" }}
       className={className}
       ref={(containerRef) => setContainer(containerRef)}
     >
       {ogma && (
-        <OgmaContext.Provider value={{
-          ogma: ogma,
-        }}>
+        <OgmaContext.Provider
+          value={{
+            ogma: ogma
+          }}
+        >
           {ready && children}
         </OgmaContext.Provider>
       )}