@livetiles/reach-plugin-types 0.5.0-preview.996 → 0.5.0-preview.997

package/lib/index.d.ts

@@ -5887,6 +5887,71 @@ declare module "libs/reach/ui/common/src/reach-2/DateTimeDisplay" {
     }
     export const DateTimeDisplay: FC<Props>;
 }
+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/icons/Icon" {
     import { FC, SVGProps } from 'react';
     interface IconProps {
@@ -6011,27 +6076,6 @@ declare module "libs/reach/ui/common/src/reach-2/icons/index" {
     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/surfaces/BasePopover" {
-    import { PopoverContentProps } from '@radix-ui/react-popover';
-    import { FC } from 'react';
-    export type BasePopoverAlignType = 'start' | 'center' | 'end';
-    export type BasePopoverSideType = 'top' | 'left' | 'bottom' | 'right';
-    export interface BasePopoverProps {
-        align?: BasePopoverAlignType;
-        alignOffset?: number;
-        anchor?: JSX.Element;
-        className?: string;
-        collisionPadding?: PopoverContentProps['collisionPadding'];
-        isOpen?: boolean;
-        onCloseAutoFocus?: (event: Event) => void;
-        onOpenAutoFocus?: (event: Event) => void;
-        onOpenChange?: (open: boolean) => void;
-        side?: BasePopoverSideType;
-        sideOffset?: number;
-        trigger?: JSX.Element;
-    }
-    export const BasePopover: FC<BasePopoverProps>;
-}
 declare module "libs/reach/ui/common/src/reach-2/progress/Skeleton" {
     import { FC } from 'react';
     export const Skeleton: FC<{
@@ -6115,170 +6159,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/typography/Typography" {
-    import { ComponentPropsWithoutRef, ElementType, PropsWithChildren } from 'react';
-    const variantMapping: {
-        readonly body1: "span";
-        readonly body2: "span";
-        readonly buttonLabel1: "span";
-        readonly buttonLabel2: "span";
-        readonly caption1: "span";
-        readonly caption2: "span";
-        readonly h1: "h1";
-        readonly h2: "h2";
-        readonly h3: "h3";
-        readonly h4: "h4";
-        readonly inherit: "span";
-        readonly subtitle1: "span";
-        readonly subtitle2: "span";
-    };
-    export interface ITypographyProps<T extends ElementType = typeof variantMapping['body1']> {
-        /**
-         * Set the text alignment.
-         * @default 'inherit'
-         */
-        align?: 'center' | 'justify' | 'left' | 'right';
-        /**
-         * The HTML element to use as the container for the text (overrides the variant default HTML element).
-         * @default undefined
-         */
-        as?: T;
-        /**
-         * Set the font decoration/style.
-         * @default undefined
-         */
-        decoration?: 'line-through' | 'underline';
-        /**
-         * Whether text should be italic
-         * @default false
-         */
-        italic?: boolean;
-        /**
-         * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-         *
-         * Note that text overflow can only happen with block or inline-block level elements
-         * (the element needs to have a width in order to overflow).
-         * @default false
-         */
-        noWrap?: boolean;
-        /**
-         * Set the typography variant.
-         * @default 'body1'
-         */
-        variant?: keyof typeof variantMapping;
-        /**
-         * Set the font weight.
-         * @default 'normal'
-         */
-        weight?: 'bold' | 'normal' | 'semibold';
-    }
-    type TTypographyOverridenProps<T extends ElementType> = PropsWithChildren<ITypographyProps<T>> & Omit<ComponentPropsWithoutRef<T>, keyof ITypographyProps<T>>;
-    const Typography: <T extends ElementType<any> = "span">(props: TTypographyOverridenProps<T>) => JSX.Element;
-    export default Typography;
-}
-declare module "libs/reach/ui/common/src/reach-2/tags/Tag" {
-    import React, { SVGProps } from 'react';
-    interface TagProps {
-        className?: string;
-        error?: boolean;
-        icon?: SVGProps<SVGElement>;
-        label: string;
-        onClick?: () => void;
-        onClose?: () => void;
-    }
-    const Tag: React.FC<TagProps>;
-    export default Tag;
-}
-declare module "libs/reach/ui/common/src/reach-2/Select" {
-    import React from 'react';
-    export interface SelectItemProps {
-        id: string;
-        label: string;
-    }
-    interface SelectProps {
-        allowCreation?: boolean;
-        classname?: string;
-        disabled?: boolean;
-        errorItems?: string[];
-        emptyLabel?: string;
-        errorLabel?: string;
-        multiple?: boolean;
-        onAddItem?: (id: string) => void;
-        onInputChange?: (value: string) => void;
-        onRemoveItem?: (id: string) => void;
-        options: SelectItemProps[];
-        placeholder?: string;
-        searchable?: boolean;
-        values?: SelectItemProps[];
-    }
-    const Select: React.FC<SelectProps>;
-    export default Select;
-}
-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/IconButton" {
     import { MouseEventHandler, SVGProps } from 'react';
     export type IconButtonSizeType = 'Large' | 'Medium' | 'Small';
@@ -6379,6 +6259,67 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
     export { default as ProfileButton } from "libs/reach/ui/common/src/reach-2/buttons/ProfileButton";
     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';
+    const variantMapping: {
+        readonly body1: "span";
+        readonly body2: "span";
+        readonly buttonLabel1: "span";
+        readonly buttonLabel2: "span";
+        readonly caption1: "span";
+        readonly caption2: "span";
+        readonly h1: "h1";
+        readonly h2: "h2";
+        readonly h3: "h3";
+        readonly h4: "h4";
+        readonly inherit: "span";
+        readonly subtitle1: "span";
+        readonly subtitle2: "span";
+    };
+    export interface ITypographyProps<T extends ElementType = typeof variantMapping['body1']> {
+        /**
+         * Set the text alignment.
+         * @default 'inherit'
+         */
+        align?: 'center' | 'justify' | 'left' | 'right';
+        /**
+         * The HTML element to use as the container for the text (overrides the variant default HTML element).
+         * @default undefined
+         */
+        as?: T;
+        /**
+         * Set the font decoration/style.
+         * @default undefined
+         */
+        decoration?: 'line-through' | 'underline';
+        /**
+         * Whether text should be italic
+         * @default false
+         */
+        italic?: boolean;
+        /**
+         * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+         *
+         * Note that text overflow can only happen with block or inline-block level elements
+         * (the element needs to have a width in order to overflow).
+         * @default false
+         */
+        noWrap?: boolean;
+        /**
+         * Set the typography variant.
+         * @default 'body1'
+         */
+        variant?: keyof typeof variantMapping;
+        /**
+         * Set the font weight.
+         * @default 'normal'
+         */
+        weight?: 'bold' | 'normal' | 'semibold';
+    }
+    type TTypographyOverridenProps<T extends ElementType> = PropsWithChildren<ITypographyProps<T>> & Omit<ComponentPropsWithoutRef<T>, keyof ITypographyProps<T>>;
+    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/components/Legend" {
     import { FC } from 'react';
     const Legend: FC<{
@@ -6467,6 +6408,79 @@ declare module "libs/reach/ui/common/src/reach-2/lists/MenuList" {
     const _default_1: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
     export default _default_1;
 }
+declare module "libs/reach/ui/common/src/reach-2/surfaces/BasePopover" {
+    import { PopoverContentProps } from '@radix-ui/react-popover';
+    import { FC } from 'react';
+    export type BasePopoverAlignType = 'start' | 'center' | 'end';
+    export type BasePopoverSideType = 'top' | 'left' | 'bottom' | 'right';
+    export interface BasePopoverProps {
+        align?: BasePopoverAlignType;
+        alignOffset?: number;
+        anchor?: JSX.Element;
+        className?: string;
+        collisionPadding?: PopoverContentProps['collisionPadding'];
+        isOpen?: boolean;
+        onCloseAutoFocus?: (event: Event) => void;
+        onOpenAutoFocus?: (event: Event) => void;
+        onOpenChange?: (open: boolean) => void;
+        side?: BasePopoverSideType;
+        sideOffset?: number;
+        trigger?: JSX.Element;
+    }
+    export const BasePopover: FC<BasePopoverProps>;
+}
+declare module "libs/reach/ui/common/src/reach-2/tags/Tag" {
+    import React, { SVGProps } from 'react';
+    interface TagProps {
+        className?: string;
+        error?: boolean;
+        icon?: SVGProps<SVGElement>;
+        label: string;
+        onClick?: () => void;
+        onClose?: () => void;
+    }
+    const Tag: React.FC<TagProps>;
+    export default Tag;
+}
+declare module "libs/reach/ui/common/src/reach-2/select/Select" {
+    export interface SelectItemProps {
+        id: string;
+        label: string;
+    }
+    interface SelectProps<T> {
+        allowCreation?: boolean;
+        className?: string;
+        disabled?: boolean;
+        emptyLabel?: string;
+        errorItems?: string[];
+        errorLabel?: string;
+        multiple?: boolean;
+        onAddItem?: (id: string) => void;
+        onInputChange?: (value: string) => void;
+        onItemsChange?: (items: T[]) => void;
+        onRemoveItem?: (id: string) => void;
+        options: T[];
+        placeholder?: string;
+        renderItem?: (item: T, isSelected: boolean, onSelect: () => void) => JSX.Element;
+        searchable?: boolean;
+        showSelectedItems?: boolean;
+        values?: T[];
+    }
+    const Select: <T extends SelectItemProps = SelectItemProps>({ allowCreation, className, disabled, emptyLabel, errorItems, errorLabel, multiple, onAddItem, onInputChange, onItemsChange, onRemoveItem, options, placeholder, renderItem, searchable, showSelectedItems, values, }: SelectProps<T>) => JSX.Element;
+    export default Select;
+}
+declare module "libs/reach/ui/common/src/reach-2/select/UserSelect" {
+    import { FC } from 'react';
+    import { UserSummary } from "libs/reach/util/common/src/index";
+    interface IUserSelect {
+        disabled?: boolean;
+        onSelectedUsersChange: (selectedUsers: UserSummary[]) => void;
+        placeholder?: string;
+        selectedUsers?: UserSummary[];
+    }
+    const UserSelect: FC<IUserSelect>;
+    export default UserSelect;
+}
 declare module "libs/reach/ui/common/src/reach-2/surfaces/BaseDialog" {
     import { MouseEvent } from 'react';
     export enum DialogType {
@@ -6493,11 +6507,13 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/Dialog" {
         cancelButtonLabel?: string;
         disableSave?: boolean;
         dismissOnSave?: boolean;
+        footerContent?: JSX.Element;
         hideCancelButton?: boolean;
         hideFooterDivider?: boolean;
         isSaving?: boolean;
         maxwidth?: number;
         minwidth?: number;
+        onCancel?: (event?: MouseEvent<HTMLButtonElement>) => void;
         onSave?: (event?: MouseEvent<HTMLButtonElement>) => void;
         saveButtonLabel?: string;
     }
@@ -6588,6 +6604,7 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/Card" {
 declare module "libs/reach/ui/common/src/reach-2/tabs/TabGroup" {
     import { FC } from 'react';
     interface ITabGroupProps {
+        className?: string;
         onChange: (tab: string) => void;
         selectedTab: string;
         tabs: {
@@ -6627,8 +6644,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 { default as Select } from "libs/reach/ui/common/src/reach-2/Select";
-    export type { SelectItemProps } from "libs/reach/ui/common/src/reach-2/Select";
     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";
@@ -6637,6 +6652,9 @@ declare module "libs/reach/ui/common/src/reach-2/index" {
     export { default as MenuItem } from "libs/reach/ui/common/src/reach-2/lists/MenuItem";
     export { default as MenuList } from "libs/reach/ui/common/src/reach-2/lists/MenuList";
     export * from "libs/reach/ui/common/src/reach-2/progress/index";
+    export { default as Select } from "libs/reach/ui/common/src/reach-2/select/Select";
+    export { default as UserSelect } from "libs/reach/ui/common/src/reach-2/select/UserSelect";
+    export type { SelectItemProps } from "libs/reach/ui/common/src/reach-2/select/Select";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/index";
     export { default as Card } from "libs/reach/ui/common/src/reach-2/surfaces/Card";
     export { default as TabGroup } from "libs/reach/ui/common/src/reach-2/tabs/TabGroup";

package/package.json

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