@xyo-network/react-address-render 2.82.0 → 2.83.0

package/dist/node/index.cjs

@@ -1,251 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  AddressRenderRowBox: () => AddressRenderRowBox,
-  FavoriteIconButton: () => FavoriteIconButton,
-  generateFavoriteEvent: () => generateFavoriteEvent
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/favorite/FavoriteIconButton.tsx
-var import_material3 = require("@mui/material");
-var import_react_event = require("@xyo-network/react-event");
-var import_react_shared = require("@xyo-network/react-shared");
-var import_react4 = __toESM(require("react"), 1);
-
-// src/components/lib/FavoriteItemEvent.ts
-var generateFavoriteEvent = /* @__PURE__ */ __name((favorite, favoriteType, favoriteValue, name) => ({
-  favorite: !!favorite,
-  favoriteType,
-  favoriteValue,
-  name
-}), "generateFavoriteEvent");
-
-// src/components/favorite/FavoriteToggleSVG.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_react = __toESM(require("react"), 1);
-var FavoriteToggleSVG = /* @__PURE__ */ __name(({ favorite }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, favorite ? /* @__PURE__ */ import_react.default.createElement(import_icons_material.Star, {
-  className: "favorite-icon",
-  component: "svg",
-  color: "secondary",
-  fontSize: "small"
-}) : /* @__PURE__ */ import_react.default.createElement(import_icons_material.StarBorder, {
-  className: "favorite-icon",
-  fontSize: "small"
-})), "FavoriteToggleSVG");
-
-// src/components/favorite/lib/PopperId.ts
-var popperId = "favorite-popper";
-
-// src/components/favorite/Popper.tsx
-var import_material2 = require("@mui/material");
-var import_react3 = __toESM(require("react"), 1);
-
-// src/components/favorite/PopperButtonGroup.tsx
-var import_icons_material2 = require("@mui/icons-material");
-var import_material = require("@mui/material");
-var import_react2 = __toESM(require("react"), 1);
-var PopperButtonGroup = /* @__PURE__ */ __name(({ name, onConfirmFavorite, favorite, ...props }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(import_material.ButtonGroup, props, /* @__PURE__ */ import_react2.default.createElement(import_material.Button, {
-    title: "Save Favorite",
-    variant: "contained",
-    onClick: /* @__PURE__ */ __name((e) => {
-      e.stopPropagation();
-      onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, true);
-    }, "onClick")
-  }, /* @__PURE__ */ import_react2.default.createElement(import_icons_material2.Star, null)), favorite ? /* @__PURE__ */ import_react2.default.createElement(import_material.Button, {
-    title: "Remove Favorite",
-    variant: "contained",
-    onClick: /* @__PURE__ */ __name((e) => {
-      e.stopPropagation();
-      onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, false);
-    }, "onClick")
-  }, /* @__PURE__ */ import_react2.default.createElement(import_icons_material2.Delete, null)) : null);
-}, "PopperButtonGroup");
-
-// src/components/favorite/Popper.tsx
-var FavoritePopper = /* @__PURE__ */ (0, import_react3.forwardRef)(({ name: nameProp, favorite, favoriteRef, onClickAway, onConfirmFavorite, ...props }, ref) => {
-  const [name, setName] = (0, import_react3.useState)(nameProp);
-  (0, import_react3.useEffect)(() => {
-    setName(nameProp);
-  }, [
-    nameProp
-  ]);
-  return /* @__PURE__ */ import_react3.default.createElement(import_material2.ClickAwayListener, {
-    onClickAway: onClickAway ?? (() => null)
-  }, /* @__PURE__ */ import_react3.default.createElement(PopperStyled, {
-    id: popperId,
-    anchorEl: favoriteRef == null ? void 0 : favoriteRef.current,
-    onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
-    onTouchStart: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onTouchStart"),
-    transition: true,
-    ref,
-    ...props
-  }, ({ TransitionProps }) => /* @__PURE__ */ import_react3.default.createElement(import_material2.Fade, {
-    ...TransitionProps,
-    timeout: 350
-  }, /* @__PURE__ */ import_react3.default.createElement(import_material2.Card, null, /* @__PURE__ */ import_react3.default.createElement(import_material2.CardContent, {
-    sx: {
-      display: "flex",
-      gap: 1
-    }
-  }, /* @__PURE__ */ import_react3.default.createElement(import_material2.TextField, {
-    autoFocus: true,
-    label: "Favorite Name",
-    placeholder: "optional",
-    size: "small",
-    value: name ?? "",
-    onChange: /* @__PURE__ */ __name((e) => setName(e.target.value), "onChange")
-  }), /* @__PURE__ */ import_react3.default.createElement(PopperButtonGroup, {
-    favorite,
-    onConfirmFavorite,
-    name
-  }))))));
-});
-FavoritePopper.displayName = "FavoritePopper";
-var PopperStyled = (0, import_material2.styled)(import_material2.Popper, {
-  name: "PopperStyled"
-})(() => ({
-  zIndex: 9999
-}));
-
-// src/components/favorite/FavoriteIconButton.tsx
-var FavoriteIconButton = /* @__PURE__ */ (0, import_react4.forwardRef)(({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
-  const [openPopper, setOpenPopper] = (0, import_react4.useState)(false);
-  const [favorite, setFavorite] = (0, import_react4.useState)(favoriteProp);
-  (0, import_react4.useEffect)(() => {
-    setFavorite(favoriteProp);
-  }, [
-    favoriteProp
-  ]);
-  const sharedRef = (0, import_react_shared.useShareForwardedRef)(ref);
-  const [buttonRef, dispatch] = (0, import_react_event.useEvent)(void 0, sharedRef);
-  const onConfirmFavorite = /* @__PURE__ */ __name((name2, newFavoriteState) => {
-    const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name2);
-    dispatch("address", "favorite", JSON.stringify(favoriteEvent));
-    setFavorite(newFavoriteState);
-    setOpenPopper(false);
-  }, "onConfirmFavorite");
-  const starRef = (0, import_react4.useRef)(null);
-  return /* @__PURE__ */ import_react4.default.createElement(IconButtonCondensed, {
-    "aria-describedby": popperId,
-    ref: buttonRef,
-    onClick: /* @__PURE__ */ __name((event) => {
-      event.stopPropagation();
-      setOpenPopper(!openPopper);
-    }, "onClick"),
-    onTouchStart: /* @__PURE__ */ __name((event) => {
-      event.stopPropagation();
-      setOpenPopper(!openPopper);
-    }, "onTouchStart"),
-    onMouseDown: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onMouseDown"),
-    sx: {
-      lineHeight: 0,
-      p: 0.25
-    },
-    ...props
-  }, /* @__PURE__ */ import_react4.default.createElement("span", {
-    ref: starRef
-  }, /* @__PURE__ */ import_react4.default.createElement(FavoriteToggleSVG, {
-    favorite
-  })), /* @__PURE__ */ import_react4.default.createElement(FavoritePopper, {
-    sx: {
-      zIndex: 1301
-    },
-    name,
-    favorite,
-    favoriteRef: starRef,
-    open: openPopper,
-    onConfirmFavorite,
-    onClickAway: /* @__PURE__ */ __name(() => setOpenPopper(false), "onClickAway")
-  }), children);
-});
-FavoriteIconButton.displayName = "FavoriteIconButton";
-var IconButtonCondensed = (0, import_material3.styled)(import_material3.IconButton, {
-  name: "IconButtonCondensed"
-})(({ theme }) => ({
-  lineHeight: 0,
-  padding: theme.spacing(0.25)
-}));
-
-// src/components/RenderRowBox.tsx
-var import_material4 = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react_identicon = require("@xylabs/react-identicon");
-var import_react_event2 = require("@xyo-network/react-event");
-var import_react_shared2 = require("@xyo-network/react-shared");
-var import_react5 = __toESM(require("react"), 1);
-var AddressRenderRowBox = /* @__PURE__ */ (0, import_react5.forwardRef)(({ address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
-  const theme = (0, import_material4.useTheme)();
-  const sharedRef = (0, import_react_shared2.useShareForwardedRef)(ref);
-  const [elementRef, dispatch] = (0, import_react_event2.useEvent)(void 0, sharedRef);
-  return /* @__PURE__ */ import_react5.default.createElement(import_react_flexbox.FlexRow, {
-    gap: 2,
-    justifyContent: "flex-start",
-    ref: elementRef,
-    onClick: /* @__PURE__ */ __name(() => {
-      if (address) {
-        dispatch("address", "click", address);
-      }
-    }, "onClick"),
-    ...props
-  }, icons && address ? /* @__PURE__ */ import_react5.default.createElement(import_material4.ListItemIcon, {
-    sx: {
-      minWidth: 0
-    }
-  }, /* @__PURE__ */ import_react5.default.createElement(import_react_identicon.Identicon, {
-    size: iconSize,
-    value: address
-  })) : null, iconOnly ? null : /* @__PURE__ */ import_react5.default.createElement(import_react_shared2.EllipsizeBox, {
-    disableSharedRef,
-    ellipsisPosition: "end",
-    width: "100%",
-    typographyProps: {
-      fontSize: theme.typography.body1.fontSize
-    }
-  }, name ?? address), children, showFavorite && address ? /* @__PURE__ */ import_react5.default.createElement(FavoriteIconButton, {
-    name,
-    size: "small",
-    value: address,
-    valueType: "address",
-    favorite: favoriteProp
-  }) : null);
-});
-AddressRenderRowBox.displayName = "AddressRenderRowBox";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AddressRenderRowBox,
-  FavoriteIconButton,
-  generateFavoriteEvent
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../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":["export * from './components/index.ts'\n","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":["import_material","import_react","generateFavoriteEvent","favorite","favoriteType","favoriteValue","name","FavoriteToggleSVG","favorite","React","StarIcon","className","component","color","fontSize","StarBorderIcon","popperId","import_material","import_react","import_icons_material","import_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","import_material","import_react_event","import_react_shared","import_react","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/dist/node/index.d.cts

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

package/dist/node/index.d.cts.map

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

package/dist/node/index.d.mts

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

package/dist/node/index.d.mts.map

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

package/dist/node/index.d.ts

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

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

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

package/dist/node/index.mjs

@@ -1,214 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/favorite/FavoriteIconButton.tsx
-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";
-
-// src/components/lib/FavoriteItemEvent.ts
-var generateFavoriteEvent = /* @__PURE__ */ __name((favorite, favoriteType, favoriteValue, name) => ({
-  favorite: !!favorite,
-  favoriteType,
-  favoriteValue,
-  name
-}), "generateFavoriteEvent");
-
-// src/components/favorite/FavoriteToggleSVG.tsx
-import { Star as StarIcon, StarBorder as StarBorderIcon } from "@mui/icons-material";
-import React from "react";
-var FavoriteToggleSVG = /* @__PURE__ */ __name(({ favorite }) => /* @__PURE__ */ React.createElement(React.Fragment, null, favorite ? /* @__PURE__ */ React.createElement(StarIcon, {
-  className: "favorite-icon",
-  component: "svg",
-  color: "secondary",
-  fontSize: "small"
-}) : /* @__PURE__ */ React.createElement(StarBorderIcon, {
-  className: "favorite-icon",
-  fontSize: "small"
-})), "FavoriteToggleSVG");
-
-// src/components/favorite/lib/PopperId.ts
-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";
-
-// src/components/favorite/PopperButtonGroup.tsx
-import { Delete as DeleteIcon, Star as StarIcon2 } from "@mui/icons-material";
-import { Button, ButtonGroup } from "@mui/material";
-import React2 from "react";
-var PopperButtonGroup = /* @__PURE__ */ __name(({ name, onConfirmFavorite, favorite, ...props }) => {
-  return /* @__PURE__ */ React2.createElement(ButtonGroup, props, /* @__PURE__ */ React2.createElement(Button, {
-    title: "Save Favorite",
-    variant: "contained",
-    onClick: /* @__PURE__ */ __name((e) => {
-      e.stopPropagation();
-      onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, true);
-    }, "onClick")
-  }, /* @__PURE__ */ React2.createElement(StarIcon2, null)), favorite ? /* @__PURE__ */ React2.createElement(Button, {
-    title: "Remove Favorite",
-    variant: "contained",
-    onClick: /* @__PURE__ */ __name((e) => {
-      e.stopPropagation();
-      onConfirmFavorite == null ? void 0 : onConfirmFavorite(name, false);
-    }, "onClick")
-  }, /* @__PURE__ */ React2.createElement(DeleteIcon, null)) : null);
-}, "PopperButtonGroup");
-
-// 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
-  ]);
-  return /* @__PURE__ */ React3.createElement(ClickAwayListener, {
-    onClickAway: onClickAway ?? (() => null)
-  }, /* @__PURE__ */ React3.createElement(PopperStyled, {
-    id: popperId,
-    anchorEl: favoriteRef == null ? void 0 : favoriteRef.current,
-    onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
-    onTouchStart: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onTouchStart"),
-    transition: true,
-    ref,
-    ...props
-  }, ({ TransitionProps }) => /* @__PURE__ */ React3.createElement(Fade, {
-    ...TransitionProps,
-    timeout: 350
-  }, /* @__PURE__ */ React3.createElement(Card, null, /* @__PURE__ */ React3.createElement(CardContent, {
-    sx: {
-      display: "flex",
-      gap: 1
-    }
-  }, /* @__PURE__ */ React3.createElement(TextField, {
-    autoFocus: true,
-    label: "Favorite Name",
-    placeholder: "optional",
-    size: "small",
-    value: name ?? "",
-    onChange: /* @__PURE__ */ __name((e) => setName(e.target.value), "onChange")
-  }), /* @__PURE__ */ React3.createElement(PopperButtonGroup, {
-    favorite,
-    onConfirmFavorite,
-    name
-  }))))));
-});
-FavoritePopper.displayName = "FavoritePopper";
-var PopperStyled = styled(Popper, {
-  name: "PopperStyled"
-})(() => ({
-  zIndex: 9999
-}));
-
-// src/components/favorite/FavoriteIconButton.tsx
-var FavoriteIconButton = /* @__PURE__ */ forwardRef2(({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
-  const [openPopper, setOpenPopper] = useState2(false);
-  const [favorite, setFavorite] = useState2(favoriteProp);
-  useEffect2(() => {
-    setFavorite(favoriteProp);
-  }, [
-    favoriteProp
-  ]);
-  const sharedRef = useShareForwardedRef(ref);
-  const [buttonRef, dispatch] = useEvent(void 0, sharedRef);
-  const onConfirmFavorite = /* @__PURE__ */ __name((name2, newFavoriteState) => {
-    const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name2);
-    dispatch("address", "favorite", JSON.stringify(favoriteEvent));
-    setFavorite(newFavoriteState);
-    setOpenPopper(false);
-  }, "onConfirmFavorite");
-  const starRef = useRef(null);
-  return /* @__PURE__ */ React4.createElement(IconButtonCondensed, {
-    "aria-describedby": popperId,
-    ref: buttonRef,
-    onClick: /* @__PURE__ */ __name((event) => {
-      event.stopPropagation();
-      setOpenPopper(!openPopper);
-    }, "onClick"),
-    onTouchStart: /* @__PURE__ */ __name((event) => {
-      event.stopPropagation();
-      setOpenPopper(!openPopper);
-    }, "onTouchStart"),
-    onMouseDown: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onMouseDown"),
-    sx: {
-      lineHeight: 0,
-      p: 0.25
-    },
-    ...props
-  }, /* @__PURE__ */ React4.createElement("span", {
-    ref: starRef
-  }, /* @__PURE__ */ React4.createElement(FavoriteToggleSVG, {
-    favorite
-  })), /* @__PURE__ */ React4.createElement(FavoritePopper, {
-    sx: {
-      zIndex: 1301
-    },
-    name,
-    favorite,
-    favoriteRef: starRef,
-    open: openPopper,
-    onConfirmFavorite,
-    onClickAway: /* @__PURE__ */ __name(() => setOpenPopper(false), "onClickAway")
-  }), children);
-});
-FavoriteIconButton.displayName = "FavoriteIconButton";
-var IconButtonCondensed = styled2(IconButton, {
-  name: "IconButtonCondensed"
-})(({ theme }) => ({
-  lineHeight: 0,
-  padding: theme.spacing(0.25)
-}));
-
-// src/components/RenderRowBox.tsx
-import { ListItemIcon, useTheme } from "@mui/material";
-import { FlexRow } from "@xylabs/react-flexbox";
-import { Identicon } from "@xylabs/react-identicon";
-import { useEvent as useEvent2 } from "@xyo-network/react-event";
-import { EllipsizeBox, useShareForwardedRef as useShareForwardedRef2 } from "@xyo-network/react-shared";
-import React5, { forwardRef as forwardRef3 } from "react";
-var AddressRenderRowBox = /* @__PURE__ */ forwardRef3(({ address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false, ...props }, ref) => {
-  const theme = useTheme();
-  const sharedRef = useShareForwardedRef2(ref);
-  const [elementRef, dispatch] = useEvent2(void 0, sharedRef);
-  return /* @__PURE__ */ React5.createElement(FlexRow, {
-    gap: 2,
-    justifyContent: "flex-start",
-    ref: elementRef,
-    onClick: /* @__PURE__ */ __name(() => {
-      if (address) {
-        dispatch("address", "click", address);
-      }
-    }, "onClick"),
-    ...props
-  }, icons && address ? /* @__PURE__ */ React5.createElement(ListItemIcon, {
-    sx: {
-      minWidth: 0
-    }
-  }, /* @__PURE__ */ React5.createElement(Identicon, {
-    size: iconSize,
-    value: address
-  })) : null, iconOnly ? null : /* @__PURE__ */ React5.createElement(EllipsizeBox, {
-    disableSharedRef,
-    ellipsisPosition: "end",
-    width: "100%",
-    typographyProps: {
-      fontSize: theme.typography.body1.fontSize
-    }
-  }, name ?? address), children, showFavorite && address ? /* @__PURE__ */ React5.createElement(FavoriteIconButton, {
-    name,
-    size: "small",
-    value: address,
-    valueType: "address",
-    favorite: favoriteProp
-  }) : null);
-});
-AddressRenderRowBox.displayName = "AddressRenderRowBox";
-export {
-  AddressRenderRowBox,
-  FavoriteIconButton,
-  generateFavoriteEvent
-};
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"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"]}