@snack-uikit/icons 0.22.0 → 0.22.1-preview-94780dcd.0

package/dist/Sprite.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare function SpriteInner({ content }: {
     content: string;
 }): null;

package/dist/Sprite.js

@@ -1,16 +1,24 @@
-import { useLayoutEffect, useState, memo } from 'react';
+import { memo, useState } from 'react';
+import { useLayoutEffect } from '@snack-uikit/utils';
 function SpriteInner({ content }) {
-    const [div] = useState(() => document.createElement('div'));
+    const [div, setDiv] = useState();
     useLayoutEffect(() => {
-        div.style.display = 'none';
-        document.body.prepend(div);
-        return () => {
-            document.body.removeChild(div);
-        };
+        setDiv(document.createElement('div'));
     }, []);
     useLayoutEffect(() => {
-        div.innerHTML = content;
-    }, [content]);
+        if (div) {
+            div.style.display = 'none';
+            document.body.prepend(div);
+            return () => {
+                document.body.removeChild(div);
+            };
+        }
+    }, [div]);
+    useLayoutEffect(() => {
+        if (div) {
+            div.innerHTML = content;
+        }
+    }, [content, div]);
     return null;
 }
 export const Sprite = memo(SpriteInner);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Icons",
-  "version": "0.22.0",
+  "version": "0.22.1-preview-94780dcd.0",
   "sideEffects": [
     "*.svg",
     "*.css",
@@ -40,6 +40,9 @@
     "build:interface-icons": "npm run fix:icons --directory=interface-icons && npm run build:icons --directory=interface-icons",
     "compile": "npm run validate:icons && npm run build:interface-icons && npm run create-export-index-file && npm run create-sprite"
   },
+  "dependencies": {
+    "@snack-uikit/utils": "3.3.1-preview-94780dcd.0"
+  },
   "devDependencies": {
     "@svgr/cli": "8.1.0",
     "@svgr/plugin-jsx": "8.1.0",
@@ -49,5 +52,5 @@
     "svg-sprite": "2.0.2",
     "svgo": "3.1.0"
   },
-  "gitHead": "4c153b54a2902cf20883d85b4dc753344313c6cb"
+  "gitHead": "0b67805c876ec8ccc1567d110a3b37b04d2f0fb6"
 }

package/src/Sprite.tsx

@@ -1,20 +1,30 @@
-import { useLayoutEffect, useState, memo } from 'react';
+import { memo, useState } from 'react';
+
+import { useLayoutEffect } from '@snack-uikit/utils';
 
 function SpriteInner({ content }: { content: string }) {
-  const [div] = useState(() => document.createElement('div'));
+  const [div, setDiv] = useState<HTMLDivElement>();
 
   useLayoutEffect(() => {
-    div.style.display = 'none';
-    document.body.prepend(div);
-
-    return () => {
-      document.body.removeChild(div);
-    };
+    setDiv(document.createElement('div'));
   }, []);
 
   useLayoutEffect(() => {
-    div.innerHTML = content;
-  }, [content]);
+    if (div) {
+      div.style.display = 'none';
+      document.body.prepend(div);
+
+      return () => {
+        document.body.removeChild(div);
+      };
+    }
+  }, [div]);
+
+  useLayoutEffect(() => {
+    if (div) {
+      div.innerHTML = content;
+    }
+  }, [content, div]);
 
   return null;
 }