npm - @xyo-network/react-address-render - Versions diffs - 2.75.6 → 2.76.0 - Mend

@xyo-network/react-address-render 2.75.6 → 2.76.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/neutral/components/RenderRowBox.d.cts ADDED Viewed

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+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: import("react").ForwardRefExoticComponent<AddressRenderRowBoxProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=RenderRowBox.d.ts.map

package/dist/neutral/components/RenderRowBox.d.cts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RenderRowBox.d.ts","sourceRoot":"","sources":["../../../src/components/RenderRowBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAQ7D,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,kHA4C/B,CAAA"}

package/dist/neutral/components/RenderRowBox.d.mts ADDED Viewed

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+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: import("react").ForwardRefExoticComponent<AddressRenderRowBoxProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=RenderRowBox.d.ts.map

package/dist/neutral/components/RenderRowBox.d.mts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/RenderRowBox.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+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: import("react").ForwardRefExoticComponent<AddressRenderRowBoxProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=RenderRowBox.d.ts.map

package/dist/neutral/components/RenderRowBox.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/favorite/FavoriteIconButton.d.cts ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteIconButton.d.cts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FavoriteIconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/FavoriteIconButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAU,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,OAAO,EAAE,iBAAiB,EAAyB,MAAM,QAAQ,CAAA;AAKjE,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,oIAqD9B,CAAA"}

package/dist/neutral/components/favorite/FavoriteIconButton.d.mts ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteIconButton.d.mts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/favorite/FavoriteIconButton.d.ts ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteIconButton.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/favorite/FavoriteToggleSVG.d.cts ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteToggleSVG.d.cts.map ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteToggleSVG.d.mts ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteToggleSVG.d.mts.map ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteToggleSVG.d.ts ADDED Viewed

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

package/dist/neutral/components/favorite/FavoriteToggleSVG.d.ts.map ADDED Viewed

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

package/dist/neutral/components/favorite/Popper.d.cts ADDED Viewed

@@ -0,0 +1,11 @@
+import { PopperProps } from '@mui/material';
+import { RefObject } 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: import("react").ForwardRefExoticComponent<Omit<FavoritePopperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popper.d.ts.map

package/dist/neutral/components/favorite/Popper.d.cts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsD,WAAW,EAAqB,MAAM,eAAe,CAAA;AAClH,OAAO,EAAc,SAAS,EAAuB,MAAM,OAAO,CAAA;AAKlE,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,6HAmD1B,CAAA"}

package/dist/neutral/components/favorite/Popper.d.mts ADDED Viewed

@@ -0,0 +1,11 @@
+import { PopperProps } from '@mui/material';
+import { RefObject } 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: import("react").ForwardRefExoticComponent<Omit<FavoritePopperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popper.d.ts.map

package/dist/neutral/components/favorite/Popper.d.mts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/favorite/Popper.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { PopperProps } from '@mui/material';
+import { RefObject } 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: import("react").ForwardRefExoticComponent<Omit<FavoritePopperProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popper.d.ts.map

package/dist/neutral/components/favorite/Popper.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/favorite/PopperButtonGroup.d.cts ADDED Viewed

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonGroupProps } from '@mui/material';
+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/neutral/components/favorite/PopperButtonGroup.d.cts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PopperButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/favorite/PopperButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAuB,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErE,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,CA2B3D,CAAA"}

package/dist/neutral/components/favorite/PopperButtonGroup.d.mts ADDED Viewed

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonGroupProps } from '@mui/material';
+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/neutral/components/favorite/PopperButtonGroup.d.mts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/favorite/PopperButtonGroup.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ButtonGroupProps } from '@mui/material';
+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/neutral/components/favorite/PopperButtonGroup.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/favorite/index.d.cts ADDED Viewed

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

package/dist/neutral/components/favorite/index.d.cts.map ADDED Viewed

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

package/dist/neutral/components/favorite/index.d.mts ADDED Viewed

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

package/dist/neutral/components/favorite/index.d.mts.map ADDED Viewed

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

package/dist/neutral/components/favorite/index.d.ts ADDED Viewed

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

package/dist/neutral/components/favorite/index.d.ts.map ADDED Viewed

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

package/dist/neutral/components/favorite/lib/PopperId.d.cts ADDED Viewed

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

package/dist/neutral/components/favorite/lib/PopperId.d.cts.map ADDED Viewed

	@@ -0,0 +1 @@
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/neutral/components/favorite/lib/PopperId.d.mts ADDED Viewed

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

package/dist/neutral/components/favorite/lib/PopperId.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
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/neutral/components/favorite/lib/PopperId.d.ts ADDED Viewed

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

package/dist/neutral/components/favorite/lib/PopperId.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
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/neutral/components/favorite/lib/index.d.cts ADDED Viewed

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

package/dist/neutral/components/favorite/lib/index.d.cts.map ADDED Viewed

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

package/dist/neutral/components/favorite/lib/index.d.mts ADDED Viewed

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

package/dist/neutral/components/favorite/lib/index.d.mts.map ADDED Viewed

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

package/dist/neutral/components/favorite/lib/index.d.ts ADDED Viewed

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

package/dist/neutral/components/favorite/lib/index.d.ts.map ADDED Viewed

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

package/dist/neutral/components/index.d.cts ADDED Viewed

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

package/dist/neutral/components/index.d.cts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,gBAAgB,CAAA"}

package/dist/neutral/components/index.d.mts ADDED Viewed

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

package/dist/neutral/components/index.d.mts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,gBAAgB,CAAA"}

package/dist/neutral/components/index.d.ts ADDED Viewed

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

package/dist/neutral/components/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA;AACrB,cAAc,gBAAgB,CAAA"}

package/dist/neutral/components/lib/FavoriteItemEvent.d.cts ADDED Viewed

@@ -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/neutral/components/lib/FavoriteItemEvent.d.cts.map ADDED Viewed

@@ -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/neutral/components/lib/FavoriteItemEvent.d.mts ADDED Viewed

@@ -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/neutral/components/lib/FavoriteItemEvent.d.mts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/lib/FavoriteItemEvent.d.ts ADDED Viewed

@@ -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/neutral/components/lib/FavoriteItemEvent.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

package/dist/neutral/components/lib/index.d.cts ADDED Viewed

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

package/dist/neutral/components/lib/index.d.cts.map ADDED Viewed

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

package/dist/neutral/components/lib/index.d.mts ADDED Viewed

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

package/dist/neutral/components/lib/index.d.mts.map ADDED Viewed

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

package/dist/neutral/components/lib/index.d.ts ADDED Viewed

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

package/dist/neutral/components/lib/index.d.ts.map ADDED Viewed

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

package/dist/neutral/index.cjs ADDED Viewed

@@ -0,0 +1,241 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __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_react2 = require("react");
+// src/components/lib/FavoriteItemEvent.ts
+var generateFavoriteEvent = (favorite, favoriteType, favoriteValue, name) => ({
+  favorite: !!favorite,
+  favoriteType,
+  favoriteValue,
+  name
+});
+// src/components/favorite/FavoriteToggleSVG.tsx
+var import_icons_material = require("@mui/icons-material");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FavoriteToggleSVG = ({ favorite }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: favorite ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.Star, { className: "favorite-icon", component: "svg", color: "secondary", fontSize: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_material.StarBorder, { className: "favorite-icon", fontSize: "small" }) });
+// src/components/favorite/lib/PopperId.ts
+var popperId = "favorite-popper";
+// src/components/favorite/Popper.tsx
+var import_material2 = require("@mui/material");
+var import_react = require("react");
+// src/components/favorite/PopperButtonGroup.tsx
+var import_icons_material2 = require("@mui/icons-material");
+var import_material = require("@mui/material");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PopperButtonGroup = ({ name, onConfirmFavorite, favorite, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material.ButtonGroup, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_material.Button,
+      {
+        title: "Save Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite?.(name, true);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material2.Star, {})
+      }
+    ),
+    favorite ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_material.Button,
+      {
+        title: "Remove Favorite",
+        variant: "contained",
+        onClick: (e) => {
+          e.stopPropagation();
+          onConfirmFavorite?.(name, false);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material2.Delete, {})
+      }
+    ) : null
+  ] });
+};
+// src/components/favorite/Popper.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var FavoritePopper = (0, import_react.forwardRef)(
+  ({
+    name: nameProp,
+    favorite,
+    favoriteRef,
+    onClickAway = () => {
+      return;
+    },
+    onConfirmFavorite,
+    ...props
+  }, ref) => {
+    const [name, setName] = (0, import_react.useState)(nameProp);
+    (0, import_react.useEffect)(() => {
+      setName(nameProp);
+    }, [nameProp]);
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.ClickAwayListener, { onClickAway, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      PopperStyled,
+      {
+        id: popperId,
+        anchorEl: favoriteRef?.current,
+        onClick: (e) => e.stopPropagation(),
+        onTouchStart: (e) => e.stopPropagation(),
+        transition: true,
+        ref,
+        ...props,
+        children: ({ TransitionProps }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Fade, { ...TransitionProps, timeout: 350, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Card, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material2.CardContent, { sx: { display: "flex", gap: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_material2.TextField,
+            {
+              autoFocus: true,
+              label: "Favorite Name",
+              placeholder: "optional",
+              size: "small",
+              value: name ?? "",
+              onChange: (e) => setName(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(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 import_jsx_runtime4 = require("react/jsx-runtime");
+var FavoriteIconButton = (0, import_react2.forwardRef)(
+  ({ children, favorite: favoriteProp, name, valueType, value, ...props }, ref) => {
+    const [openPopper, setOpenPopper] = (0, import_react2.useState)(false);
+    const [favorite, setFavorite] = (0, import_react2.useState)(favoriteProp);
+    (0, import_react2.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 = (name2, newFavoriteState) => {
+      const favoriteEvent = generateFavoriteEvent(!!newFavoriteState, valueType, value, name2);
+      dispatch("address", "favorite", JSON.stringify(favoriteEvent));
+      setFavorite(newFavoriteState);
+      setOpenPopper(false);
+    };
+    const starRef = (0, import_react2.useRef)(null);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      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__ */ (0, import_jsx_runtime4.jsx)("span", { ref: starRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FavoriteToggleSVG, { favorite }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            FavoritePopper,
+            {
+              sx: { zIndex: 1301 },
+              name,
+              favorite,
+              favoriteRef: starRef,
+              open: openPopper,
+              onConfirmFavorite,
+              onClickAway: () => setOpenPopper(false)
+            }
+          ),
+          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_react3 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var AddressRenderRowBox = (0, import_react3.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__ */ (0, import_jsx_runtime5.jsxs)(
+      import_react_flexbox.FlexRow,
+      {
+        gap: 2,
+        justifyContent: "flex-start",
+        ref: elementRef,
+        onClick: () => {
+          if (address) {
+            dispatch("address", "click", address);
+          }
+        },
+        ...props,
+        children: [
+          icons && address ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material4.ListItemIcon, { sx: { minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_identicon.Identicon, { size: iconSize, value: address }) }) : null,
+          iconOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_react_shared2.EllipsizeBox,
+            {
+              disableSharedRef,
+              ellipsisPosition: "end",
+              width: "100%",
+              typographyProps: { fontSize: theme.typography.body1.fontSize },
+              children: name ?? address
+            }
+          ),
+          children,
+          showFavorite && address ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FavoriteIconButton, { name, size: "small", value: address, valueType: "address", favorite: favoriteProp }) : null
+        ]
+      }
+    );
+  }
+);
+AddressRenderRowBox.displayName = "AddressRenderRowBox";
+//# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"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'\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 { 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 : <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 { 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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,mBAAoD;AAEpD,yBAAyB;AACzB,0BAAqC;AACrC,IAAAC,gBAAwD;;;ACKjD,IAAM,wBAAwB,CAAC,UAAoB,cAA6B,eAAwB,UAAsC;AAAA,EACnJ,UAAU,CAAC,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AACF;;;ACdA,4BAA+D;AAG7D;AADK,IAAM,oBAAsD,CAAC,EAAE,SAAS,MAC7E,2EACG,qBACC,4CAAC,sBAAAC,MAAA,EAAS,WAAU,iBAAgB,WAAW,OAAO,OAAM,aAAY,UAAS,SAAQ,IACzF,4CAAC,sBAAAC,YAAA,EAAe,WAAU,iBAAgB,UAAS,SAAQ,GAC/D;;;ACPK,IAAM,WAAW;;;ACAxB,IAAAC,mBAAmG;AACnG,mBAA2D;;;ACD3D,IAAAC,yBAAuD;AACvD,sBAAsD;AAUlD,IAAAC,sBAAA;AAFG,IAAM,oBAAmD,CAAC,EAAE,MAAM,mBAAmB,UAAU,GAAG,MAAM,MAAM;AACnH,SACE,8CAAC,+BAAa,GAAG,OACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,8BAAoB,MAAM,IAAI;AAAA,QAChC;AAAA,QAEA,uDAAC,uBAAAC,MAAA,EAAS;AAAA;AAAA,IACZ;AAAA,IACC,WACC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,SAAS,CAAC,MAAM;AACd,YAAE,gBAAgB;AAClB,8BAAoB,MAAM,KAAK;AAAA,QACjC;AAAA,QAEA,uDAAC,uBAAAC,QAAA,EAAW;AAAA;AAAA,IACd,IACA;AAAA,KACJ;AAEJ;;;ADUgB,IAAAC,sBAAA;AAjCT,IAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA,cAAc,MAAM;AAClB;AAAA,IACF;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,QAAQ;AACzC,gCAAU,MAAM;AACd,cAAQ,QAAQ;AAAA,IAClB,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE,6CAAC,sCAAkB,aACjB;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ,UAAU,aAAa;AAAA,QACvB,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,QAClC,cAAc,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACvC,YAAU;AAAA,QACV;AAAA,QACC,GAAG;AAAA,QAEH,WAAC,EAAE,gBAAgB,MAClB,6CAAC,yBAAM,GAAG,iBAAiB,SAAS,KAClC,uDAAC,yBACC,wDAAC,gCAAY,IAAI,EAAE,SAAS,QAAQ,KAAK,EAAE,GACzC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAM;AAAA,cACN,aAAY;AAAA,cACZ,MAAK;AAAA,cACL,OAAO,QAAQ;AAAA,cACf,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA;AAAA,UACzC;AAAA,UACA,6CAAC,qBAAkB,UAAoB,mBAAsC,MAAY;AAAA,WAC3F,GACF,GACF;AAAA;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAG7B,IAAM,mBAAe,yBAAO,yBAAQ,EAAE,MAAM,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,KAAK,EAAE;;;AJ7BhF,IAAAC,sBAAA;AAtBC,IAAM,yBAAqB;AAAA,EAChC,CAAC,EAAE,UAAU,UAAU,cAAc,MAAM,WAAW,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC/E,UAAM,CAAC,YAAY,aAAa,QAAI,wBAAS,KAAK;AAElD,UAAM,CAAC,UAAU,WAAW,QAAI,wBAAS,YAAY;AACrD,iCAAU,MAAM;AACd,kBAAY,YAAY;AAAA,IAC1B,GAAG,CAAC,YAAY,CAAC;AAEjB,UAAM,gBAAY,0CAAqB,GAAG;AAC1C,UAAM,CAAC,WAAW,QAAQ,QAAI,6BAAS,QAAW,SAAS;AAE3D,UAAM,oBAAoB,CAACC,OAAe,qBAA+B;AACvE,YAAM,gBAAgB,sBAAsB,CAAC,CAAC,kBAAkB,WAAW,OAAOA,KAAI;AACtF,eAAS,WAAW,YAAY,KAAK,UAAU,aAAa,CAAC;AAC7D,kBAAY,gBAAgB;AAC5B,oBAAc,KAAK;AAAA,IACrB;AAEA,UAAM,cAAU,sBAAwB,IAAI;AAE5C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,oBAAkB;AAAA,QAClB,KAAK;AAAA,QACL,SAAS,CAAC,UAAU;AAClB,gBAAM,gBAAgB;AACtB,wBAAc,CAAC,UAAU;AAAA,QAC3B;AAAA,QACA,cAAc,CAAC,UAAU;AACvB,gBAAM,gBAAgB;AACtB,wBAAc,CAAC,UAAU;AAAA,QAC3B;AAAA,QACA,aAAa,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACtC,IAAI,EAAE,YAAY,GAAG,GAAG,KAAK;AAAA,QAC5B,GAAG;AAAA,QAEJ;AAAA,uDAAC,UAAK,KAAK,SACT,uDAAC,qBAAkB,UAAoB,GACzC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI,EAAE,QAAQ,KAAK;AAAA,cACnB;AAAA,cACA;AAAA,cACA,aAAa;AAAA,cACb,MAAM;AAAA,cACN;AAAA,cACA,aAAa,MAAM,cAAc,KAAK;AAAA;AAAA,UACxC;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;AAEjC,IAAM,0BAAsB,yBAAO,6BAAY,EAAE,MAAM,sBAAsB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC9F,YAAY;AAAA,EACZ,SAAS,MAAM,QAAQ,IAAI;AAC7B,EAAE;;;AM9EF,IAAAC,mBAAuC;AACvC,2BAAsC;AACtC,6BAA0B;AAC1B,IAAAC,sBAAyB;AACzB,IAAAC,uBAAmD;AACnD,IAAAC,gBAA2B;AA0BrB,IAAAC,sBAAA;AAXC,IAAM,0BAAsB;AAAA,EACjC,CACE,EAAE,SAAS,UAAU,kBAAkB,UAAU,eAAe,OAAO,UAAU,WAAW,IAAI,OAAO,MAAM,eAAe,OAAO,GAAG,MAAM,GAC5I,QACG;AACH,UAAM,YAAQ,2BAAS;AAEvB,UAAM,gBAAY,2CAAqB,GAAG;AAC1C,UAAM,CAAC,YAAY,QAAQ,QAAI,8BAAS,QAAW,SAAS;AAE5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,gBAAe;AAAA,QACf,KAAK;AAAA,QACL,SAAS,MAAM;AACb,cAAI,SAAS;AACX,qBAAS,WAAW,SAAS,OAAO;AAAA,UACtC;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,mBAAS,UACR,6CAAC,iCAAa,IAAI,EAAE,UAAU,EAAE,GAC9B,uDAAC,oCAAU,MAAM,UAAU,OAAO,SAAS,GAC7C,IACA;AAAA,UACD,WAAW,OACV;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,kBAAkB;AAAA,cAClB,OAAM;AAAA,cACN,iBAAiB,EAAE,UAAU,MAAM,WAAW,MAAM,SAAS;AAAA,cAE5D,kBAAQ;AAAA;AAAA,UACX;AAAA,UAED;AAAA,UACA,gBAAgB,UACf,6CAAC,sBAAmB,MAAY,MAAM,SAAS,OAAO,SAAS,WAAW,WAAW,UAAU,cAAc,IAC7G;AAAA;AAAA;AAAA,IACJ;AAAA,EAEJ;AACF;AAEA,oBAAoB,cAAc;","names":["import_material","import_react","StarIcon","StarBorderIcon","import_material","import_icons_material","import_jsx_runtime","StarIcon","DeleteIcon","import_jsx_runtime","import_jsx_runtime","name","import_material","import_react_event","import_react_shared","import_react","import_jsx_runtime"]}

package/dist/neutral/index.d.cts ADDED Viewed

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

package/dist/neutral/index.d.cts.map ADDED Viewed

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

package/dist/neutral/index.d.mts ADDED Viewed

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

package/dist/neutral/index.d.mts.map ADDED Viewed

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

package/dist/neutral/index.d.ts ADDED Viewed

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

package/dist/neutral/index.d.ts.map ADDED Viewed

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

package/dist/neutral/index.js ADDED Viewed

@@ -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.js.map

package/dist/neutral/index.js.map ADDED Viewed

@@ -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 : <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 { 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 CHANGED Viewed

@@ -10,11 +10,11 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-flexbox": "^3.1.6",
-    "@xylabs/react-identicon": "^3.1.6",
-    "@xylabs/react-shared": "^3.1.6",
-    "@xyo-network/react-event": "~2.75.6",
-    "@xyo-network/react-shared": "~2.75.6"
+    "@xylabs/react-flexbox": "^3.1.7",
+    "@xylabs/react-identicon": "^3.1.7",
+    "@xylabs/react-shared": "^3.1.7",
+    "@xyo-network/react-event": "~2.76.0",
+    "@xyo-network/react-shared": "~2.76.0"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -25,10 +25,10 @@
   },
   "description": "Common React library for all XYO projects that use React",
   "devDependencies": {
-    "@storybook/react": "^7.6.18",
-    "@xylabs/ts-scripts-yarn3": "^3.9.1",
-    "@xylabs/tsconfig-react": "^3.9.1",
-    "@xyo-network/account": "^2.99.1",
+    "@storybook/react": "^7.6.19",
+    "@xylabs/ts-scripts-yarn3": "^3.10.0",
+    "@xylabs/tsconfig-react": "^3.10.0",
+    "@xyo-network/account": "^2.99.3",
     "typescript": "^5.4.5"
   },
   "docs": "dist/docs.json",
@@ -81,6 +81,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.75.6",
+  "version": "2.76.0",
   "type": "module"
 }