@obolnetwork/obol-ui 1.0.24 → 1.0.25

package/dist/index.es.js

@@ -2,7 +2,7 @@ import { createStitches } from '@stitches/react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import React, { forwardRef, useState, useRef, useEffect, useLayoutEffect } from 'react';
+import React, { forwardRef, useState, useRef, useImperativeHandle, useEffect, useLayoutEffect } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -1386,10 +1386,11 @@ var Content$2 = styled(TooltipContent, {
         fill: "$bg05",
     },
 });
-var TextFieldWithCopy = forwardRef(function (props) {
-    var _a = useState(), inputValue = _a[0], setInputValue = _a[1];
+var TextFieldWithCopy = forwardRef(function (props, ref) {
+    var _a = useState(""), inputValue = _a[0], setInputValue = _a[1];
     var _b = useState(false), isCopied = _b[0], setIsCopied = _b[1];
-    var ref = useRef(null);
+    var innerRef = useRef(null);
+    useImperativeHandle(ref, function () { return innerRef.current; });
     var copyToClipBoard = function (content) {
         if (content) {
             navigator.clipboard.writeText(content);
@@ -1399,8 +1400,8 @@ var TextFieldWithCopy = forwardRef(function (props) {
     useTimeout(function () {
         setIsCopied(false);
     }, isCopied ? 3000 : null);
-    return (jsxs(Box, __assign({ css: { display: "flex", width: "$full" } }, { children: [jsx(TextField, __assign({ withCopy: true, ref: ref, value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }, props, { css: { width: "$full" } })), jsxs(Tooltip, __assign({ open: isCopied }, { children: [jsx(TooltipTrigger, __assign({ asChild: true }, { children: jsx(IconButton, __assign({ onClick: function () {
-                                return copyToClipBoard(ref && ref.current && ref.current.value);
+    return (jsxs(Box, __assign({ css: { display: "flex", width: "$full" } }, { children: [jsx(TextField, __assign({ withCopy: true, ref: innerRef, value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }, props, { css: { width: "$full" } })), jsxs(Tooltip, __assign({ open: isCopied }, { children: [jsx(TooltipTrigger, __assign({ asChild: true }, { children: jsx(IconButton, __assign({ onClick: function () {
+                                return copyToClipBoard(inputValue);
                             } }, { children: !isCopied ? jsx(CopyIcon, {}) : jsx(CheckIcon, {}) })) })), jsxs(Content$2, __assign({ side: "bottom", sideOffset: 5 }, { children: ["Copied!", jsx(TooltipArrow, {})] }))] }))] })));
 });
 TextFieldWithCopy.displayName = "TextFieldWithCopy";
@@ -2066,11 +2067,11 @@ var Advisory = function (_a) {
     var handleOnAccept = function (value) {
         onUpdateState(value);
     };
-    return (jsxs(Box, __assign({ css: {
+    return (jsxs(Box, __assign({ className: "advisory-container", css: {
             display: "flex",
             border: "2px solid $bg04",
             borderRadius: "$3",
-            height: "752px",
+            minHeight: "752px",
         } }, { children: [jsx(Box, __assign({ css: {
                     display: "flex",
                     fd: "column",

package/dist/index.js

@@ -1418,10 +1418,11 @@ var Content$2 = styled(TooltipContent, {
         fill: "$bg05",
     },
 });
-var TextFieldWithCopy = React.forwardRef(function (props) {
-    var _a = React.useState(), inputValue = _a[0], setInputValue = _a[1];
+var TextFieldWithCopy = React.forwardRef(function (props, ref) {
+    var _a = React.useState(""), inputValue = _a[0], setInputValue = _a[1];
     var _b = React.useState(false), isCopied = _b[0], setIsCopied = _b[1];
-    var ref = React.useRef(null);
+    var innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, function () { return innerRef.current; });
     var copyToClipBoard = function (content) {
         if (content) {
             navigator.clipboard.writeText(content);
@@ -1431,8 +1432,8 @@ var TextFieldWithCopy = React.forwardRef(function (props) {
     useTimeout(function () {
         setIsCopied(false);
     }, isCopied ? 3000 : null);
-    return (jsxRuntime.jsxs(Box, __assign({ css: { display: "flex", width: "$full" } }, { children: [jsxRuntime.jsx(TextField, __assign({ withCopy: true, ref: ref, value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }, props, { css: { width: "$full" } })), jsxRuntime.jsxs(Tooltip, __assign({ open: isCopied }, { children: [jsxRuntime.jsx(TooltipTrigger, __assign({ asChild: true }, { children: jsxRuntime.jsx(IconButton, __assign({ onClick: function () {
-                                return copyToClipBoard(ref && ref.current && ref.current.value);
+    return (jsxRuntime.jsxs(Box, __assign({ css: { display: "flex", width: "$full" } }, { children: [jsxRuntime.jsx(TextField, __assign({ withCopy: true, ref: innerRef, value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }, props, { css: { width: "$full" } })), jsxRuntime.jsxs(Tooltip, __assign({ open: isCopied }, { children: [jsxRuntime.jsx(TooltipTrigger, __assign({ asChild: true }, { children: jsxRuntime.jsx(IconButton, __assign({ onClick: function () {
+                                return copyToClipBoard(inputValue);
                             } }, { children: !isCopied ? jsxRuntime.jsx(CopyIcon, {}) : jsxRuntime.jsx(CheckIcon, {}) })) })), jsxRuntime.jsxs(Content$2, __assign({ side: "bottom", sideOffset: 5 }, { children: ["Copied!", jsxRuntime.jsx(TooltipArrow, {})] }))] }))] })));
 });
 TextFieldWithCopy.displayName = "TextFieldWithCopy";
@@ -2098,11 +2099,11 @@ var Advisory = function (_a) {
     var handleOnAccept = function (value) {
         onUpdateState(value);
     };
-    return (jsxRuntime.jsxs(Box, __assign({ css: {
+    return (jsxRuntime.jsxs(Box, __assign({ className: "advisory-container", css: {
             display: "flex",
             border: "2px solid $bg04",
             borderRadius: "$3",
-            height: "752px",
+            minHeight: "752px",
         } }, { children: [jsxRuntime.jsx(Box, __assign({ css: {
                     display: "flex",
                     fd: "column",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obolnetwork/obol-ui",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "license": "MIT",