@livetiles/reach-plugin-types 0.5.0-preview.980 → 0.5.0-preview.982

package/lib/index.d.ts

@@ -5887,34 +5887,81 @@ declare module "libs/reach/ui/common/src/reach-2/DateTimeDisplay" {
     }
     export const DateTimeDisplay: FC<Props>;
 }
-declare module "libs/reach/ui/common/src/reach-2/Icon" {
-    import { FC, SVGProps } from 'react';
-    export enum IconLabelDirection {
-        Row = "row",
-        Column = "column"
+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
     }
-    export interface IconProps {
-        defaultSVG: SVGProps<SVGElement>;
-        hoveredSVG?: SVGProps<SVGElement>;
-        label?: string | number;
-        labelDirection?: IconLabelDirection;
-        labelGap?: number;
-        reverseIcon?: boolean;
-        size?: number;
+    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;
     }
-    export const Icon: FC<IconProps>;
+    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/icons/IconHost" {
+declare module "libs/reach/ui/common/src/reach-2/icons/Icon" {
     import { FC, SVGProps } from 'react';
-    interface IconHostProps {
+    interface IconProps {
         className?: string;
         defaultSVG: SVGProps<SVGElement>;
         hoveredSVG?: SVGProps<SVGElement>;
         size?: number;
     }
-    const IconHost: FC<IconHostProps>;
-    export default IconHost;
+    const Icon: FC<IconProps>;
+    export default Icon;
 }
 declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as AddActiveIcon } from './assets/add-active.svg';
@@ -5947,6 +5994,7 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as EditIcon } from './assets/edit.svg';
     export { ReactComponent as EmojiActiveIcon } from './assets/emoji-active.svg';
     export { ReactComponent as EmojiIcon } from './assets/emoji.svg';
+    export { ReactComponent as ErrorIcon } from './assets/error.svg';
     export { ReactComponent as EventsActiveIcon } from './assets/events-active.svg';
     export { ReactComponent as EventsIcon } from './assets/events.svg';
     export { ReactComponent as ExpandArrowsIcon } from './assets/expandArrows.svg';
@@ -6021,7 +6069,7 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as WindowsIcon } from './assets/windows.svg';
 }
 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 { default as Icon } from "libs/reach/ui/common/src/reach-2/icons/Icon";
     export * from "libs/reach/ui/common/src/reach-2/icons/Icons";
 }
 declare module "libs/reach/ui/common/src/reach-2/progress/Skeleton" {
@@ -6134,23 +6182,37 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/BackButton" {
         className?: string;
     }>;
 }
-declare module "libs/reach/ui/common/src/reach-2/buttons/IconActionButton" {
+declare module "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton" {
     import { MouseEventHandler, SVGProps } from 'react';
-    import { IconProps } from "libs/reach/ui/common/src/reach-2/Icon";
-    export interface IconActionButtonProps extends Omit<IconProps, 'size'> {
+    /**
+     * @deprecated
+     */
+    export enum ContentActionDirection {
+        Row = "row",
+        Column = "column"
+    }
+    /**
+     * @deprecated
+     */
+    export interface ContentActionButtonProps {
+        className?: string;
+        defaultSVG: SVGProps<SVGElement>;
         disabled?: boolean;
         domIdentifier?: string;
+        hoveredSVG?: SVGProps<SVGElement>;
         iconSize?: number;
+        isSelected?: boolean;
+        label?: string | number;
+        labelDirection?: ContentActionDirection;
+        labelGap?: number;
         onClick: MouseEventHandler<HTMLButtonElement>;
         secondarySVG?: SVGProps<SVGElement>;
     }
-    export const IconActionButton: import("react").ForwardRefExoticComponent<IconActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-}
-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;
-    }
+    /**
+     * @deprecated
+     * Don't use this component use `StandardButton` or `IconButton` instead
+     *  or create a specific button for your use case.
+     */
     export const ContentActionButton: import("react").ForwardRefExoticComponent<ContentActionButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 }
 declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingButton" {
@@ -6167,63 +6229,6 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/FloatingButton" {
     const FloatingButton: FC<FloatingButtonProps>;
     export default FloatingButton;
 }
-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";
@@ -6235,7 +6240,7 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/ProfileButton" {
     const ProfileButton: FC<IProfileButtonProps>;
     export default ProfileButton;
 }
-declare module "libs/reach/ui/common/src/reach-2/buttons/StandardButtons" {
+declare module "libs/reach/ui/common/src/reach-2/buttons/StandardButton" {
     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>;
@@ -6248,42 +6253,7 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
     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 { 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";
+    export * from "libs/reach/ui/common/src/reach-2/buttons/StandardButton";
 }
 declare module "libs/reach/ui/common/src/reach-2/typography/Typography" {
     import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
@@ -6346,6 +6316,44 @@ 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/inputs/Input" {
+    type InputSize = 'Large' | 'Small';
+    export interface IInputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onChange' | 'ref' | 'size' | 'value'> {
+        error?: boolean;
+        label?: string;
+        leftIcon?: JSX.Element;
+        legend?: string;
+        onChange: (value: string) => void;
+        readonly?: boolean;
+        rightIcon?: JSX.Element;
+        size?: InputSize;
+        value: string;
+    }
+    const _default: import("react").ForwardRefExoticComponent<IInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    export default _default;
+}
+declare module "libs/reach/ui/common/src/reach-2/inputs/SearchInput" {
+    import { FC } from 'react';
+    import { IInputProps } from "libs/reach/ui/common/src/reach-2/inputs/Input";
+    const SearchInput: FC<Omit<IInputProps, 'leftIcon' | 'rightIcon'>>;
+    export default SearchInput;
+}
+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 Input } from "libs/reach/ui/common/src/reach-2/inputs/Input";
+    export { default as SearchInput } from "libs/reach/ui/common/src/reach-2/inputs/SearchInput";
+    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 {
@@ -6552,15 +6560,6 @@ declare module "libs/reach/ui/common/src/reach-2/tags/Tag" {
     const Tag: React.FC<TagProps>;
     export default Tag;
 }
-declare module "libs/reach/ui/common/src/reach-2/TextField" {
-    import { FC, InputHTMLAttributes } from 'react';
-    export interface ITextFieldProps extends InputHTMLAttributes<HTMLInputElement> {
-        label: string;
-        errorMessage?: string;
-    }
-    const TextField: FC<ITextFieldProps>;
-    export default TextField;
-}
 declare module "libs/reach/ui/common/src/reach-2/utils" {
     export function getNormalizedPercentageBasedOnDeviceHeight(heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number): number;
     export function useNormalizedBreakpointValuesBasedOnDeviceHeight(heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number): {
@@ -6571,8 +6570,6 @@ declare module "libs/reach/ui/common/src/reach-2/utils" {
 }
 declare module "libs/reach/ui/common/src/reach-2/index" {
     export * from "libs/reach/ui/common/src/reach-2/DateTimeDisplay";
-    export * from "libs/reach/ui/common/src/reach-2/Icon";
-    export * from "libs/reach/ui/common/src/reach-2/SearchBox";
     export * from "libs/reach/ui/common/src/reach-2/assets/index";
     export * from "libs/reach/ui/common/src/reach-2/avatar/index";
     export * from "libs/reach/ui/common/src/reach-2/buttons/index";
@@ -6587,7 +6584,6 @@ declare module "libs/reach/ui/common/src/reach-2/index" {
     export { default as Table } from "libs/reach/ui/common/src/reach-2/table/Table";
     export * from "libs/reach/ui/common/src/reach-2/table/Table";
     export { default as Tag } from "libs/reach/ui/common/src/reach-2/tags/Tag";
-    export { default as TextField } from "libs/reach/ui/common/src/reach-2/TextField";
     export { default as Typography } from "libs/reach/ui/common/src/reach-2/typography/Typography";
     export type { ITypographyProps } from "libs/reach/ui/common/src/reach-2/typography/Typography";
     export * from "libs/reach/ui/common/src/reach-2/utils";
@@ -11635,8 +11631,8 @@ declare module "libs/reach/feature/content/src/reach-2/common/editor/EnhancedRic
         shortcuts?: string[];
         useHardBreak?: boolean;
     }
-    const _default: import("react").ForwardRefExoticComponent<EnhancedRichTextEditorProps & import("react").RefAttributes<EnhancedRichTextEditorRef>>;
-    export default _default;
+    const _default_1: import("react").ForwardRefExoticComponent<EnhancedRichTextEditorProps & import("react").RefAttributes<EnhancedRichTextEditorRef>>;
+    export default _default_1;
 }
 declare module "libs/reach/feature/content/src/reach-2/common/editor/common/EmojiPicker" {
     import { FC } from 'react';
@@ -11659,11 +11655,11 @@ declare module "libs/reach/feature/content/src/reach-2/common/editor/editors/Men
     import { Account } from "libs/reach/util/common/src/index";
     export const MentionsEditor: FC<{
         mentionSearchHandler: (searchText: string) => Promise<Account[]>;
+        onCloseOverlay: () => void;
         onMentionSelect: (mention: {
             id: string;
             label: string;
         }) => void;
-        onCloseOverlay: () => void;
     }>;
 }
 declare module "libs/reach/feature/content/src/reach-2/comments/CommentEditorOverlay" {

package/package.json

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