@xyo-network/react-address-render 3.0.1 → 3.0.3

package/dist/browser/components/RenderRowBox.d.ts

@@ -0,0 +1,14 @@
+import type { FlexBoxProps } from '@xylabs/react-flexbox';
+import React from 'react';
+export interface AddressRenderRowBoxProps extends FlexBoxProps {
+    address?: string | null;
+    disableSharedRef?: boolean;
+    favorite?: boolean;
+    iconOnly?: boolean;
+    iconSize?: number;
+    icons?: boolean;
+    name?: string;
+    showFavorite?: boolean;
+}
+export declare const AddressRenderRowBox: React.ForwardRefExoticComponent<AddressRenderRowBoxProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=RenderRowBox.d.ts.map

package/dist/browser/components/RenderRowBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderRowBox.d.ts","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAKzD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,8FAkD/B,CAAA"}

package/dist/browser/components/favorite/FavoriteIconButton.d.ts

@@ -0,0 +1,12 @@
+import type { IconButtonProps } from '@mui/material';
+import type { WithChildren } from '@xylabs/react-shared';
+import React from 'react';
+import type { FavoriteItemEvent } from '../lib/index.ts';
+export interface FavoriteIconButtonProps extends WithChildren, IconButtonProps {
+    favorite?: FavoriteItemEvent['favorite'];
+    name?: FavoriteItemEvent['name'];
+    value?: string;
+    valueType?: FavoriteItemEvent['favoriteType'];
+}
+export declare const FavoriteIconButton: React.ForwardRefExoticComponent<Omit<FavoriteIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=FavoriteIconButton.d.ts.map

package/dist/browser/components/favorite/FavoriteIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGxD,OAAO,KAEN,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAMxD,MAAM,WAAW,uBAAwB,SAAQ,YAAY,EAAE,eAAe;IAC5E,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;CAC9C;AAED,eAAO,MAAM,kBAAkB,gHAuD9B,CAAA"}

package/dist/browser/components/favorite/FavoriteToggleSVG.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const FavoriteToggleSVG: React.FC<{
+    favorite?: boolean;
+}>;
+//# sourceMappingURL=FavoriteToggleSVG.d.ts.map

package/dist/browser/components/favorite/FavoriteToggleSVG.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggleSVG.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAM9D,CAAA"}

package/dist/browser/components/favorite/Popper.d.ts

@@ -0,0 +1,12 @@
+import type { PopperProps } from '@mui/material';
+import type { RefObject } from 'react';
+import React from 'react';
+export interface FavoritePopperProps extends PopperProps {
+    favorite?: boolean;
+    favoriteRef?: RefObject<HTMLElement>;
+    name?: string;
+    onClickAway?: (event: MouseEvent | TouchEvent) => void;
+    onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void;
+}
+export declare const FavoritePopper: React.ForwardRefExoticComponent<Omit<FavoritePopperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popper.d.ts.map

package/dist/browser/components/favorite/Popper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAA;AAKnD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,IAAI,CAAA;IACtD,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxE;AACD,eAAO,MAAM,cAAc,yGA8C1B,CAAA"}

package/dist/browser/components/favorite/PopperButtonGroup.d.ts

@@ -0,0 +1,9 @@
+import type { ButtonGroupProps } from '@mui/material';
+import React from 'react';
+export interface FavoritePopperProps extends ButtonGroupProps {
+    favorite?: boolean;
+    name?: string;
+    onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void;
+}
+export declare const PopperButtonGroup: React.FC<FavoritePopperProps>;
+//# sourceMappingURL=PopperButtonGroup.d.ts.map

package/dist/browser/components/favorite/PopperButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACxE;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+B3D,CAAA"}

package/dist/browser/components/favorite/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FavoriteIconButton.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/favorite/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}

package/dist/browser/components/favorite/lib/PopperId.d.ts

@@ -0,0 +1,2 @@
+export declare const popperId = "favorite-popper";
+//# sourceMappingURL=PopperId.d.ts.map

package/dist/browser/components/favorite/lib/PopperId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopperId.d.ts","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/PopperId.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,oBAAoB,CAAA"}

package/dist/browser/components/favorite/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PopperId.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/favorite/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/browser/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './favorite/index.ts';
+export * from './lib/index.ts';
+export * from './RenderRowBox.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA"}

package/dist/browser/components/lib/FavoriteItemEvent.d.ts

@@ -0,0 +1,9 @@
+export interface FavoriteItemEvent {
+    favorite?: boolean;
+    favoriteType?: FavoriteType;
+    favoriteValue?: string;
+    name?: string;
+}
+export type FavoriteType = 'address' | 'schema' | 'hash';
+export declare const generateFavoriteEvent: (favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: string, name?: string) => FavoriteItemEvent;
+//# sourceMappingURL=FavoriteItemEvent.d.ts.map

package/dist/browser/components/lib/FavoriteItemEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteItemEvent.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAExD,eAAO,MAAM,qBAAqB,cAAe,OAAO,iBAAiB,YAAY,kBAAkB,MAAM,SAAS,MAAM,KAAG,iBAK7H,CAAA"}

package/dist/browser/components/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FavoriteItemEvent.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/components/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}

package/dist/browser/index.d.ts

@@ -1,35 +1,2 @@
-import { IconButtonProps } from '@mui/material';
-import { WithChildren } from '@xylabs/react-shared';
-import React from 'react';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-
-interface FavoriteItemEvent {
-    favorite?: boolean;
-    favoriteType?: FavoriteType;
-    favoriteValue?: string;
-    name?: string;
-}
-type FavoriteType = 'address' | 'schema' | 'hash';
-declare const generateFavoriteEvent: (favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: string, name?: string) => FavoriteItemEvent;
-
-interface FavoriteIconButtonProps extends WithChildren, IconButtonProps {
-    favorite?: FavoriteItemEvent['favorite'];
-    name?: FavoriteItemEvent['name'];
-    value?: string;
-    valueType?: FavoriteItemEvent['favoriteType'];
-}
-declare const FavoriteIconButton: React.ForwardRefExoticComponent<Omit<FavoriteIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-interface AddressRenderRowBoxProps extends FlexBoxProps {
-    address?: string | null;
-    disableSharedRef?: boolean;
-    favorite?: boolean;
-    iconOnly?: boolean;
-    iconSize?: number;
-    icons?: boolean;
-    name?: string;
-    showFavorite?: boolean;
-}
-declare const AddressRenderRowBox: React.ForwardRefExoticComponent<AddressRenderRowBoxProps & React.RefAttributes<HTMLElement>>;
-
-export { AddressRenderRowBox, type AddressRenderRowBoxProps, FavoriteIconButton, type FavoriteIconButtonProps, type FavoriteItemEvent, type FavoriteType, generateFavoriteEvent };
+export * from './components/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}

package/dist/browser/index.mjs

@@ -5,7 +5,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { IconButton, styled as styled2 } from "@mui/material";
 import { useEvent } from "@xyo-network/react-event";
 import { useShareForwardedRef } from "@xyo-network/react-shared";
-import React4, { forwardRef as forwardRef2, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import React4, { forwardRef as forwardRef2, useEffect, useRef, useState as useState2 } from "react";
 
 // src/components/lib/FavoriteItemEvent.ts
 var generateFavoriteEvent = /* @__PURE__ */ __name((favorite, favoriteType, favoriteValue, name) => ({
@@ -33,7 +33,7 @@ var popperId = "favorite-popper";
 
 // src/components/favorite/Popper.tsx
 import { Card, CardContent, ClickAwayListener, Fade, Popper, styled, TextField } from "@mui/material";
-import React3, { forwardRef, useEffect, useState } from "react";
+import React3, { forwardRef, useState } from "react";
 
 // src/components/favorite/PopperButtonGroup.tsx
 import { Delete as DeleteIcon, Star as StarIcon2 } from "@mui/icons-material";
@@ -59,12 +59,7 @@ var PopperButtonGroup = /* @__PURE__ */ __name(({ name, onConfirmFavorite, favor
 
 // src/components/favorite/Popper.tsx
 var FavoritePopper = /* @__PURE__ */ forwardRef(({ name: nameProp, favorite, favoriteRef, onClickAway, onConfirmFavorite, ...props }, ref) => {
-  const [name, setName] = useState(nameProp);
-  useEffect(() => {
-    setName(nameProp);
-  }, [
-    nameProp
-  ]);
+  const [name, setName] = useState(() => nameProp);
   return /* @__PURE__ */ React3.createElement(ClickAwayListener, {
     onClickAway: onClickAway ?? (() => null)
   }, /* @__PURE__ */ React3.createElement(PopperStyled, {
@@ -107,7 +102,7 @@ var PopperStyled = styled(Popper, {
 var FavoriteIconButton = /* @__PURE__ */ forwardRef2(({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
   const [openPopper, setOpenPopper] = useState2(false);
   const [favorite, setFavorite] = useState2(favoriteProp);
-  useEffect2(() => {
+  useEffect(() => {
     setFavorite(favoriteProp);
   }, [
     favoriteProp

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/favorite/FavoriteIconButton.tsx","../../src/components/lib/FavoriteItemEvent.ts","../../src/components/favorite/FavoriteToggleSVG.tsx","../../src/components/favorite/lib/PopperId.ts","../../src/components/favorite/Popper.tsx","../../src/components/favorite/PopperButtonGroup.tsx","../../src/components/RenderRowBox.tsx"],"sourcesContent":["import { IconButton, IconButtonProps, styled } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { useEvent } from '@xyo-network/react-event'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { forwardRef, useEffect, useRef, useState } from 'react'\n\nimport { FavoriteItemEvent, generateFavoriteEvent } from '../lib/index.ts'\nimport { FavoriteToggleSVG } from './FavoriteToggleSVG.tsx'\nimport { popperId } from './lib/index.ts'\nimport { FavoritePopper } from './Popper.tsx'\n\nexport interface FavoriteIconButtonProps extends WithChildren, IconButtonProps {\n  favorite?: FavoriteItemEvent['favorite']\n  name?: FavoriteItemEvent['name']\n  value?: string\n  valueType?: FavoriteItemEvent['favoriteType']\n}\n\nexport const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButtonProps>(\n  ({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {\n    const [openPopper, setOpenPopper] = useState(false)\n\n    const [favorite, setFavorite] = useState(favoriteProp)\n    useEffect(() => {\n      setFavorite(favoriteProp)\n    }, [favoriteProp])\n\n    const sharedRef = useShareForwardedRef(ref)\n    const [buttonRef, dispatch] = useEvent(undefined, sharedRef)\n\n    const onConfirmFavorite = (name?: string, newFavoriteState?: boolean) => {\n      const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name)\n      dispatch('address', 'favorite', JSON.stringify(favoriteEvent))\n      setFavorite(newFavoriteState)\n      setOpenPopper(false)\n    }\n\n    const starRef = useRef<HTMLSpanElement>(null)\n\n    return (\n      <IconButtonCondensed\n        aria-describedby={popperId}\n        ref={buttonRef}\n        onClick={(event) => {\n          event.stopPropagation()\n          setOpenPopper(!openPopper)\n        }}\n        onTouchStart={(event) => {\n          event.stopPropagation()\n          setOpenPopper(!openPopper)\n        }}\n        onMouseDown={e => e.stopPropagation()}\n        sx={{ lineHeight: 0, p: 0.25 }}\n        {...props}\n      >\n        <span ref={starRef}>\n          <FavoriteToggleSVG favorite={favorite} />\n        </span>\n        <FavoritePopper\n          sx={{ zIndex: 1301 }}\n          name={name}\n          favorite={favorite}\n          favoriteRef={starRef}\n          open={openPopper}\n          onConfirmFavorite={onConfirmFavorite}\n          onClickAway={() => setOpenPopper(false)}\n        />\n        {children}\n      </IconButtonCondensed>\n    )\n  },\n)\n\nFavoriteIconButton.displayName = 'FavoriteIconButton'\n\nconst IconButtonCondensed = styled(IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({\n  lineHeight: 0,\n  padding: theme.spacing(0.25),\n}))\n","export interface FavoriteItemEvent {\n  favorite?: boolean\n  favoriteType?: FavoriteType\n  favoriteValue?: string\n  name?: string\n}\n\nexport type FavoriteType = 'address' | 'schema' | 'hash'\n\nexport const generateFavoriteEvent = (favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: string, name?: string): FavoriteItemEvent => ({\n  favorite: !!favorite,\n  favoriteType,\n  favoriteValue,\n  name,\n})\n","import { Star as StarIcon, StarBorder as StarBorderIcon } from '@mui/icons-material'\nimport React from 'react'\n\nexport const FavoriteToggleSVG: React.FC<{ favorite?: boolean }> = ({ favorite }) => (\n  <>\n    {favorite\n      ? <StarIcon className=\"favorite-icon\" component=\"svg\" color=\"secondary\" fontSize=\"small\" />\n      : <StarBorderIcon className=\"favorite-icon\" fontSize=\"small\" />}\n  </>\n)\n","export const popperId = 'favorite-popper'\n","import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, styled, TextField } from '@mui/material'\nimport React, { forwardRef, RefObject, useEffect, useState } from 'react'\n\nimport { popperId } from './lib/index.ts'\nimport { PopperButtonGroup } from './PopperButtonGroup.tsx'\n\nexport interface FavoritePopperProps extends PopperProps {\n  favorite?: boolean\n  favoriteRef?: RefObject<HTMLElement>\n  name?: string\n  onClickAway?: (event: MouseEvent | TouchEvent) => void\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\nexport const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(\n  (\n    {\n      name: nameProp,\n      favorite,\n      favoriteRef,\n      onClickAway,\n      onConfirmFavorite,\n      ...props\n    },\n    ref,\n  ) => {\n    const [name, setName] = useState(nameProp)\n    useEffect(() => {\n      setName(nameProp)\n    }, [nameProp])\n\n    return (\n      <ClickAwayListener onClickAway={onClickAway ?? (() => null)}>\n        <PopperStyled\n          id={popperId}\n          anchorEl={favoriteRef?.current}\n          onClick={e => e.stopPropagation()}\n          onTouchStart={e => e.stopPropagation()}\n          transition\n          ref={ref}\n          {...props}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350}>\n              <Card>\n                <CardContent sx={{ display: 'flex', gap: 1 }}>\n                  <TextField\n                    autoFocus\n                    label=\"Favorite Name\"\n                    placeholder=\"optional\"\n                    size=\"small\"\n                    value={name ?? ''}\n                    onChange={e => setName(e.target.value)}\n                  />\n                  <PopperButtonGroup favorite={favorite} onConfirmFavorite={onConfirmFavorite} name={name} />\n                </CardContent>\n              </Card>\n            </Fade>\n          )}\n        </PopperStyled>\n      </ClickAwayListener>\n    )\n  },\n)\n\nFavoritePopper.displayName = 'FavoritePopper'\n\n// Ensure the popper is over all other mui portal elements\nconst PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }))\n","import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'\nimport React from 'react'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite\n        ? (\n            <Button\n              title=\"Remove Favorite\"\n              variant=\"contained\"\n              onClick={(e) => {\n                e.stopPropagation()\n                onConfirmFavorite?.(name, false)\n              }}\n            >\n              <DeleteIcon />\n            </Button>\n          )\n        : null}\n    </ButtonGroup>\n  )\n}\n","import { ListItemIcon, useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { useEvent } from '@xyo-network/react-event'\nimport { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport { FavoriteIconButton } from './favorite/index.ts'\n\nexport interface AddressRenderRowBoxProps extends FlexBoxProps {\n  address?: string | null\n  disableSharedRef?: boolean\n  favorite?: boolean\n  iconOnly?: boolean\n  iconSize?: number\n  icons?: boolean\n  name?: string\n  showFavorite?: boolean\n}\n\nexport const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxProps>(\n  (\n    { address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props },\n    ref,\n  ) => {\n    const theme = useTheme()\n\n    const sharedRef = useShareForwardedRef(ref)\n    const [elementRef, dispatch] = useEvent(undefined, sharedRef)\n\n    return (\n      <FlexRow\n        gap={2}\n        justifyContent=\"flex-start\"\n        ref={elementRef}\n        onClick={() => {\n          if (address) {\n            dispatch('address', 'click', address)\n          }\n        }}\n        {...props}\n      >\n        {icons && address\n          ? (\n              <ListItemIcon sx={{ minWidth: 0 }}>\n                <Identicon size={iconSize} value={address} />\n              </ListItemIcon>\n            )\n          : null}\n        {iconOnly\n          ? null\n          : (\n              <EllipsizeBox\n                disableSharedRef={disableSharedRef}\n                ellipsisPosition=\"end\"\n                width=\"100%\"\n                typographyProps={{ fontSize: theme.typography.body1.fontSize }}\n              >\n                {name ?? address}\n              </EllipsizeBox>\n            )}\n        {children}\n        {showFavorite && address\n          ? <FavoriteIconButton name={name} size=\"small\" value={address} valueType=\"address\" favorite={favoriteProp} />\n          : null}\n      </FlexRow>\n    )\n  },\n)\n\nAddressRenderRowBox.displayName = 'AddressRenderRowBox'\n"],"mappings":"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","names":["IconButton","styled","useEvent","useShareForwardedRef","React","forwardRef","useEffect","useRef","useState","generateFavoriteEvent","favorite","favoriteType","favoriteValue","name","Star","StarIcon","StarBorder","StarBorderIcon","React","FavoriteToggleSVG","favorite","StarIcon","className","component","color","fontSize","StarBorderIcon","popperId","Card","CardContent","ClickAwayListener","Fade","Popper","styled","TextField","React","forwardRef","useEffect","useState","Delete","DeleteIcon","Star","StarIcon","Button","ButtonGroup","React","PopperButtonGroup","name","onConfirmFavorite","favorite","props","React","ButtonGroup","Button","title","variant","onClick","e","stopPropagation","StarIcon","DeleteIcon","FavoritePopper","forwardRef","name","nameProp","favorite","favoriteRef","onClickAway","onConfirmFavorite","props","ref","setName","useState","useEffect","React","ClickAwayListener","PopperStyled","id","popperId","anchorEl","current","onClick","e","stopPropagation","onTouchStart","transition","TransitionProps","Fade","timeout","Card","CardContent","sx","display","gap","TextField","autoFocus","label","placeholder","size","value","onChange","target","PopperButtonGroup","displayName","styled","Popper","zIndex","FavoriteIconButton","forwardRef","children","favorite","favoriteProp","name","valueType","value","props","ref","openPopper","setOpenPopper","useState","setFavorite","useEffect","sharedRef","useShareForwardedRef","buttonRef","dispatch","useEvent","undefined","onConfirmFavorite","newFavoriteState","favoriteEvent","generateFavoriteEvent","JSON","stringify","starRef","useRef","React","IconButtonCondensed","aria-describedby","popperId","onClick","event","stopPropagation","onTouchStart","onMouseDown","e","sx","lineHeight","p","span","FavoriteToggleSVG","FavoritePopper","zIndex","favoriteRef","open","onClickAway","displayName","styled","IconButton","theme","padding","spacing","ListItemIcon","useTheme","FlexRow","Identicon","useEvent","EllipsizeBox","useShareForwardedRef","React","forwardRef","AddressRenderRowBox","forwardRef","address","children","disableSharedRef","favorite","favoriteProp","iconOnly","iconSize","icons","name","showFavorite","props","ref","theme","useTheme","sharedRef","useShareForwardedRef","elementRef","dispatch","useEvent","undefined","React","FlexRow","gap","justifyContent","onClick","ListItemIcon","sx","minWidth","Identicon","size","value","EllipsizeBox","ellipsisPosition","width","typographyProps","fontSize","typography","body1","FavoriteIconButton","valueType","displayName"]}
+{"version":3,"sources":["../../src/components/favorite/FavoriteIconButton.tsx","../../src/components/lib/FavoriteItemEvent.ts","../../src/components/favorite/FavoriteToggleSVG.tsx","../../src/components/favorite/lib/PopperId.ts","../../src/components/favorite/Popper.tsx","../../src/components/favorite/PopperButtonGroup.tsx","../../src/components/RenderRowBox.tsx"],"sourcesContent":["import type { IconButtonProps } from '@mui/material'\nimport { IconButton, styled } from '@mui/material'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport { useEvent } from '@xyo-network/react-event'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, {\n  forwardRef, useEffect, useRef, useState,\n} from 'react'\n\nimport type { FavoriteItemEvent } from '../lib/index.ts'\nimport { generateFavoriteEvent } from '../lib/index.ts'\nimport { FavoriteToggleSVG } from './FavoriteToggleSVG.tsx'\nimport { popperId } from './lib/index.ts'\nimport { FavoritePopper } from './Popper.tsx'\n\nexport interface FavoriteIconButtonProps extends WithChildren, IconButtonProps {\n  favorite?: FavoriteItemEvent['favorite']\n  name?: FavoriteItemEvent['name']\n  value?: string\n  valueType?: FavoriteItemEvent['favoriteType']\n}\n\nexport const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButtonProps>(\n  ({\n    children, favorite: favoriteProp, name, valueType, value, ...props\n  }, ref) => {\n    const [openPopper, setOpenPopper] = useState(false)\n\n    const [favorite, setFavorite] = useState(favoriteProp)\n    useEffect(() => {\n      setFavorite(favoriteProp)\n    }, [favoriteProp])\n\n    const sharedRef = useShareForwardedRef(ref)\n    const [buttonRef, dispatch] = useEvent(undefined, sharedRef)\n\n    const onConfirmFavorite = (name?: string, newFavoriteState?: boolean) => {\n      const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name)\n      dispatch('address', 'favorite', JSON.stringify(favoriteEvent))\n      setFavorite(newFavoriteState)\n      setOpenPopper(false)\n    }\n\n    const starRef = useRef<HTMLSpanElement>(null)\n\n    return (\n      <IconButtonCondensed\n        aria-describedby={popperId}\n        ref={buttonRef}\n        onClick={(event) => {\n          event.stopPropagation()\n          setOpenPopper(!openPopper)\n        }}\n        onTouchStart={(event) => {\n          event.stopPropagation()\n          setOpenPopper(!openPopper)\n        }}\n        onMouseDown={e => e.stopPropagation()}\n        sx={{ lineHeight: 0, p: 0.25 }}\n        {...props}\n      >\n        <span ref={starRef}>\n          <FavoriteToggleSVG favorite={favorite} />\n        </span>\n        <FavoritePopper\n          sx={{ zIndex: 1301 }}\n          name={name}\n          favorite={favorite}\n          favoriteRef={starRef}\n          open={openPopper}\n          onConfirmFavorite={onConfirmFavorite}\n          onClickAway={() => setOpenPopper(false)}\n        />\n        {children}\n      </IconButtonCondensed>\n    )\n  },\n)\n\nFavoriteIconButton.displayName = 'FavoriteIconButton'\n\nconst IconButtonCondensed = styled(IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({\n  lineHeight: 0,\n  padding: theme.spacing(0.25),\n}))\n","export interface FavoriteItemEvent {\n  favorite?: boolean\n  favoriteType?: FavoriteType\n  favoriteValue?: string\n  name?: string\n}\n\nexport type FavoriteType = 'address' | 'schema' | 'hash'\n\nexport const generateFavoriteEvent = (favorite?: boolean, favoriteType?: FavoriteType, favoriteValue?: string, name?: string): FavoriteItemEvent => ({\n  favorite: !!favorite,\n  favoriteType,\n  favoriteValue,\n  name,\n})\n","import { Star as StarIcon, StarBorder as StarBorderIcon } from '@mui/icons-material'\nimport React from 'react'\n\nexport const FavoriteToggleSVG: React.FC<{ favorite?: boolean }> = ({ favorite }) => (\n  <>\n    {favorite\n      ? <StarIcon className=\"favorite-icon\" component=\"svg\" color=\"secondary\" fontSize=\"small\" />\n      : <StarBorderIcon className=\"favorite-icon\" fontSize=\"small\" />}\n  </>\n)\n","export const popperId = 'favorite-popper'\n","import type { PopperProps } from '@mui/material'\nimport {\n  Card, CardContent, ClickAwayListener, Fade, Popper, styled, TextField,\n} from '@mui/material'\nimport type { RefObject } from 'react'\nimport React, { forwardRef, useState } from 'react'\n\nimport { popperId } from './lib/index.ts'\nimport { PopperButtonGroup } from './PopperButtonGroup.tsx'\n\nexport interface FavoritePopperProps extends PopperProps {\n  favorite?: boolean\n  favoriteRef?: RefObject<HTMLElement>\n  name?: string\n  onClickAway?: (event: MouseEvent | TouchEvent) => void\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\nexport const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(\n  (\n    {\n      name: nameProp,\n      favorite,\n      favoriteRef,\n      onClickAway,\n      onConfirmFavorite,\n      ...props\n    },\n    ref,\n  ) => {\n    const [name, setName] = useState(() => nameProp)\n\n    return (\n      <ClickAwayListener onClickAway={onClickAway ?? (() => null)}>\n        <PopperStyled\n          id={popperId}\n          anchorEl={favoriteRef?.current}\n          onClick={e => e.stopPropagation()}\n          onTouchStart={e => e.stopPropagation()}\n          transition\n          ref={ref}\n          {...props}\n        >\n          {({ TransitionProps }) => (\n            <Fade {...TransitionProps} timeout={350}>\n              <Card>\n                <CardContent sx={{ display: 'flex', gap: 1 }}>\n                  <TextField\n                    autoFocus\n                    label=\"Favorite Name\"\n                    placeholder=\"optional\"\n                    size=\"small\"\n                    value={name ?? ''}\n                    onChange={e => setName(e.target.value)}\n                  />\n                  <PopperButtonGroup favorite={favorite} onConfirmFavorite={onConfirmFavorite} name={name} />\n                </CardContent>\n              </Card>\n            </Fade>\n          )}\n        </PopperStyled>\n      </ClickAwayListener>\n    )\n  },\n)\n\nFavoritePopper.displayName = 'FavoritePopper'\n\n// Ensure the popper is over all other mui portal elements\nconst PopperStyled = styled(Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }))\n","import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'\nimport type { ButtonGroupProps } from '@mui/material'\nimport { Button, ButtonGroup } from '@mui/material'\nimport React from 'react'\n\nexport interface FavoritePopperProps extends ButtonGroupProps {\n  favorite?: boolean\n  name?: string\n  onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void\n}\n\nexport const PopperButtonGroup: React.FC<FavoritePopperProps> = ({\n  name, onConfirmFavorite, favorite, ...props\n}) => {\n  return (\n    <ButtonGroup {...props}>\n      <Button\n        title=\"Save Favorite\"\n        variant=\"contained\"\n        onClick={(e) => {\n          e.stopPropagation()\n          onConfirmFavorite?.(name, true)\n        }}\n      >\n        <StarIcon />\n      </Button>\n      {favorite\n        ? (\n            <Button\n              title=\"Remove Favorite\"\n              variant=\"contained\"\n              onClick={(e) => {\n                e.stopPropagation()\n                onConfirmFavorite?.(name, false)\n              }}\n            >\n              <DeleteIcon />\n            </Button>\n          )\n        : null}\n    </ButtonGroup>\n  )\n}\n","import { ListItemIcon, useTheme } from '@mui/material'\nimport type { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { FlexRow } from '@xylabs/react-flexbox'\nimport { Identicon } from '@xylabs/react-identicon'\nimport { useEvent } from '@xyo-network/react-event'\nimport { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared'\nimport React, { forwardRef } from 'react'\n\nimport { FavoriteIconButton } from './favorite/index.ts'\n\nexport interface AddressRenderRowBoxProps extends FlexBoxProps {\n  address?: string | null\n  disableSharedRef?: boolean\n  favorite?: boolean\n  iconOnly?: boolean\n  iconSize?: number\n  icons?: boolean\n  name?: string\n  showFavorite?: boolean\n}\n\nexport const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxProps>(\n  (\n    {\n      address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme()\n\n    const sharedRef = useShareForwardedRef(ref)\n    const [elementRef, dispatch] = useEvent(undefined, sharedRef)\n\n    return (\n      <FlexRow\n        gap={2}\n        justifyContent=\"flex-start\"\n        ref={elementRef}\n        onClick={() => {\n          if (address) {\n            dispatch('address', 'click', address)\n          }\n        }}\n        {...props}\n      >\n        {icons && address\n          ? (\n              <ListItemIcon sx={{ minWidth: 0 }}>\n                <Identicon size={iconSize} value={address} />\n              </ListItemIcon>\n            )\n          : null}\n        {iconOnly\n          ? null\n          : (\n              <EllipsizeBox\n                disableSharedRef={disableSharedRef}\n                ellipsisPosition=\"end\"\n                width=\"100%\"\n                typographyProps={{ fontSize: theme.typography.body1.fontSize }}\n              >\n                {name ?? address}\n              </EllipsizeBox>\n            )}\n        {children}\n        {showFavorite && address\n          ? <FavoriteIconButton name={name} size=\"small\" value={address} valueType=\"address\" favorite={favoriteProp} />\n          : null}\n      </FlexRow>\n    )\n  },\n)\n\nAddressRenderRowBox.displayName = 'AddressRenderRowBox'\n"],"mappings":"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","names":["IconButton","styled","useEvent","useShareForwardedRef","React","forwardRef","useEffect","useRef","useState","generateFavoriteEvent","favorite","favoriteType","favoriteValue","name","Star","StarIcon","StarBorder","StarBorderIcon","React","FavoriteToggleSVG","favorite","StarIcon","className","component","color","fontSize","StarBorderIcon","popperId","Card","CardContent","ClickAwayListener","Fade","Popper","styled","TextField","React","forwardRef","useState","Delete","DeleteIcon","Star","StarIcon","Button","ButtonGroup","React","PopperButtonGroup","name","onConfirmFavorite","favorite","props","React","ButtonGroup","Button","title","variant","onClick","e","stopPropagation","StarIcon","DeleteIcon","FavoritePopper","forwardRef","name","nameProp","favorite","favoriteRef","onClickAway","onConfirmFavorite","props","ref","setName","useState","React","ClickAwayListener","PopperStyled","id","popperId","anchorEl","current","onClick","e","stopPropagation","onTouchStart","transition","TransitionProps","Fade","timeout","Card","CardContent","sx","display","gap","TextField","autoFocus","label","placeholder","size","value","onChange","target","PopperButtonGroup","displayName","styled","Popper","zIndex","FavoriteIconButton","forwardRef","children","favorite","favoriteProp","name","valueType","value","props","ref","openPopper","setOpenPopper","useState","setFavorite","useEffect","sharedRef","useShareForwardedRef","buttonRef","dispatch","useEvent","undefined","onConfirmFavorite","newFavoriteState","favoriteEvent","generateFavoriteEvent","JSON","stringify","starRef","useRef","React","IconButtonCondensed","aria-describedby","popperId","onClick","event","stopPropagation","onTouchStart","onMouseDown","e","sx","lineHeight","p","span","FavoriteToggleSVG","FavoritePopper","zIndex","favoriteRef","open","onClickAway","displayName","styled","IconButton","theme","padding","spacing","ListItemIcon","useTheme","FlexRow","Identicon","useEvent","EllipsizeBox","useShareForwardedRef","React","forwardRef","AddressRenderRowBox","forwardRef","address","children","disableSharedRef","favorite","favoriteProp","iconOnly","iconSize","icons","name","showFavorite","props","ref","theme","useTheme","sharedRef","useShareForwardedRef","elementRef","dispatch","useEvent","undefined","React","FlexRow","gap","justifyContent","onClick","ListItemIcon","sx","minWidth","Identicon","size","value","EllipsizeBox","ellipsisPosition","width","typographyProps","fontSize","typography","body1","FavoriteIconButton","valueType","displayName"]}

package/package.json

@@ -1,38 +1,30 @@
 {
   "name": "@xyo-network/react-address-render",
-  "author": {
-    "email": "support@xyo.network",
-    "name": "XYO Development Team",
-    "url": "https://xyo.network"
-  },
+  "version": "3.0.3",
+  "description": "Common React library for all XYO projects that use React",
+  "keywords": [
+    "xyo",
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xyo.network",
   "bugs": {
-    "email": "support@xyo.network",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
-  },
-  "dependencies": {
-    "@xylabs/react-flexbox": "^4.0.1",
-    "@xylabs/react-identicon": "^4.0.1",
-    "@xylabs/react-shared": "^4.0.1",
-    "@xyo-network/react-event": "^3.0.1",
-    "@xyo-network/react-shared": "^3.0.1"
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues",
+    "email": "support@xyo.network"
   },
-  "peerDependencies": {
-    "@mui/icons-material": "^5",
-    "@mui/material": "^5",
-    "@mui/styles": "^5",
-    "react": "^18",
-    "react-dom": "^18"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
   },
-  "description": "Common React library for all XYO projects that use React",
-  "devDependencies": {
-    "@storybook/react": "^8.2.9",
-    "@xylabs/hex": "^4.0.1",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
-    "ethers": "^6.13.2",
-    "typescript": "^5.5.4"
+  "license": "LGPL-3.0-only",
+  "author": {
+    "name": "XYO Development Team",
+    "email": "support@xyo.network",
+    "url": "https://xyo.network"
   },
-  "docs": "dist/docs.json",
+  "sideEffects": false,
+  "type": "module",
   "exports": {
     ".": {
       "import": {
@@ -45,27 +37,41 @@
     "./package.json": "./package.json"
   },
   "module": "dist/browser/index.mjs",
-  "homepage": "https://xyo.network",
-  "keywords": [
-    "xyo",
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
-  "publishConfig": {
-    "access": "public"
+  "types": "dist/browser/index.d.ts",
+  "scripts": {
+    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\"",
+    "lint-pkg": "npmPkgJsonLint ."
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js.git"
+  "dependencies": {
+    "@xylabs/react-flexbox": "^4.0.3",
+    "@xylabs/react-identicon": "^4.0.3",
+    "@xylabs/react-shared": "^4.0.3",
+    "@xyo-network/react-event": "^3.0.3",
+    "@xyo-network/react-shared": "^3.0.3"
   },
-  "scripts": {
-    "lint-pkg": "npmPkgJsonLint .",
-    "license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
+  "devDependencies": {
+    "@mui/icons-material": "^5.16.7",
+    "@mui/material": "^5.16.7",
+    "@mui/styles": "^5.16.7",
+    "@storybook/react": "^8.2.9",
+    "@xylabs/hex": "^4.0.5",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
+    "ethers": "^6.13.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.2.9",
+    "typescript": "^5.5.4"
   },
-  "sideEffects": false,
-  "types": "dist/browser/index.d.ts",
-  "version": "3.0.1",
-  "type": "module"
+  "peerDependencies": {
+    "@mui/icons-material": "^5",
+    "@mui/material": "^5",
+    "@mui/styles": "^5",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "docs": "dist/docs.json"
 }

package/src/components/RenderRowBox.stories.tsx

@@ -1,10 +1,11 @@
-import { Meta, StoryFn } from '@storybook/react'
-import { Address, toHex } from '@xylabs/hex'
+import type { Meta, StoryFn } from '@storybook/react'
+import type { Address } from '@xylabs/hex'
+import { toHex } from '@xylabs/hex'
 import { useEvent } from '@xyo-network/react-event'
 import { randomBytes } from 'ethers'
 import React, { useState } from 'react'
 
-import { FavoriteItemEvent } from './lib/index.ts'
+import type { FavoriteItemEvent } from './lib/index.ts'
 import { AddressRenderRowBox } from './RenderRowBox.tsx'
 
 const address: Address = toHex(randomBytes(20))
@@ -12,11 +13,7 @@ const address: Address = toHex(randomBytes(20))
 const StorybookEntry = {
   argTypes: {},
   component: AddressRenderRowBox,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'address/render/AddressRenderRowBox',
 } as Meta<typeof AddressRenderRowBox>
 
@@ -38,9 +35,7 @@ const Default = Template.bind({})
 Default.args = {}
 
 const WithAddress = Template.bind({})
-WithAddress.args = {
-  address,
-}
+WithAddress.args = { address }
 
 const WithIcon = Template.bind({})
 WithIcon.args = {
@@ -81,6 +76,8 @@ WithChildren.args = {
   showFavorite: true,
 }
 
-export { Default, WithAddress, WithChildren, WithFavorite, WithFavoriteAlias, WithIcon, WithIconOnly }
+export {
+  Default, WithAddress, WithChildren, WithFavorite, WithFavoriteAlias, WithIcon, WithIconOnly,
+}
 
 export default StorybookEntry

package/src/components/RenderRowBox.tsx

@@ -1,5 +1,6 @@
 import { ListItemIcon, useTheme } from '@mui/material'
-import { FlexBoxProps, FlexRow } from '@xylabs/react-flexbox'
+import type { FlexBoxProps } from '@xylabs/react-flexbox'
+import { FlexRow } from '@xylabs/react-flexbox'
 import { Identicon } from '@xylabs/react-identicon'
 import { useEvent } from '@xyo-network/react-event'
 import { EllipsizeBox, useShareForwardedRef } from '@xyo-network/react-shared'
@@ -20,7 +21,9 @@ export interface AddressRenderRowBoxProps extends FlexBoxProps {
 
 export const AddressRenderRowBox = forwardRef<HTMLElement, AddressRenderRowBoxProps>(
   (
-    { address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props },
+    {
+      address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props
+    },
     ref,
   ) => {
     const theme = useTheme()

package/src/components/favorite/FavoriteIconButton.tsx

@@ -1,10 +1,14 @@
-import { IconButton, IconButtonProps, styled } from '@mui/material'
-import { WithChildren } from '@xylabs/react-shared'
+import type { IconButtonProps } from '@mui/material'
+import { IconButton, styled } from '@mui/material'
+import type { WithChildren } from '@xylabs/react-shared'
 import { useEvent } from '@xyo-network/react-event'
 import { useShareForwardedRef } from '@xyo-network/react-shared'
-import React, { forwardRef, useEffect, useRef, useState } from 'react'
+import React, {
+  forwardRef, useEffect, useRef, useState,
+} from 'react'
 
-import { FavoriteItemEvent, generateFavoriteEvent } from '../lib/index.ts'
+import type { FavoriteItemEvent } from '../lib/index.ts'
+import { generateFavoriteEvent } from '../lib/index.ts'
 import { FavoriteToggleSVG } from './FavoriteToggleSVG.tsx'
 import { popperId } from './lib/index.ts'
 import { FavoritePopper } from './Popper.tsx'
@@ -17,7 +21,9 @@ export interface FavoriteIconButtonProps extends WithChildren, IconButtonProps {
 }
 
 export const FavoriteIconButton = forwardRef<HTMLButtonElement, FavoriteIconButtonProps>(
-  ({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
+  ({
+    children, favorite: favoriteProp, name, valueType, value, ...props
+  }, ref) => {
     const [openPopper, setOpenPopper] = useState(false)
 
     const [favorite, setFavorite] = useState(favoriteProp)

package/src/components/favorite/Popper.tsx

@@ -1,5 +1,9 @@
-import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, styled, TextField } from '@mui/material'
-import React, { forwardRef, RefObject, useEffect, useState } from 'react'
+import type { PopperProps } from '@mui/material'
+import {
+  Card, CardContent, ClickAwayListener, Fade, Popper, styled, TextField,
+} from '@mui/material'
+import type { RefObject } from 'react'
+import React, { forwardRef, useState } from 'react'
 
 import { popperId } from './lib/index.ts'
 import { PopperButtonGroup } from './PopperButtonGroup.tsx'
@@ -23,10 +27,7 @@ export const FavoritePopper = forwardRef<HTMLDivElement, FavoritePopperProps>(
     },
     ref,
   ) => {
-    const [name, setName] = useState(nameProp)
-    useEffect(() => {
-      setName(nameProp)
-    }, [nameProp])
+    const [name, setName] = useState(() => nameProp)
 
     return (
       <ClickAwayListener onClickAway={onClickAway ?? (() => null)}>

package/src/components/favorite/PopperButtonGroup.tsx

@@ -1,5 +1,6 @@
 import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'
-import { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'
+import type { ButtonGroupProps } from '@mui/material'
+import { Button, ButtonGroup } from '@mui/material'
 import React from 'react'
 
 export interface FavoritePopperProps extends ButtonGroupProps {
@@ -8,7 +9,9 @@ export interface FavoritePopperProps extends ButtonGroupProps {
   onConfirmFavorite?: (name?: string, newFavoriteState?: boolean) => void
 }
 
-export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({ name, onConfirmFavorite, favorite, ...props }) => {
+export const PopperButtonGroup: React.FC<FavoritePopperProps> = ({
+  name, onConfirmFavorite, favorite, ...props
+}) => {
   return (
     <ButtonGroup {...props}>
       <Button

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },