@livetiles/reach-plugin-types 0.5.0-preview.977 → 0.5.0-preview.979

package/lib/index.d.ts

@@ -5905,17 +5905,16 @@ declare module "libs/reach/ui/common/src/reach-2/Icon" {
     }
     export const Icon: FC<IconProps>;
 }
-declare module "libs/reach/ui/common/src/reach-2/buttons/IconActionButton" {
-    import { MouseEventHandler, SVGProps } from 'react';
-    import { IconProps } from "libs/reach/ui/common/src/reach-2/Icon";
-    export interface IconActionButtonProps extends Omit<IconProps, 'size'> {
-        disabled?: boolean;
-        domIdentifier?: string;
-        iconSize?: number;
-        onClick: MouseEventHandler<HTMLButtonElement>;
-        secondarySVG?: SVGProps<SVGElement>;
+declare module "libs/reach/ui/common/src/reach-2/icons/IconHost" {
+    import { FC, SVGProps } from 'react';
+    interface IconHostProps {
+        className?: string;
+        defaultSVG: SVGProps<SVGElement>;
+        hoveredSVG?: SVGProps<SVGElement>;
+        size?: number;
     }
-    export const IconActionButton: import("react").ForwardRefExoticComponent<IconActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    const IconHost: FC<IconHostProps>;
+    export default IconHost;
 }
 declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as AddActiveIcon } from './assets/add-active.svg';
@@ -6021,105 +6020,9 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as UploadIcon } from './assets/upload.svg';
     export { ReactComponent as WindowsIcon } from './assets/windows.svg';
 }
-declare module "libs/reach/ui/common/src/reach-2/SearchBox" {
-    import { FC } from 'react';
-    export type SearchBoxSizeType = 'Large' | 'Small';
-    export const SearchBox: FC<{
-        autoFocus?: boolean;
-        className?: string;
-        disabled?: boolean;
-        onChange: (value: string) => void;
-        placeholder?: string;
-        size?: SearchBoxSizeType;
-        value: string;
-    }>;
-}
-declare module "libs/reach/ui/common/src/reach-2/assets/Assets" {
-    export { ReactComponent as Logo } from './logo.svg';
-    export { ReactComponent as Conversation } from './conversations.svg';
-    export { default as Background } from './background.svg';
-}
-declare module "libs/reach/ui/common/src/reach-2/assets/index" {
-    export * from "libs/reach/ui/common/src/reach-2/assets/Assets";
-}
-declare module "libs/reach/ui/common/src/reach-2/avatar/Avatar" {
-    import { FC } from 'react';
-    export enum AvatarSize {
-        xxs = 0,
-        xs = 1,
-        sm = 2,
-        md = 3,
-        lg = 4,
-        xl = 5
-    }
-    interface IProps {
-        backgroundColor?: string;
-        className?: string;
-        displayName: string;
-        noInitials?: boolean;
-        size?: AvatarSize;
-        tenantId?: string;
-        userPrincipalName?: string;
-    }
-    const Avatar: FC<IProps>;
-    export default Avatar;
-}
-declare module "libs/reach/ui/common/src/reach-2/avatar/GroupAvatar" {
-    import { FC } from 'react';
-    import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/Avatar";
-    export interface AvatarUser {
-        displayName?: string;
-        userPrincipalName?: string;
-    }
-    interface CommentsGroupAvatarProps {
-        avatarsLimit?: number;
-        avatarsSize?: AvatarSize;
-        users: AvatarUser[];
-    }
-    const GroupAvatar: FC<CommentsGroupAvatarProps>;
-    export default GroupAvatar;
-}
-declare module "libs/reach/ui/common/src/reach-2/avatar/Persona" {
-    import { FC } from 'react';
-    import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/Avatar";
-    interface IProps {
-        className?: string;
-        displayName: string;
-        size?: AvatarSize.sm | AvatarSize.md | AvatarSize.lg;
-        subtitle?: string | JSX.Element;
-        title: string;
-        userPrincipalName: string;
-    }
-    const Persona: FC<IProps>;
-    export default Persona;
-}
-declare module "libs/reach/ui/common/src/reach-2/avatar/index" {
-    export { default as Avatar2, AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/Avatar";
-    export { default as GroupAvatar2 } from "libs/reach/ui/common/src/reach-2/avatar/GroupAvatar";
-    export type { AvatarUser } from "libs/reach/ui/common/src/reach-2/avatar/GroupAvatar";
-    export { default as Persona } from "libs/reach/ui/common/src/reach-2/avatar/Persona";
-}
-declare module "libs/reach/ui/common/src/reach-2/buttons/BackButton" {
-    import { FC } from 'react';
-    export const PageBackButton: FC<{
-        navigateTo?: string;
-        onBeforeClose?: () => void;
-        className?: string;
-    }>;
-    export const BackButton: FC<{
-        onClick?: () => void;
-        className?: string;
-    }>;
-}
-declare module "libs/reach/ui/common/src/reach-2/icons/IconHost" {
-    import { FC, SVGProps } from 'react';
-    interface IconHostProps {
-        className?: string;
-        icon: SVGProps<SVGElement>;
-        size?: number;
-    }
-    const IconHost: FC<IconHostProps>;
-    export default IconHost;
+declare module "libs/reach/ui/common/src/reach-2/icons/index" {
+    export { default as IconHost } from "libs/reach/ui/common/src/reach-2/icons/IconHost";
+    export * from "libs/reach/ui/common/src/reach-2/icons/Icons";
 }
 declare module "libs/reach/ui/common/src/reach-2/progress/Skeleton" {
     import { FC } from 'react';
@@ -6149,9 +6052,6 @@ declare module "libs/reach/ui/common/src/reach-2/progress/PageScrollIndicator" {
     import { FC } from 'react';
     export const PageScrollIndicator: FC;
 }
-declare module "libs/reach/ui/common/src/reach-2/icons/index" {
-    export * from "libs/reach/ui/common/src/reach-2/icons/Icons";
-}
 declare module "libs/reach/ui/common/src/reach-2/progress/SpinnerLoader" {
     import { FC } from 'react';
     export const SpinnerLoader: FC<{
@@ -6193,13 +6093,6 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/BaseButton" {
     export const BaseButton: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
     export const BaseButtonStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 }
-declare module "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton" {
-    import { IconActionButtonProps } from "libs/reach/ui/common/src/reach-2/buttons/IconActionButton";
-    export interface ContentActionButtonProps extends IconActionButtonProps {
-        isSelected?: boolean;
-    }
-    export const ContentActionButton: import("react").ForwardRefExoticComponent<ContentActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-}
 declare module "libs/reach/ui/common/src/reach-2/buttons/BaseIconButton" {
     import { MouseEventHandler, SVGProps } from 'react';
     export interface BaseIconButtonProps {
@@ -6214,20 +6107,6 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/BaseIconButton" {
     const BaseIconButton: import("react").ForwardRefExoticComponent<BaseIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
     export default BaseIconButton;
 }
-declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingButton" {
-    import { FC, MouseEventHandler, SVGProps } from 'react';
-    export type FloatingButtonSizeType = 'Large' | 'Small';
-    interface FloatingButtonProps {
-        buttonSize?: FloatingButtonSizeType;
-        className?: string;
-        defaultSVG: SVGProps<SVGElement>;
-        disabled?: boolean;
-        hoveredSVG?: SVGProps<SVGElement>;
-        onClick?: MouseEventHandler<HTMLButtonElement>;
-    }
-    const FloatingButton: FC<FloatingButtonProps>;
-    export default FloatingButton;
-}
 declare module "libs/reach/ui/common/src/reach-2/buttons/IconButton" {
     import { MouseEventHandler, SVGProps } from 'react';
     export type IconButtonSizeType = 'Large' | 'Medium' | 'Small';
@@ -6243,55 +6122,36 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/IconButton" {
     const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
     export default IconButton;
 }
-declare module "libs/reach/ui/common/src/reach-2/buttons/IconNavLink" {
-    import { FC, MouseEvent } from 'react';
-    import { IconProps } from "libs/reach/ui/common/src/reach-2/Icon";
-    export const IconNavLink: FC<IconProps & {
-        to: string;
-        onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
-    }>;
-}
-declare module "libs/reach/ui/common/src/reach-2/buttons/ProfileButton" {
+declare module "libs/reach/ui/common/src/reach-2/buttons/BackButton" {
     import { FC } from 'react';
-    import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/index";
-    interface IProfileButtonProps {
+    export const PageBackButton: FC<{
+        navigateTo?: string;
+        onBeforeClose?: () => void;
         className?: string;
-        showLabel?: boolean;
-        size?: AvatarSize;
-    }
-    const ProfileButton: FC<IProfileButtonProps>;
-    export default ProfileButton;
-}
-declare module "libs/reach/ui/common/src/reach-2/buttons/StandardButtons" {
-    export const PrimaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-    export const SecondaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-    export const TertiaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-    export const LinkButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
-}
-declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
-    export * from "libs/reach/ui/common/src/reach-2/buttons/BackButton";
-    export { BaseButtonStyle } from "libs/reach/ui/common/src/reach-2/buttons/BaseButton";
-    export * from "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton";
-    export { default as FloatingButton } from "libs/reach/ui/common/src/reach-2/buttons/FloatingButton";
-    export * from "libs/reach/ui/common/src/reach-2/buttons/IconActionButton";
-    export { default as IconButton2 } from "libs/reach/ui/common/src/reach-2/buttons/IconButton";
-    export * from "libs/reach/ui/common/src/reach-2/buttons/IconNavLink";
-    export { default as ProfileButton } from "libs/reach/ui/common/src/reach-2/buttons/ProfileButton";
-    export * from "libs/reach/ui/common/src/reach-2/buttons/StandardButtons";
-}
-declare module "libs/reach/ui/common/src/reach-2/inputs/OTPInput" {
-    import { FC } from 'react';
-    interface IOTPInputProps {
-        code: string;
-        codeLength: number;
-        onChange: (code: string) => void;
+    }>;
+    export const BackButton: FC<{
+        onClick?: () => void;
         className?: string;
+    }>;
+}
+declare module "libs/reach/ui/common/src/reach-2/buttons/IconActionButton" {
+    import { MouseEventHandler, SVGProps } from 'react';
+    import { IconProps } from "libs/reach/ui/common/src/reach-2/Icon";
+    export interface IconActionButtonProps extends Omit<IconProps, 'size'> {
+        disabled?: boolean;
+        domIdentifier?: string;
+        iconSize?: number;
+        onClick: MouseEventHandler<HTMLButtonElement>;
+        secondarySVG?: SVGProps<SVGElement>;
     }
-    const OTPInput: FC<IOTPInputProps>;
-    export default OTPInput;
+    export const IconActionButton: import("react").ForwardRefExoticComponent<IconActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 }
-declare module "libs/reach/ui/common/src/reach-2/inputs/index" {
-    export { default as OTPInput } from "libs/reach/ui/common/src/reach-2/inputs/OTPInput";
+declare module "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton" {
+    import { IconActionButtonProps } from "libs/reach/ui/common/src/reach-2/buttons/IconActionButton";
+    export interface ContentActionButtonProps extends IconActionButtonProps {
+        isSelected?: boolean;
+    }
+    export const ContentActionButton: import("react").ForwardRefExoticComponent<ContentActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 }
 declare module "libs/reach/ui/common/src/reach-2/typography/Typography" {
     import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
@@ -6354,6 +6214,167 @@ declare module "libs/reach/ui/common/src/reach-2/typography/Typography" {
     const Typography: <T extends ElementType<any> = "span">(props: TTypographyOverridenProps<T>) => JSX.Element;
     export default Typography;
 }
+declare module "libs/reach/ui/common/src/reach-2/buttons/FlexButton" {
+    import { FC, MouseEvent, SVGProps } from 'react';
+    import { ITypographyProps } from "libs/reach/ui/common/src/reach-2/typography/Typography";
+    export type FlexButtonDirectionType = 'column' | 'column-reverse' | 'row' | 'row-reverse';
+    export interface FlexButtonProps {
+        className?: string;
+        defaultSVG: SVGProps<SVGElement>;
+        disabled?: boolean;
+        flexDirection?: FlexButtonDirectionType;
+        gap?: number;
+        hoveredSVG?: SVGProps<SVGElement>;
+        iconSize?: number;
+        label?: string | number;
+        typography?: ITypographyProps['variant'];
+        onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    }
+    const FlexButton: FC<FlexButtonProps>;
+    export default FlexButton;
+}
+declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingButton" {
+    import { FC, MouseEventHandler, SVGProps } from 'react';
+    export type FloatingButtonSizeType = 'Large' | 'Small';
+    interface FloatingButtonProps {
+        buttonSize?: FloatingButtonSizeType;
+        className?: string;
+        defaultSVG: SVGProps<SVGElement>;
+        disabled?: boolean;
+        hoveredSVG?: SVGProps<SVGElement>;
+        onClick?: MouseEventHandler<HTMLButtonElement>;
+    }
+    const FloatingButton: FC<FloatingButtonProps>;
+    export default FloatingButton;
+}
+declare module "libs/reach/ui/common/src/reach-2/buttons/IconNavLink" {
+    import { FC, MouseEvent } from 'react';
+    import { IconProps } from "libs/reach/ui/common/src/reach-2/Icon";
+    export const IconNavLink: FC<IconProps & {
+        to: string;
+        onClick?: (e: MouseEvent<HTMLAnchorElement>) => void;
+    }>;
+}
+declare module "libs/reach/ui/common/src/reach-2/avatar/Avatar" {
+    import { FC } from 'react';
+    export enum AvatarSize {
+        xxs = 0,
+        xs = 1,
+        sm = 2,
+        md = 3,
+        lg = 4,
+        xl = 5
+    }
+    interface IProps {
+        backgroundColor?: string;
+        className?: string;
+        displayName: string;
+        noInitials?: boolean;
+        size?: AvatarSize;
+        tenantId?: string;
+        userPrincipalName?: string;
+    }
+    const Avatar: FC<IProps>;
+    export default Avatar;
+}
+declare module "libs/reach/ui/common/src/reach-2/avatar/GroupAvatar" {
+    import { FC } from 'react';
+    import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/Avatar";
+    export interface AvatarUser {
+        displayName?: string;
+        userPrincipalName?: string;
+    }
+    interface CommentsGroupAvatarProps {
+        avatarsLimit?: number;
+        avatarsSize?: AvatarSize;
+        users: AvatarUser[];
+    }
+    const GroupAvatar: FC<CommentsGroupAvatarProps>;
+    export default GroupAvatar;
+}
+declare module "libs/reach/ui/common/src/reach-2/avatar/Persona" {
+    import { FC } from 'react';
+    import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/Avatar";
+    interface IProps {
+        className?: string;
+        displayName: string;
+        size?: AvatarSize.sm | AvatarSize.md | AvatarSize.lg;
+        subtitle?: string | JSX.Element;
+        title: string;
+        userPrincipalName: string;
+    }
+    const Persona: FC<IProps>;
+    export default Persona;
+}
+declare module "libs/reach/ui/common/src/reach-2/avatar/index" {
+    export { default as Avatar2, AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/Avatar";
+    export { default as GroupAvatar2 } from "libs/reach/ui/common/src/reach-2/avatar/GroupAvatar";
+    export type { AvatarUser } from "libs/reach/ui/common/src/reach-2/avatar/GroupAvatar";
+    export { default as Persona } from "libs/reach/ui/common/src/reach-2/avatar/Persona";
+}
+declare module "libs/reach/ui/common/src/reach-2/buttons/ProfileButton" {
+    import { FC } from 'react';
+    import { AvatarSize } from "libs/reach/ui/common/src/reach-2/avatar/index";
+    interface IProfileButtonProps {
+        className?: string;
+        showLabel?: boolean;
+        size?: AvatarSize;
+    }
+    const ProfileButton: FC<IProfileButtonProps>;
+    export default ProfileButton;
+}
+declare module "libs/reach/ui/common/src/reach-2/buttons/StandardButtons" {
+    export const PrimaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+    export const SecondaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+    export const TertiaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+    export const LinkButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("libs/reach/ui/common/src/reach-2/buttons/BaseButton").BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+}
+declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
+    export * from "libs/reach/ui/common/src/reach-2/buttons/BackButton";
+    export { BaseButtonStyle } from "libs/reach/ui/common/src/reach-2/buttons/BaseButton";
+    export * from "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton";
+    export { default as FlexButton } from "libs/reach/ui/common/src/reach-2/buttons/FlexButton";
+    export { default as FloatingButton } from "libs/reach/ui/common/src/reach-2/buttons/FloatingButton";
+    export { default as IconButton2 } from "libs/reach/ui/common/src/reach-2/buttons/IconButton";
+    export * from "libs/reach/ui/common/src/reach-2/buttons/IconNavLink";
+    export { default as ProfileButton } from "libs/reach/ui/common/src/reach-2/buttons/ProfileButton";
+    export * from "libs/reach/ui/common/src/reach-2/buttons/StandardButtons";
+}
+declare module "libs/reach/ui/common/src/reach-2/SearchBox" {
+    import { FC } from 'react';
+    export type SearchBoxSizeType = 'Large' | 'Small';
+    export const SearchBox: FC<{
+        autoFocus?: boolean;
+        className?: string;
+        disabled?: boolean;
+        onChange: (value: string) => void;
+        placeholder?: string;
+        size?: SearchBoxSizeType;
+        value: string;
+    }>;
+}
+declare module "libs/reach/ui/common/src/reach-2/assets/Assets" {
+    export { ReactComponent as Logo } from './logo.svg';
+    export { ReactComponent as Conversation } from './conversations.svg';
+    export { default as Background } from './background.svg';
+}
+declare module "libs/reach/ui/common/src/reach-2/assets/index" {
+    export * from "libs/reach/ui/common/src/reach-2/assets/Assets";
+}
+declare module "libs/reach/ui/common/src/reach-2/inputs/OTPInput" {
+    import { FC } from 'react';
+    interface IOTPInputProps {
+        code: string;
+        codeLength: number;
+        onChange: (code: string) => void;
+        className?: string;
+    }
+    const OTPInput: FC<IOTPInputProps>;
+    export default OTPInput;
+}
+declare module "libs/reach/ui/common/src/reach-2/inputs/index" {
+    export { default as OTPInput } from "libs/reach/ui/common/src/reach-2/inputs/OTPInput";
+}
 declare module "libs/reach/ui/common/src/reach-2/lists/MenuItem" {
     import { FC, MouseEvent, SVGProps } from 'react';
     export interface MenuItemProps {
@@ -6548,11 +6569,11 @@ declare module "libs/reach/ui/common/src/reach-2/table/Table" {
     export default Table;
 }
 declare module "libs/reach/ui/common/src/reach-2/tags/Tag" {
-    import React from 'react';
+    import React, { SVGProps } from 'react';
     interface TagProps {
         className?: string;
         error?: boolean;
-        icon?: React.ReactNode;
+        icon?: SVGProps<SVGElement>;
         label: string;
         onClick?: () => void;
         onClose?: () => void;
@@ -11469,12 +11490,13 @@ declare module "libs/reach/feature/content/src/search/index" {
 }
 declare module "libs/reach/feature/content/src/reach-2/buttons/ButtonWithMenu" {
     import { BasePopoverAlignType, BasePopoverSideType } from "libs/reach/ui/common/src/index";
-    import { FC } from 'react';
+    import { FC, ReactNode } from 'react';
     export interface ButtonWithMenuProps {
         align?: BasePopoverAlignType;
         alignOffset?: number;
         button: (onClick: () => void) => JSX.Element;
         className?: string;
+        children: ReactNode | ((dismissPopover: () => void) => ReactNode);
         drawerHeight?: number;
         side?: BasePopoverSideType;
         sideOffset?: number;

package/package.json

@@ -4,6 +4,6 @@
   "main": "",
   "types": "./index.d.ts",
   "license": "ISC",
-  "version": "0.5.0-preview.977",
+  "version": "0.5.0-preview.979",
   "dependencies": {}
 }