@etsoo/materialui 1.2.3 → 1.2.4

package/lib/ScrollTopFab.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CustomFabProps } from './CustomFabProps';
+import { CustomFabProps } from "./CustomFabProps";
 /**
  * Scroll to top fab
  * @returns Component

package/lib/ScrollTopFab.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Fab, useScrollTrigger, Zoom } from '@mui/material';
-import VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';
+import React from "react";
+import { Fab, useScrollTrigger, Zoom } from "@mui/material";
+import VerticalAlignTopIcon from "@mui/icons-material/VerticalAlignTop";
 /**
  * Scroll to top fab
  * @returns Component
@@ -19,7 +19,7 @@ export function ScrollTopFab(props) {
     const handleClick = () => {
         target.scrollTo({ top: 0 });
     };
-    return (React.createElement(Zoom, { in: trigger },
+    return trigger ? (React.createElement(Zoom, { in: trigger },
         React.createElement(Fab, { color: color, size: size, title: title, onClick: handleClick },
-            React.createElement(VerticalAlignTopIcon, null))));
+            React.createElement(VerticalAlignTopIcon, null)))) : (React.createElement(React.Fragment, null));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/materialui",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "TypeScript Material-UI Implementation",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/ScrollTopFab.tsx

@@ -1,34 +1,36 @@
-import React from 'react';
-import { Fab, useScrollTrigger, Zoom } from '@mui/material';
-import VerticalAlignTopIcon from '@mui/icons-material/VerticalAlignTop';
-import { CustomFabProps } from './CustomFabProps';
+import React from "react";
+import { Fab, useScrollTrigger, Zoom } from "@mui/material";
+import VerticalAlignTopIcon from "@mui/icons-material/VerticalAlignTop";
+import { CustomFabProps } from "./CustomFabProps";
 
 /**
  * Scroll to top fab
  * @returns Component
  */
 export function ScrollTopFab(props: CustomFabProps) {
-    // Destruct
-    const { color, size, target, title } = props;
+  // Destruct
+  const { color, size, target, title } = props;
 
-    // Scroll trigger
-    const trigger = useScrollTrigger({
-        target,
-        disableHysteresis: true,
-        threshold: 120
-    });
+  // Scroll trigger
+  const trigger = useScrollTrigger({
+    target,
+    disableHysteresis: true,
+    threshold: 120
+  });
 
-    // Icon click handler
-    // behavior: 'smooth'
-    const handleClick = () => {
-        target.scrollTo({ top: 0 });
-    };
+  // Icon click handler
+  // behavior: 'smooth'
+  const handleClick = () => {
+    target.scrollTo({ top: 0 });
+  };
 
-    return (
-        <Zoom in={trigger}>
-            <Fab color={color} size={size} title={title} onClick={handleClick}>
-                <VerticalAlignTopIcon />
-            </Fab>
-        </Zoom>
-    );
+  return trigger ? (
+    <Zoom in={trigger}>
+      <Fab color={color} size={size} title={title} onClick={handleClick}>
+        <VerticalAlignTopIcon />
+      </Fab>
+    </Zoom>
+  ) : (
+    <React.Fragment />
+  );
 }