next-helios-fe 1.1.40 → 1.1.42

package/dist/index.js.LICENSE.txt

@@ -1,3 +1,10 @@
+/*
+* React Tooltip
+* {@link https://github.com/ReactTooltip/react-tooltip}
+* @copyright ReactTooltip Team
+* @license MIT
+*/
+
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-helios-fe",
-  "version": "1.1.40",
+  "version": "1.1.42",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -32,6 +32,7 @@
     "react-leaflet": "^4.2.1",
     "react-pin-field": "^3.1.5",
     "react-syntax-highlighter": "^15.5.0",
+    "react-tooltip": "^5.28.0",
     "sass": "^1.77.8",
     "xlsx": "^0.18.5"
   },

package/src/components/button/index.tsx

@@ -1,5 +1,6 @@
 "use client";
 import React from "react";
+import { Tooltip } from "../../components";
 import { Icon } from "@iconify/react";
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -17,6 +18,7 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     position?: "left" | "center" | "right";
     border?: boolean;
   };
+  tooltip?: { content: React.ReactNode };
   loading?: boolean;
   active?: boolean;
 }
@@ -25,6 +27,7 @@ export const Button: React.FC<ButtonProps> = ({
   children,
   className,
   options,
+  tooltip,
   loading,
   active,
   ...rest
@@ -61,7 +64,7 @@ export const Button: React.FC<ButtonProps> = ({
 
   return (
     <button
-      className={`group/button flex ${position} items-center ${width} px-3 ${height} rounded-md text-left ${variant} ${border} ${isActive} select-none disabled:pointer-events-none active:opacity-70 active:duration-300 active:ease-out ${className}`}
+      className={`relative flex ${position} items-center ${width} px-3 ${height} rounded-md text-left ${variant} ${border} ${isActive} select-none disabled:pointer-events-none active:opacity-70 active:duration-300 active:ease-out ${className}`}
       {...rest}
     >
       {loading ? (
@@ -69,6 +72,7 @@ export const Button: React.FC<ButtonProps> = ({
       ) : (
         children
       )}
+      {tooltip && <Tooltip id={rest.id as string} content={tooltip.content} />}
     </button>
   );
 };

package/src/components/form/input/number.tsx

@@ -25,7 +25,7 @@ export const Number: React.FC<NumberProps> = ({ options, label, ...rest }) => {
     if (rest.value) {
       setTempValue(rest.value as string);
       return;
-    } else if (rest.defaultValue) {
+    } else if (rest.defaultValue || rest.defaultValue === 0) {
       setTempValue(rest.defaultValue as string);
       return;
     }

package/src/components/index.ts

@@ -28,3 +28,4 @@ export { Timeline } from "./timeline";
 export { DataTree } from "./data-tree";
 export { SyntaxHighlighter } from "./syntax-highlighter";
 export { QRCode } from "./qr-code";
+export { Tooltip } from "./tooltip";

package/src/components/tooltip/index.tsx

@@ -0,0 +1,24 @@
+"use client";
+import React from "react";
+import { Tooltip as Tt } from "react-tooltip";
+
+interface TooltipProps {
+  id: string;
+  content: React.ReactNode;
+}
+
+export const Tooltip: React.FC<TooltipProps> = ({ id, content }) => {
+  return (
+    <Tt
+      anchorSelect={`#${id}`}
+      style={{
+        maxWidth: "16rem",
+        zIndex: 999,
+        borderRadius: "0.375rem",
+        backgroundColor: "rgba(26,26,26,0.3)",
+      }}
+      positionStrategy="fixed"
+      render={() => content}
+    />
+  );
+};