@xyo-network/react-shared 4.4.10 → 5.0.0-rc.1

package/dist/browser/index.mjs

@@ -408,6 +408,7 @@ var FixedPointPopover = /* @__PURE__ */ __name(({ fixedPoint, minFixedPoint: min
 
 // src/components/bigint/TextField.tsx
 import { FormControl, FormHelperText as FormHelperText2, TextField as TextField2 } from "@mui/material";
+import { toFixedPoint } from "@xylabs/decimal-precision";
 import React5, { useEffect as useEffect2, useMemo as useMemo2, useState as useState3 } from "react";
 
 // src/components/bigint/InputAdornment.tsx
@@ -442,13 +443,11 @@ var FixedPointInputAdornment = /* @__PURE__ */ __name(({ fixedPoint, minFixedPoi
 
 // src/components/bigint/TextField.tsx
 var BigIntTextField = /* @__PURE__ */ __name(({ defaultFixedPoint = 18, defaultRawValue, helperText, hideAdornment, onChangeFixedPoint, onChange, resetValue, ...props }) => {
-  const [value, setValue] = useState3();
   const [rawValue, setRawValue] = useState3("");
   const [fixedPoint, setFixedPoint] = useState3(defaultFixedPoint);
   const [error, setError] = useState3();
   useMemo2(() => {
     setRawValue("");
-    setValue(void 0);
   }, [
     resetValue
   ]);
@@ -456,15 +455,10 @@ var BigIntTextField = /* @__PURE__ */ __name(({ defaultFixedPoint = 18, defaultR
     const filteredValue = rawValue2.replaceAll(/[^\d.]/g, "");
     if (filteredValue.split(".").length > 2) return;
     setRawValue(filteredValue);
-    const value2 = Number.parseFloat(filteredValue);
-    if (Number.isNaN(value2)) setValue(void 0);
-    setValue(value2);
   }, "handleRawValueChange");
   useMemo2(() => {
     if (defaultRawValue) {
       handleRawValueChange(defaultRawValue);
-    } else {
-      setValue(void 0);
     }
   }, [
     defaultRawValue
@@ -475,11 +469,11 @@ var BigIntTextField = /* @__PURE__ */ __name(({ defaultFixedPoint = 18, defaultR
   }, "handleChange");
   const onFixedPointChange = /* @__PURE__ */ __name((fixedPoint2) => setFixedPoint(fixedPoint2), "onFixedPointChange");
   const bigIntValue = useMemo2(() => {
-    if (value) {
-      const fixedValue = value * 10 ** fixedPoint;
+    if (rawValue) {
+      const fixedValue = toFixedPoint(rawValue);
       setError(void 0);
       try {
-        return BigInt(fixedValue);
+        return fixedValue;
       } catch (e) {
         console.error(e);
         setError(e);
@@ -489,7 +483,7 @@ var BigIntTextField = /* @__PURE__ */ __name(({ defaultFixedPoint = 18, defaultR
       return;
     }
   }, [
-    value,
+    rawValue,
     fixedPoint
   ]);
   useEffect2(() => {
@@ -536,7 +530,7 @@ var BigIntInput = {
 
 // src/components/Ellipsize.tsx
 import { Box, styled, Typography as Typography3 } from "@mui/material";
-import React6, { forwardRef, useCallback, useState as useState4 } from "react";
+import React6, { useCallback, useState as useState4 } from "react";
 var ComponentName = "Ellipsize";
 var EllipsizeRoot = styled(Box, {
   name: ComponentName,
@@ -596,7 +590,7 @@ var useClientHeight = /* @__PURE__ */ __name(() => {
     contentWrapRef
   };
 }, "useClientHeight");
-var EllipsizeBox = /* @__PURE__ */ forwardRef(({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
+var EllipsizeBox = /* @__PURE__ */ __name(({ ref, children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }) => {
   const { contentWrapRef, contentWrapHeight } = useClientHeight();
   const sharedRef = useShareForwardedRef(ref);
   return /* @__PURE__ */ React6.createElement(EllipsizeRoot, {
@@ -610,7 +604,7 @@ var EllipsizeBox = /* @__PURE__ */ forwardRef(({ children, ellipsisPosition = "s
     variant: "body2",
     ...typographyProps
   }, children)));
-});
+}, "EllipsizeBox");
 EllipsizeBox.displayName = "EllipsizeBox";
 
 // src/components/LabeledTextFieldWrapper.tsx
@@ -719,8 +713,8 @@ var ScrollTableOnSm = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ R
 // src/components/SectionSpacingRow/SectionSpacingRow.tsx
 import { useTheme as useTheme3 } from "@mui/material";
 import { FlexGrowRow as FlexGrowRow3 } from "@xylabs/react-flexbox";
-import React14, { forwardRef as forwardRef2 } from "react";
-var SectionSpacingRow = /* @__PURE__ */ forwardRef2(({ children, sx, ...props }, ref) => {
+import React14 from "react";
+var SectionSpacingRow = /* @__PURE__ */ __name(({ ref, children, sx, ...props }) => {
   const theme = useTheme3();
   return /* @__PURE__ */ React14.createElement(FlexGrowRow3, {
     sx: {
@@ -738,16 +732,16 @@ var SectionSpacingRow = /* @__PURE__ */ forwardRef2(({ children, sx, ...props },
     ref,
     ...props
   }, children);
-});
+}, "SectionSpacingRow");
 SectionSpacingRow.displayName = "SectionSpacingRow";
 
 // src/components/TableCell/AddressTableCell.tsx
-import React16, { forwardRef as forwardRef4 } from "react";
+import React16 from "react";
 
 // src/components/TableCell/EllipsisTableCell.tsx
 import { styled as styled3, TableCell } from "@mui/material";
 import { asLinkHrefOrToProps, LinkEx as LinkEx2 } from "@xylabs/react-link";
-import React15, { forwardRef as forwardRef3, useMemo as useMemo3 } from "react";
+import React15, { useMemo as useMemo3 } from "react";
 var EllipsisTableCellRoot = styled3(TableCell, {
   name: "EllipsisTableCell",
   shouldForwardProp: /* @__PURE__ */ __name((prop) => prop !== "width", "shouldForwardProp"),
@@ -755,7 +749,7 @@ var EllipsisTableCellRoot = styled3(TableCell, {
 })(({ width = "100%" }) => ({
   width
 }));
-var EllipsisTableCellWithRef = /* @__PURE__ */ forwardRef3(({ children, href, link = false, to, value, ...props }, ref) => {
+var EllipsisTableCellWithRef = /* @__PURE__ */ __name(({ ref, children, href, link = false, to, value, ...props }) => {
   const data = useMemo3(() => {
     if (children) {
       return children;
@@ -784,12 +778,12 @@ var EllipsisTableCellWithRef = /* @__PURE__ */ forwardRef3(({ children, href, li
       cursor: link || to || href ? "pointer" : "inherit"
     }
   }, data));
-});
+}, "EllipsisTableCellWithRef");
 EllipsisTableCellWithRef.displayName = "EllipsisTableCell";
 var EllipsisTableCell = EllipsisTableCellWithRef;
 
 // src/components/TableCell/AddressTableCell.tsx
-var AddressTableCell = /* @__PURE__ */ forwardRef4(({ value, archive, exploreDomain, link, ...props }, ref) => {
+var AddressTableCell = /* @__PURE__ */ __name(({ ref, value, archive, exploreDomain, link, ...props }) => {
   const href = exploreDomain && archive ? `${exploreDomain}/archive/${archive}/address/${value}` : void 0;
   const to = exploreDomain === void 0 && archive ? `/archive/${archive}/address/${value}` : void 0;
   return /* @__PURE__ */ React16.createElement(EllipsisTableCell, {
@@ -800,7 +794,7 @@ var AddressTableCell = /* @__PURE__ */ forwardRef4(({ value, archive, exploreDom
     link,
     ...props
   });
-});
+}, "AddressTableCell");
 AddressTableCell.displayName = "AddressTableCell";
 
 // src/components/TableCell/HashTableCell.tsx
@@ -1063,16 +1057,16 @@ var createContextEx = /* @__PURE__ */ __name(() => createContext({
 }), "createContextEx");
 
 // src/contexts/contextEx/use.ts
-import { useContext } from "react";
+import { use } from "react";
 var useContextEx = /* @__PURE__ */ __name((context, contextName, required = true) => {
-  const { provided, ...props } = useContext(context);
+  const { provided, ...props } = use(context);
   if (!provided && required) {
     throw new Error(`use${contextName} can not be used outside of a ${contextName}Context when required=true`);
   }
   return props;
 }, "useContextEx");
 var useProvided = /* @__PURE__ */ __name((context) => {
-  const { provided } = useContext(context);
+  const { provided } = use(context);
   return provided;
 }, "useProvided");
 
@@ -1082,7 +1076,7 @@ var ResolvedDivinerContext = /* @__PURE__ */ __name(() => createContextEx(), "Re
 // src/contexts/diviner/Provider.tsx
 import { useResetState } from "@xylabs/react-hooks";
 import React23, { useMemo as useMemo4 } from "react";
-var ResolvedDivinerProvider = /* @__PURE__ */ __name(({ diviner: divinerProp, required = false, children, context }) => {
+var ResolvedDivinerProvider = /* @__PURE__ */ __name(({ diviner: divinerProp, required = false, children, context: Context }) => {
   const [diviner, setDiviner] = useResetState(divinerProp);
   const value = useMemo4(() => {
     const resolveDiviner = /* @__PURE__ */ __name(() => {
@@ -1101,7 +1095,7 @@ var ResolvedDivinerProvider = /* @__PURE__ */ __name(({ diviner: divinerProp, re
     setDiviner,
     divinerProp
   ]);
-  return /* @__PURE__ */ React23.createElement(context.Provider, {
+  return /* @__PURE__ */ React23.createElement(Context, {
     value
   }, diviner ? children : required ? null : children);
 }, "ResolvedDivinerProvider");
@@ -1121,7 +1115,7 @@ var ListModeProvider = /* @__PURE__ */ __name(({ children, defaultListMode }) =>
     listMode,
     setListMode
   ]);
-  return /* @__PURE__ */ React24.createElement(ListModeContext.Provider, {
+  return /* @__PURE__ */ React24.createElement(ListModeContext, {
     value
   }, children);
 }, "ListModeProvider");