@snack-uikit/icons 0.26.4 → 0.26.5-preview-76bcef09.0

package/dist/cjs/Sprite.d.ts

@@ -1,5 +1,6 @@
-declare function SpriteInner({ content }: {
+type SpriteProps = {
     content: string;
-}): null;
-export declare const Sprite: import("react").MemoExoticComponent<typeof SpriteInner>;
+    'data-test-id'?: string;
+};
+export declare const Sprite: import("react").NamedExoticComponent<SpriteProps>;
 export {};

package/dist/cjs/Sprite.js

@@ -4,34 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Sprite = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@snack-uikit/utils");
-function SpriteInner(_ref) {
-  let {
-    content
-  } = _ref;
-  const [div] = (0, react_1.useState)((0, utils_1.isBrowser)() ? document.createElement('div') : undefined);
-  if ((0, utils_1.isBrowser)() && div && div.parentNode !== document.body) {
-    div.style.display = 'none';
-    div.innerHTML = content;
-    document.body.prepend(div);
+exports.Sprite = (0, react_1.memo)(function Sprite(props) {
+  if (!(0, utils_1.isBrowser)()) {
+    return null;
   }
-  (0, utils_1.useLayoutEffect)(() => {
-    if (div) {
-      return () => {
-        document.body.removeChild(div);
-      };
+  return (0, jsx_runtime_1.jsx)("div", {
+    "data-test-id": props['data-test-id'],
+    style: {
+      display: 'none'
+    },
+    dangerouslySetInnerHTML: {
+      __html: props.content
     }
-  }, [div]);
-  (0, utils_1.useLayoutEffect)(() => {
-    if (div) {
-      if (div.parentNode !== document.body) {
-        div.style.display = 'none';
-        document.body.prepend(div);
-      }
-      div.innerHTML = content;
-    }
-  }, [content, div]);
-  return null;
-}
-exports.Sprite = (0, react_1.memo)(SpriteInner);
+  });
+});

package/dist/esm/Sprite.d.ts

@@ -1,5 +1,6 @@
-declare function SpriteInner({ content }: {
+type SpriteProps = {
     content: string;
-}): null;
-export declare const Sprite: import("react").MemoExoticComponent<typeof SpriteInner>;
+    'data-test-id'?: string;
+};
+export declare const Sprite: import("react").NamedExoticComponent<SpriteProps>;
 export {};

package/dist/esm/Sprite.js

@@ -1,28 +1,9 @@
-import { memo, useState } from 'react';
-import { isBrowser, useLayoutEffect } from '@snack-uikit/utils';
-function SpriteInner({ content }) {
-    const [div] = useState(isBrowser() ? document.createElement('div') : undefined);
-    if (isBrowser() && div && div.parentNode !== document.body) {
-        div.style.display = 'none';
-        div.innerHTML = content;
-        document.body.prepend(div);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { isBrowser } from '@snack-uikit/utils';
+export const Sprite = memo(function Sprite(props) {
+    if (!isBrowser()) {
+        return null;
     }
-    useLayoutEffect(() => {
-        if (div) {
-            return () => {
-                document.body.removeChild(div);
-            };
-        }
-    }, [div]);
-    useLayoutEffect(() => {
-        if (div) {
-            if (div.parentNode !== document.body) {
-                div.style.display = 'none';
-                document.body.prepend(div);
-            }
-            div.innerHTML = content;
-        }
-    }, [content, div]);
-    return null;
-}
-export const Sprite = memo(SpriteInner);
+    return (_jsx("div", { "data-test-id": props['data-test-id'], style: { display: 'none' }, dangerouslySetInnerHTML: { __html: props.content } }));
+});

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Icons",
-  "version": "0.26.4",
+  "version": "0.26.5-preview-76bcef09.0",
   "sideEffects": [
     "*.svg",
     "*.css",
@@ -56,5 +56,5 @@
     "svg-sprite": "2.0.2",
     "svgo": "3.1.0"
   },
-  "gitHead": "32ca67614118aeb02c9e69b8d4491f76cf5fe282"
+  "gitHead": "f319535e21d641f07f7f7f20ae249d94b7586544"
 }

package/src/Sprite.tsx

@@ -1,36 +1,22 @@
-import { memo, useState } from 'react';
+import { memo } from 'react';
 
-import { isBrowser, useLayoutEffect } from '@snack-uikit/utils';
+import { isBrowser } from '@snack-uikit/utils';
 
-function SpriteInner({ content }: { content: string }) {
-  const [div] = useState(isBrowser() ? document.createElement('div') : undefined);
+type SpriteProps = {
+  content: string;
+  'data-test-id'?: string;
+};
 
-  if (isBrowser() && div && div.parentNode !== document.body) {
-    div.style.display = 'none';
-    div.innerHTML = content;
-    document.body.prepend(div);
+export const Sprite = memo(function Sprite(props: SpriteProps) {
+  if (!isBrowser()) {
+    return null;
   }
 
-  useLayoutEffect(() => {
-    if (div) {
-      return () => {
-        document.body.removeChild(div);
-      };
-    }
-  }, [div]);
-
-  useLayoutEffect(() => {
-    if (div) {
-      if (div.parentNode !== document.body) {
-        div.style.display = 'none';
-        document.body.prepend(div);
-      }
-
-      div.innerHTML = content;
-    }
-  }, [content, div]);
-
-  return null;
-}
-
-export const Sprite = memo(SpriteInner);
+  return (
+    <div
+      data-test-id={props['data-test-id']}
+      style={{ display: 'none' }}
+      dangerouslySetInnerHTML={{ __html: props.content }}
+    />
+  );
+});