@blockle/blocks 0.8.3 → 0.8.5

package/dist/index.cjs

@@ -415,16 +415,18 @@ const usePreventBodyScroll = (enabled = true) => {
     };
   }, [enabled]);
 };
+const isBrowser = typeof window !== "undefined";
 const useRestoreFocus = (active) => {
-  const [target, setTarget] = react.useState(null);
-  useIsomorphicLayoutEffect(() => {
-    if (active && !target) {
-      setTarget(document.activeElement);
-    }
-  }, [active]);
+  const target = react.useRef(null);
+  if (isBrowser && active && !target.current) {
+    target.current = document.activeElement;
+  }
   react.useEffect(() => {
-    if (!active && target instanceof HTMLElement) {
-      target.focus();
+    if (target.current && !active && target.current instanceof HTMLElement) {
+      target.current.focus();
+    }
+    if (!active) {
+      target.current = null;
     }
   }, [active]);
 };

package/dist/index.mjs

@@ -415,16 +415,18 @@ const usePreventBodyScroll = (enabled = true) => {
     };
   }, [enabled]);
 };
+const isBrowser = typeof window !== "undefined";
 const useRestoreFocus = (active) => {
-  const [target, setTarget] = useState(null);
-  useIsomorphicLayoutEffect(() => {
-    if (active && !target) {
-      setTarget(document.activeElement);
-    }
-  }, [active]);
+  const target = useRef(null);
+  if (isBrowser && active && !target.current) {
+    target.current = document.activeElement;
+  }
   useEffect(() => {
-    if (!active && target instanceof HTMLElement) {
-      target.focus();
+    if (target.current && !active && target.current instanceof HTMLElement) {
+      target.current.focus();
+    }
+    if (!active) {
+      target.current = null;
     }
   }, [active]);
 };

package/dist/momotaro.chunk.d.ts

@@ -425,7 +425,7 @@ type ComponentTheme<T extends RecordLike> = ComponentThemeToStyles<T> & {
     defaultVariants?: ComponentThemeDefaultVariants<T>;
 };
 type ThemeComponentsStyles = {
-    [K in keyof ComponentThemes]: ComponentTheme<ComponentThemes[K]>;
+    [K in keyof ComponentThemes]?: ComponentTheme<ComponentThemes[K]>;
 };
 declare function makeComponentTheme<T extends keyof ThemeComponentsStyles>(component: T, componentTheme: ThemeComponentsStyles[T]): ThemeComponentsStyles[T];
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.8.3",
+  "version": "0.8.5",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",