@xyo-network/react-address-render 2.63.1 → 2.64.0-rc.1

package/dist/index.mjs

@@ -0,0 +1,218 @@
+// 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 { forwardRef as forwardRef2, useEffect as useEffect2, useRef, useState as useState2 } from "react";
+
+// src/components/lib/FavoriteItemEvent.ts
+var generateFavoriteEvent = (favorite, favoriteType, favoriteValue, name) => ({
+  favorite: !!favorite,
+  favoriteType,
+  favoriteValue,
+  name
+});
+
+// src/components/favorite/FavoriteToggleSVG.tsx
+import { Star as StarIcon, StarBorder as StarBorderIcon } from "@mui/icons-material";
+import { Fragment, jsx } from "react/jsx-runtime";
+var FavoriteToggleSVG = ({ favorite }) => /* @__PURE__ */ jsx(Fragment, { children: favorite ? /* @__PURE__ */ jsx(StarIcon, { className: "favorite-icon", component: "svg", color: "secondary", fontSize: "small" }) : /* @__PURE__ */ jsx(StarBorderIcon, { className: "favorite-icon", fontSize: "small" }) });
+
+// 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 { 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 { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
+  return /* @__PURE__ */ jsxs(ButtonGroup, { ...props, children: [
+    /* @__PURE__ */ jsx2(
+      Button,
+      {
+        title: "Save Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite?.(name, true);
+        },
+        children: /* @__PURE__ */ jsx2(StarIcon2, {})
+      }
+    ),
+    favorite ? /* @__PURE__ */ jsx2(
+      Button,
+      {
+        title: "Remove Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite?.(name, false);
+        },
+        children: /* @__PURE__ */ jsx2(DeleteIcon, {})
+      }
+    ) : null
+  ] });
+};
+
+// src/components/favorite/Popper.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var FavoritePopper = forwardRef(
+  ({
+    name: nameProp,
+    favorite,
+    favoriteRef,
+    onClickAway = () => {
+      return;
+    },
+    onConfirmFavorite,
+    ...props
+  }, ref) => {
+    const [name, setName] = useState(nameProp);
+    useEffect(() => {
+      setName(nameProp);
+    }, [nameProp]);
+    return /* @__PURE__ */ jsx3(ClickAwayListener, { onClickAway, children: /* @__PURE__ */ jsx3(
+      PopperStyled,
+      {
+        id: popperId,
+        anchorEl: favoriteRef?.current,
+        onClick: (e) => e.stopPropagation(),
+        onTouchStart: (e) => e.stopPropagation(),
+        transition: true,
+        ref,
+        ...props,
+        children: ({ TransitionProps }) => /* @__PURE__ */ jsx3(Fade, { ...TransitionProps, timeout: 350, children: /* @__PURE__ */ jsx3(Card, { children: /* @__PURE__ */ jsxs2(CardContent, { sx: { display: "flex", gap: 1 }, children: [
+          /* @__PURE__ */ jsx3(
+            TextField,
+            {
+              autoFocus: true,
+              label: "Favorite Name",
+              placeholder: "optional",
+              size: "small",
+              value: name ?? "",
+              onChange: (e) => setName(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx3(PopperButtonGroup, { favorite, onConfirmFavorite, name })
+        ] }) }) })
+      }
+    ) });
+  }
+);
+FavoritePopper.displayName = "FavoritePopper";
+var PopperStyled = styled(Popper, { name: "PopperStyled" })(() => ({ zIndex: 9999 }));
+
+// src/components/favorite/FavoriteIconButton.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var FavoriteIconButton = 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 = (name2, newFavoriteState) => {
+      const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name2);
+      dispatch("address", "favorite", JSON.stringify(favoriteEvent));
+      setFavorite(newFavoriteState);
+      setOpenPopper(false);
+    };
+    const starRef = useRef(null);
+    return /* @__PURE__ */ jsxs3(
+      IconButtonCondensed,
+      {
+        "aria-describedby": popperId,
+        ref: buttonRef,
+        onClick: (event) => {
+          event.stopPropagation();
+          setOpenPopper(!openPopper);
+        },
+        onTouchStart: (event) => {
+          event.stopPropagation();
+          setOpenPopper(!openPopper);
+        },
+        onMouseDown: (e) => e.stopPropagation(),
+        sx: { lineHeight: 0, p: 0.25 },
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx4("span", { ref: starRef, children: /* @__PURE__ */ jsx4(FavoriteToggleSVG, { favorite }) }),
+          /* @__PURE__ */ jsx4(
+            FavoritePopper,
+            {
+              sx: { zIndex: 1301 },
+              name,
+              favorite,
+              favoriteRef: starRef,
+              open: openPopper,
+              onConfirmFavorite,
+              onClickAway: () => setOpenPopper(false)
+            }
+          ),
+          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 { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var AddressRenderRowBox = 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__ */ jsxs4(
+      FlexRow,
+      {
+        gap: 2,
+        justifyContent: "flex-start",
+        ref: elementRef,
+        onClick: () => {
+          if (address) {
+            dispatch("address", "click", address);
+          }
+        },
+        ...props,
+        children: [
+          icons && address ? /* @__PURE__ */ jsx5(ListItemIcon, { sx: { minWidth: 0 }, children: /* @__PURE__ */ jsx5(Identicon, { size: iconSize, value: address }) }) : null,
+          iconOnly ? null : /* @__PURE__ */ jsx5(
+            EllipsizeBox,
+            {
+              disableSharedRef,
+              ellipsisPosition: "end",
+              width: "100%",
+              typographyProps: { fontSize: theme.typography.body1.fontSize },
+              children: name ?? address
+            }
+          ),
+          children,
+          showFavorite && address ? /* @__PURE__ */ jsx5(FavoriteIconButton, { name, size: "small", value: address, valueType: "address", favorite: favoriteProp }) : null
+        ]
+      }
+    );
+  }
+);
+AddressRenderRowBox.displayName = "AddressRenderRowBox";
+export {
+  AddressRenderRowBox,
+  FavoriteIconButton,
+  generateFavoriteEvent
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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 { forwardRef, useEffect, useRef, useState } from 'react'\n\nimport { FavoriteItemEvent, generateFavoriteEvent } from '../lib'\nimport { FavoriteToggleSVG } from './FavoriteToggleSVG'\nimport { popperId } from './lib'\nimport { FavoritePopper } from './Popper'\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'\n\nexport const FavoriteToggleSVG: React.FC<{ favorite?: boolean }> = ({ favorite }) => (\n  <>\n    {favorite ? (\n      <StarIcon className=\"favorite-icon\" component={'svg'} color=\"secondary\" fontSize=\"small\" />\n    ) : (\n      <StarBorderIcon className=\"favorite-icon\" fontSize=\"small\" />\n    )}\n  </>\n)\n","export const popperId = 'favorite-popper'\n","import { Card, CardContent, ClickAwayListener, Fade, Popper, PopperProps, styled, TextField } from '@mui/material'\nimport { forwardRef, RefObject, useEffect, useState } from 'react'\n\nimport { popperId } from './lib'\nimport { PopperButtonGroup } from './PopperButtonGroup'\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        return\n      },\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}>\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'\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        <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      ) : 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 { forwardRef } from 'react'\n\nimport { FavoriteIconButton } from './favorite'\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          <ListItemIcon sx={{ minWidth: 0 }}>\n            <Identicon size={iconSize} value={address} />\n          </ListItemIcon>\n        ) : null}\n        {iconOnly ? null : (\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":["styled","forwardRef","useEffect","useState","StarIcon","jsx","jsx","jsxs","jsx","jsxs","forwardRef","useState","useEffect","name","styled","useEvent","useShareForwardedRef","forwardRef","jsx","jsxs","forwardRef","useShareForwardedRef","useEvent"]}

package/package.json

@@ -10,11 +10,11 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "~2.19.1",
-    "@xylabs/react-identicon": "~2.19.1",
-    "@xylabs/react-shared": "~2.19.1",
-    "@xyo-network/react-event": "~2.63.1",
-    "@xyo-network/react-shared": "~2.63.1"
+    "@xylabs/react-flexbox": "^3.1.0-rc.3",
+    "@xylabs/react-identicon": "^3.1.0-rc.3",
+    "@xylabs/react-shared": "^3.1.0-rc.3",
+    "@xyo-network/react-event": "~2.64.0-rc.1",
+    "@xyo-network/react-shared": "~2.64.0-rc.1"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -28,33 +28,41 @@
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
     "@storybook/react": "^7.4.3",
-    "@xylabs/ts-scripts-yarn3": "^2.19.12",
-    "@xylabs/tsconfig-react": "^2.19.12",
-    "@xyo-network/account": "^2.74.3",
-    "@xyo-network/react-event": "~2.63.1",
+    "@xylabs/ts-scripts-yarn3": "^3.0.28",
+    "@xylabs/tsconfig-react": "^3.0.28",
+    "@xyo-network/account": "^2.74.4",
+    "@xyo-network/react-event": "~2.64.0-rc.1",
     "typescript": "^5.2.2"
   },
-  "browser": "dist/esm/index.js",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
       "node": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
       "browser": {
-        "import": "./dist/esm/index.js",
-        "require": "./dist/cjs/index.js"
+        "import": {
+          "types": "./dist/index.d.mts",
+          "default": "./dist/index.mjs"
+        },
+        "require": {
+          "types": "./dist/index.d.ts",
+          "default": "./dist/index.js"
+        }
       },
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/docs.json": {
-      "default": "./dist/docs.json"
+      "default": "./dist/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
     "xyo",
@@ -75,6 +83,7 @@
     "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\""
   },
   "sideEffects": false,
-  "types": "dist/types/index.d.ts",
-  "version": "2.63.1"
+  "types": "dist/index.d.ts",
+  "version": "2.64.0-rc.1",
+  "stableVersion": "2.63.1"
 }

package/src/components/favorite/FavoriteToggleSVG.tsx

@@ -1,5 +1,4 @@
-import StarIcon from '@mui/icons-material/Star'
-import StarBorderIcon from '@mui/icons-material/StarBorder'
+import { Star as StarIcon, StarBorder as StarBorderIcon } from '@mui/icons-material'
 
 export const FavoriteToggleSVG: React.FC<{ favorite?: boolean }> = ({ favorite }) => (
   <>

package/src/components/favorite/PopperButtonGroup.tsx

@@ -1,5 +1,4 @@
-import DeleteIcon from '@mui/icons-material/Delete'
-import StarIcon from '@mui/icons-material/Star'
+import { Delete as DeleteIcon, Star as StarIcon } from '@mui/icons-material'
 import { Button, ButtonGroup, ButtonGroupProps } from '@mui/material'
 
 export interface FavoritePopperProps extends ButtonGroupProps {

package/dist/cjs/components/RenderRowBox.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AddressRenderRowBox = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
-const react_identicon_1 = require("@xylabs/react-identicon");
-const react_event_1 = require("@xyo-network/react-event");
-const react_shared_1 = require("@xyo-network/react-shared");
-const react_1 = require("react");
-const favorite_1 = require("./favorite");
-exports.AddressRenderRowBox = (0, react_1.forwardRef)((_a, ref) => {
-    var { address, children, disableSharedRef, favorite: favoriteProp = false, iconOnly, iconSize = 24, icons, name, showFavorite = false } = _a, props = tslib_1.__rest(_a, ["address", "children", "disableSharedRef", "favorite", "iconOnly", "iconSize", "icons", "name", "showFavorite"]);
-    const theme = (0, material_1.useTheme)();
-    const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
-    const [elementRef, dispatch] = (0, react_event_1.useEvent)(undefined, sharedRef);
-    return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ gap: 2, justifyContent: "flex-start", ref: elementRef, onClick: () => {
-            if (address) {
-                dispatch('address', 'click', address);
-            }
-        } }, props, { children: [icons && address ? ((0, jsx_runtime_1.jsx)(material_1.ListItemIcon, Object.assign({ sx: { minWidth: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_identicon_1.Identicon, { size: iconSize, value: address }) }))) : null, iconOnly ? null : ((0, jsx_runtime_1.jsx)(react_shared_1.EllipsizeBox, Object.assign({ disableSharedRef: disableSharedRef, ellipsisPosition: 'end', width: "100%", typographyProps: { fontSize: theme.typography.body1.fontSize } }, { children: name !== null && name !== void 0 ? name : address }))), children, showFavorite && address ? ((0, jsx_runtime_1.jsx)(favorite_1.FavoriteIconButton, { name: name, size: 'small', value: address, valueType: 'address', favorite: favoriteProp })) : null] })));
-});
-exports.AddressRenderRowBox.displayName = 'AddressRenderRowBox';
-//# sourceMappingURL=RenderRowBox.js.map

package/dist/cjs/components/RenderRowBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenderRowBox.js","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAsD;AACtD,yDAA6D;AAC7D,6DAAmD;AACnD,0DAAmD;AACnD,4DAA8E;AAC9E,iCAAkC;AAElC,yCAA+C;AAalC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAC3C,CACE,EAA6I,EAC7I,GAAG,EACH,EAAE;QAFF,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,GAAG,KAAK,OAAY,EAAP,KAAK,sBAA3I,gHAA6I,CAAF;IAG3I,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,SAAS,GAAG,IAAA,mCAAoB,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAA,sBAAQ,EAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAE7D,OAAO,CACL,wBAAC,uBAAO,kBACN,GAAG,EAAE,CAAC,EACN,cAAc,EAAC,YAAY,EAC3B,GAAG,EAAE,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;aACtC;QACH,CAAC,IACG,KAAK,eAER,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,uBAAC,uBAAY,kBAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,gBAC/B,uBAAC,2BAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI,IAChC,CAChB,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,uBAAC,2BAAY,kBACX,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,KAAK,EACvB,KAAK,EAAC,MAAM,EACZ,eAAe,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,gBAE7D,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,OAAO,IACH,CAChB,EACA,QAAQ,EACR,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,CACzB,uBAAC,6BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,GAAI,CAChH,CAAC,CAAC,CAAC,IAAI,KACA,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA"}

package/dist/cjs/components/favorite/FavoriteIconButton.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FavoriteIconButton = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_event_1 = require("@xyo-network/react-event");
-const react_shared_1 = require("@xyo-network/react-shared");
-const react_1 = require("react");
-const lib_1 = require("../lib");
-const FavoriteToggleSVG_1 = require("./FavoriteToggleSVG");
-const lib_2 = require("./lib");
-const Popper_1 = require("./Popper");
-exports.FavoriteIconButton = (0, react_1.forwardRef)((_a, ref) => {
-    var { children, favorite: favoriteProp, name, valueType, value } = _a, props = tslib_1.__rest(_a, ["children", "favorite", "name", "valueType", "value"]);
-    const [openPopper, setOpenPopper] = (0, react_1.useState)(false);
-    const [favorite, setFavorite] = (0, react_1.useState)(favoriteProp);
-    (0, react_1.useEffect)(() => {
-        setFavorite(favoriteProp);
-    }, [favoriteProp]);
-    const sharedRef = (0, react_shared_1.useShareForwardedRef)(ref);
-    const [buttonRef, dispatch] = (0, react_event_1.useEvent)(undefined, sharedRef);
-    const onConfirmFavorite = (name, newFavoriteState) => {
-        const favoriteEvent = (0, lib_1.generateFavoriteEvent)(!!newFavoriteState, valueType, value, name);
-        dispatch('address', 'favorite', JSON.stringify(favoriteEvent));
-        setFavorite(newFavoriteState);
-        setOpenPopper(false);
-    };
-    const starRef = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsxs)(IconButtonCondensed, Object.assign({ "aria-describedby": lib_2.popperId, ref: buttonRef, onClick: (event) => {
-            event.stopPropagation();
-            setOpenPopper(!openPopper);
-        }, onTouchStart: (event) => {
-            event.stopPropagation();
-            setOpenPopper(!openPopper);
-        }, onMouseDown: (e) => e.stopPropagation(), sx: { lineHeight: 0, p: 0.25 } }, props, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ ref: starRef }, { children: (0, jsx_runtime_1.jsx)(FavoriteToggleSVG_1.FavoriteToggleSVG, { favorite: favorite }) })), (0, jsx_runtime_1.jsx)(Popper_1.FavoritePopper, { sx: { zIndex: 1301 }, name: name, favorite: favorite, favoriteRef: starRef, open: openPopper, onConfirmFavorite: onConfirmFavorite, onClickAway: () => setOpenPopper(false) }), children] })));
-});
-exports.FavoriteIconButton.displayName = 'FavoriteIconButton';
-const IconButtonCondensed = (0, material_1.styled)(material_1.IconButton, { name: 'IconButtonCondensed' })(({ theme }) => ({
-    lineHeight: 0,
-    padding: theme.spacing(0.25),
-}));
-//# sourceMappingURL=FavoriteIconButton.js.map

package/dist/cjs/components/favorite/FavoriteIconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FavoriteIconButton.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/favorite/FavoriteToggleSVG.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FavoriteToggleSVG = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Star_1 = tslib_1.__importDefault(require("@mui/icons-material/Star"));
-const StarBorder_1 = tslib_1.__importDefault(require("@mui/icons-material/StarBorder"));
-const FavoriteToggleSVG = ({ favorite }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: favorite ? ((0, jsx_runtime_1.jsx)(Star_1.default, { className: "favorite-icon", component: 'svg', color: "secondary", fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(StarBorder_1.default, { className: "favorite-icon", fontSize: "small" })) }));
-exports.FavoriteToggleSVG = FavoriteToggleSVG;
-//# sourceMappingURL=FavoriteToggleSVG.js.map

package/dist/cjs/components/favorite/FavoriteToggleSVG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FavoriteToggleSVG.js","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteToggleSVG.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,wFAA2D;AAEpD,MAAM,iBAAiB,GAAqC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACnF,2DACG,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,cAAQ,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,KAAK,EAAE,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC5F,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAc,IAAC,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAC,OAAO,GAAG,CAC9D,GACA,CACJ,CAAA;AARY,QAAA,iBAAiB,qBAQ7B"}

package/dist/cjs/components/favorite/Popper.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FavoritePopper = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const lib_1 = require("./lib");
-const PopperButtonGroup_1 = require("./PopperButtonGroup");
-exports.FavoritePopper = (0, react_1.forwardRef)((_a, ref) => {
-    var { name: nameProp, favorite, favoriteRef, onClickAway = () => {
-        return;
-    }, onConfirmFavorite } = _a, props = tslib_1.__rest(_a, ["name", "favorite", "favoriteRef", "onClickAway", "onConfirmFavorite"]);
-    const [name, setName] = (0, react_1.useState)(nameProp);
-    (0, react_1.useEffect)(() => {
-        setName(nameProp);
-    }, [nameProp]);
-    return ((0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, Object.assign({ onClickAway: onClickAway }, { children: (0, jsx_runtime_1.jsx)(PopperStyled, Object.assign({ id: lib_1.popperId, anchorEl: favoriteRef === null || favoriteRef === void 0 ? void 0 : favoriteRef.current, onClick: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), transition: true, ref: ref }, props, { children: ({ TransitionProps }) => ((0, jsx_runtime_1.jsx)(material_1.Fade, Object.assign({}, TransitionProps, { timeout: 350 }, { children: (0, jsx_runtime_1.jsx)(material_1.Card, { children: (0, jsx_runtime_1.jsxs)(material_1.CardContent, Object.assign({ sx: { display: 'flex', gap: 1 } }, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { autoFocus: true, label: "Favorite Name", placeholder: "optional", size: "small", value: name !== null && name !== void 0 ? name : '', onChange: (e) => setName(e.target.value) }), (0, jsx_runtime_1.jsx)(PopperButtonGroup_1.PopperButtonGroup, { favorite: favorite, onConfirmFavorite: onConfirmFavorite, name: name })] })) }) }))) })) })));
-});
-exports.FavoritePopper.displayName = 'FavoritePopper';
-// Ensure the popper is over all other mui portal elements
-const PopperStyled = (0, material_1.styled)(material_1.Popper, { name: 'PopperStyled' })(() => ({ zIndex: 9999 }));
-//# sourceMappingURL=Popper.js.map

package/dist/cjs/components/favorite/Popper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAkH;AAClH,iCAAkE;AAElE,+BAAgC;AAChC,2DAAuD;AAS1C,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,WAAW,EACX,WAAW,GAAG,GAAG,EAAE;QACjB,OAAM;IACR,CAAC,EACD,iBAAiB,OAElB,EADI,KAAK,sBARV,uEASC,CADS;IAIV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAA;IAC1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACL,uBAAC,4BAAiB,kBAAC,WAAW,EAAE,WAAW,gBACzC,uBAAC,YAAY,kBACX,EAAE,EAAE,cAAQ,EACZ,QAAQ,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACnC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACxC,UAAU,QACV,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACxB,uBAAC,eAAI,oBAAK,eAAe,IAAE,OAAO,EAAE,GAAG,gBACrC,uBAAC,eAAI,cACH,wBAAC,sBAAW,kBAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,iBAC1C,uBAAC,oBAAS,IACR,SAAS,QACT,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,UAAU,EACtB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACxC,EACF,uBAAC,qCAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,GAAI,KAC/E,GACT,IACF,CACR,IACY,IACG,CACrB,CAAA;AACH,CAAC,CACF,CAAA;AAED,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,0DAA0D;AAC1D,MAAM,YAAY,GAAG,IAAA,iBAAM,EAAC,iBAAM,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA"}

package/dist/cjs/components/favorite/PopperButtonGroup.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopperButtonGroup = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
-const Star_1 = tslib_1.__importDefault(require("@mui/icons-material/Star"));
-const material_1 = require("@mui/material");
-const PopperButtonGroup = (_a) => {
-    var { name, onConfirmFavorite, favorite } = _a, props = tslib_1.__rest(_a, ["name", "onConfirmFavorite", "favorite"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.ButtonGroup, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ title: "Save Favorite", variant: "contained", onClick: (e) => {
-                    e.stopPropagation();
-                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(name, true);
-                } }, { children: (0, jsx_runtime_1.jsx)(Star_1.default, {}) })), favorite ? ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ title: "Remove Favorite", variant: "contained", onClick: (e) => {
-                    e.stopPropagation();
-                    onConfirmFavorite === null || onConfirmFavorite === void 0 ? void 0 : onConfirmFavorite(name, false);
-                } }, { children: (0, jsx_runtime_1.jsx)(Delete_1.default, {}) }))) : null] })));
-};
-exports.PopperButtonGroup = PopperButtonGroup;
-//# sourceMappingURL=PopperButtonGroup.js.map

package/dist/cjs/components/favorite/PopperButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopperButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";;;;;AAAA,gFAAmD;AACnD,4EAA+C;AAC/C,4CAAqE;AAQ9D,MAAM,iBAAiB,GAAkC,CAAC,EAA+C,EAAE,EAAE;QAAnD,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA7C,yCAA+C,CAAF;IAC5G,OAAO,CACL,wBAAC,sBAAW,oBAAK,KAAK,eACpB,uBAAC,iBAAM,kBACL,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,IAAI,EAAE,IAAI,CAAC,CAAA;gBACjC,CAAC,gBAED,uBAAC,cAAQ,KAAG,IACL,EACR,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,iBAAM,kBACL,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,IAAI,EAAE,KAAK,CAAC,CAAA;gBAClC,CAAC,gBAED,uBAAC,gBAAU,KAAG,IACP,CACV,CAAC,CAAC,CAAC,IAAI,KACI,CACf,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,iBAAiB,qBA2B7B"}

package/dist/cjs/components/favorite/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FavoriteIconButton"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/favorite/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/favorite/index.ts"],"names":[],"mappings":";;;AAAA,+DAAoC"}

package/dist/cjs/components/favorite/lib/PopperId.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.popperId = void 0;
-exports.popperId = 'favorite-popper';
-//# sourceMappingURL=PopperId.js.map

package/dist/cjs/components/favorite/lib/PopperId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopperId.js","sourceRoot":"","sources":["../../../../../src/components/favorite/lib/PopperId.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,iBAAiB,CAAA"}

package/dist/cjs/components/favorite/lib/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./PopperId"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/favorite/lib/index.js.map

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

package/dist/cjs/components/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./favorite"), exports);
-tslib_1.__exportStar(require("./lib"), exports);
-tslib_1.__exportStar(require("./RenderRowBox"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,gDAAqB;AACrB,yDAA8B"}

package/dist/cjs/components/lib/FavoriteItemEvent.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateFavoriteEvent = void 0;
-const generateFavoriteEvent = (favorite, favoriteType, favoriteValue, name) => ({
-    favorite: !!favorite,
-    favoriteType,
-    favoriteValue,
-    name,
-});
-exports.generateFavoriteEvent = generateFavoriteEvent;
-//# sourceMappingURL=FavoriteItemEvent.js.map

package/dist/cjs/components/lib/FavoriteItemEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FavoriteItemEvent.js","sourceRoot":"","sources":["../../../../src/components/lib/FavoriteItemEvent.ts"],"names":[],"mappings":";;;AASO,MAAM,qBAAqB,GAAG,CAAC,QAAkB,EAAE,YAA2B,EAAE,aAAsB,EAAE,IAAa,EAAqB,EAAE,CAAC,CAAC;IACnJ,QAAQ,EAAE,CAAC,CAAC,QAAQ;IACpB,YAAY;IACZ,aAAa;IACb,IAAI;CACL,CAAC,CAAA;AALW,QAAA,qBAAqB,yBAKhC"}

package/dist/cjs/components/lib/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./FavoriteItemEvent"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC"}

package/dist/cjs/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./components"), exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}