@iota/apps-ui-kit 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @iota/apps-ui-kit
 
+## 0.5.1
+
+### Patch Changes
+
+-   0524b61: add Tooltip to Badge in Account component
+-   a6d0c82: Add eslint config. Resolve eslint errors/warnings.
+-   a756bbc: add copy button to DisplayStats component
+-   9d01a25: Fix dialog to prevent closing popup when closing a toast
+-   0edfd4e: Update dependencies.
+-   be15d98: Update imports to avoid cycle dependencies
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -1,3 +1,7 @@
+import { BadgeType as BadgeType_2 } from '../../../../components/atoms';
+import { ButtonProps as ButtonProps_2 } from '../../../../components/atoms';
+import { ButtonSegmentType as ButtonSegmentType_2 } from '../../../../components/atoms';
+import { ButtonType as ButtonType_2 } from '../../../../components/atoms/button';
 import { ComponentProps } from 'react';
 import { Config } from 'tailwindcss';
 import { ForwardRefExoticComponent } from 'react';
@@ -9,7 +13,8 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
-import { SearchBarType as SearchBarType_2 } from '../../../../components';
+import { TooltipPosition as TooltipPosition_2 } from '../../../../components/atoms';
+import { TooltipPosition as TooltipPosition_3 } from '../../../../components/atoms/tooltip';
 
 export declare function Accordion({ children, hideBorder, }: {
     children: React.ReactNode;
@@ -50,7 +55,7 @@ export declare interface AccordionHeaderProps {
     hideBorder?: boolean;
 }
 
-export declare function Account({ title, subtitle, badgeType, badgeText, isLocked, avatarContent, onOptionsClick, onLockAccountClick, onUnlockAccountClick, onCopy, copyText, onOpen, isCopyable, isExternal, isSelected, isActive, showSelected, }: AccountProps): React.JSX.Element;
+export declare function Account({ title, subtitle, badgeType, badgeText, isLocked, avatarContent, onOptionsClick, onLockAccountClick, onUnlockAccountClick, onCopy, copyText, onOpen, isCopyable, isExternal, isSelected, isActive, showSelected, badgeTooltipText, badgeTooltipPosition, }: AccountProps): React.JSX.Element;
 
 declare interface AccountProps {
     /**
@@ -118,11 +123,19 @@ declare interface AccountProps {
     /**
      * The type of the badge.
      */
-    badgeType?: BadgeType;
+    badgeType?: BadgeType_2;
     /**
      * The text of the badge.
      */
     badgeText?: string;
+    /**
+     * The tooltip text of the badge.
+     */
+    badgeTooltipText?: string;
+    /**
+     * The tooltip position of the badge.
+     */
+    badgeTooltipPosition?: TooltipPosition_2;
 }
 
 export declare function Address({ text, isCopyable, isExternal, externalLink, copyText, onCopySuccess, onCopyError, onOpen, }: AddressProps): React.JSX.Element;
@@ -346,7 +359,7 @@ export declare type CardActionProps = {
     onClick?: () => void;
     icon?: React.ReactNode;
     iconAfterText?: boolean;
-    buttonType?: ButtonType;
+    buttonType?: ButtonType_2;
     buttonDisabled?: boolean;
 };
 
@@ -365,7 +378,7 @@ export declare type CardBodyProps = {
     icon?: React.ReactNode;
     isTextTruncated?: boolean;
     tooltipText?: string;
-    tooltipPosition?: TooltipPosition;
+    tooltipPosition?: TooltipPosition_3;
 };
 
 export declare function CardImage({ type, shape, url, children, }: CardImageProps): JSX_2.Element;
@@ -485,7 +498,7 @@ declare interface ChipProps {
     disabled?: boolean;
 }
 
-export declare const Dialog: React_2.FC<RadixDialog.DialogProps>;
+export declare const Dialog: ({ open, onOpenChange, children, ...props }: React_2.ComponentPropsWithoutRef<typeof RadixDialog.Root>) => JSX_2.Element;
 
 export declare const DialogBody: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -507,7 +520,7 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<RadixDi
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare function DisplayStats({ label, tooltipPosition, tooltipText, value, supportingLabel, type, size, icon, }: DisplayStatsProps): React.JSX.Element;
+export declare function DisplayStats({ label, tooltipPosition, tooltipText, value, supportingLabel, type, size, icon, copyText, onCopySuccess, onCopyError, }: DisplayStatsProps): React.JSX.Element;
 
 declare interface DisplayStatsProps {
     /**
@@ -517,7 +530,7 @@ declare interface DisplayStatsProps {
     /**
      * The tooltip position.
      */
-    tooltipPosition?: TooltipPosition;
+    tooltipPosition?: TooltipPosition_2;
     /**
      * The tooltip text.
      */
@@ -542,6 +555,18 @@ declare interface DisplayStatsProps {
      * Add icon to the right of the label.
      */
     icon?: React.ReactNode;
+    /**
+     * Text that need to be copied (optional).
+     */
+    copyText?: string;
+    /**
+     * The onCopySuccess event of the KeyValue  (optional).
+     */
+    onCopySuccess?: (e: React.MouseEvent<HTMLButtonElement>, text: string) => void;
+    /**
+     * The onCopyError event of the KeyValue  (optional).
+     */
+    onCopyError?: (e: unknown, text: string) => void;
 }
 
 export declare enum DisplayStatsSize {
@@ -1087,7 +1112,7 @@ export declare enum ScreenSize {
     Xl = "xl"
 }
 
-export declare function Search({ searchValue, suggestions, onSearchValueChange, onSuggestionClick, placeholder, isLoading, onKeyDown, type, renderSuggestion, }: SearchProps): React.JSX.Element;
+export declare function Search({ searchValue, suggestions, onSearchValueChange, onSuggestionClick, placeholder, isLoading, type, renderSuggestion, }: SearchProps): React.JSX.Element;
 
 export declare enum SearchBarType {
     Outlined = "outlined",
@@ -1119,14 +1144,10 @@ export declare interface SearchProps {
      * Are the suggestions loading.
      */
     isLoading: boolean;
-    /**
-     * Callback when a key is pressed.
-     */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     /**
      * The type of the search bar. Can be 'outlined' or 'filled'.
      */
-    type?: SearchBarType_2;
+    type?: SearchBarType;
     /**
      * Render suggestion.
      */
@@ -1143,7 +1164,7 @@ declare interface SegmentedButtonProps {
     /**
      * The shape of the button
      */
-    shape?: ButtonSegmentType;
+    shape?: ButtonSegmentType_2;
 }
 
 export declare enum SegmentedButtonType {
@@ -1331,7 +1352,7 @@ export declare interface Suggestion {
 
 export declare function Table({ paginationOptions, action, supportingLabel, selectedRowIndexes, rowIndexes, children, pageSizeSelector, heightFull, }: PropsWithChildren<TableProps>): JSX.Element;
 
-export declare function TableActionButton(props: PropsWithChildren<ButtonProps>): JSX_2.Element;
+export declare function TableActionButton(props: PropsWithChildren<ButtonProps_2>): JSX_2.Element;
 
 export declare function TableBody({ children }: PropsWithChildren): JSX.Element;
 
@@ -1556,7 +1577,7 @@ declare interface TitleProps {
     /**
      * The tooltip position.
      */
-    tooltipPosition?: TooltipPosition;
+    tooltipPosition?: TooltipPosition_2;
     /**
      * The tooltip text.
      */