@livetiles/reach-plugin-types 0.5.0-preview.989 → 0.5.0-preview.990

package/lib/index.d.ts

@@ -4083,7 +4083,7 @@ declare module "libs/reach/util/common/src/reach-2/GlobalStyles" {
     import { FC } from 'react';
     export const GlobalApp2Styles: FC;
     export const BorderStyles: import("styled-components").FlattenSimpleInterpolation;
-    export const EditorScrollbarStyles: (hideWhenNotHovered?: boolean, showBackground?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+    export const EditorScrollbarStyles: (hideWhenNotHovered?: boolean, showBackground?: boolean) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 }
 declare module "libs/reach/util/common/src/reach-2/useNewExperienceStorage" {
     export function useNewUserExperienceStorage(): {
@@ -5887,71 +5887,6 @@ 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 {
@@ -5978,6 +5913,8 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as CancelIcon } from './assets/cancel.svg';
     export { ReactComponent as ChainActiveIcon } from './assets/chain-active.svg';
     export { ReactComponent as ChainIcon } from './assets/chain.svg';
+    export { ReactComponent as Checked } from './assets/checked.svg';
+    export { ReactComponent as ChevronDownIcon } from './assets/chevronDown.svg';
     export { ReactComponent as ChevronLeftIcon } from './assets/chevronLeft.svg';
     export { ReactComponent as ChevronRightIcon } from './assets/chevronRight.svg';
     export { ReactComponent as CloseActiveIcon } from './assets/close-active.svg';
@@ -6064,6 +6001,7 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as TitleActiveIcon } from './assets/title-active.svg';
     export { ReactComponent as TitleIcon } from './assets/title.svg';
     export { ReactComponent as TrashCanIcon } from './assets/trash-can.svg';
+    export { ReactComponent as Unchecked } from './assets/unchecked.svg';
     export { ReactComponent as UploadActiveIcon } from './assets/upload-active.svg';
     export { ReactComponent as UploadIcon } from './assets/upload.svg';
     export { ReactComponent as WindowsIcon } from './assets/windows.svg';
@@ -6072,6 +6010,27 @@ 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<{
@@ -6155,6 +6114,170 @@ 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';
@@ -6255,67 +6378,6 @@ 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<{
@@ -6383,6 +6445,8 @@ declare module "libs/reach/ui/common/src/reach-2/lists/MenuItem" {
         disabled?: boolean;
         hasDivider?: boolean;
         icon?: SVGProps<SVGElement>;
+        id?: string;
+        isFocused?: boolean;
         isSelected?: boolean;
         label: string;
         onClick: (e: MouseEvent<HTMLButtonElement>) => void;
@@ -6393,13 +6457,14 @@ declare module "libs/reach/ui/common/src/reach-2/lists/MenuItem" {
     export default MenuItem;
 }
 declare module "libs/reach/ui/common/src/reach-2/lists/MenuList" {
-    import { FC } from 'react';
+    import { ReactNode } from 'react';
     export interface MenuProps {
+        children: ReactNode;
         className?: string;
         title?: string;
     }
-    const MenuList: FC<MenuProps>;
-    export default 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/BaseDialog" {
     import { FC, MouseEvent } from 'react';
@@ -6498,25 +6563,6 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/ConfirmationDialog" {
         description?: string;
     }>;
 }
-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;
-        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/surfaces/index" {
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Dialog";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Panel";
@@ -6569,19 +6615,6 @@ declare module "libs/reach/ui/common/src/reach-2/table/Table" {
     const Table: FC<TableProps>;
     export default Table;
 }
-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/utils" {
     export function getNormalizedPercentageBasedOnDeviceHeight(heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number): number;
     export function useNormalizedBreakpointValuesBasedOnDeviceHeight(heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number): {
@@ -6592,6 +6625,8 @@ 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";
@@ -11653,8 +11688,8 @@ declare module "libs/reach/feature/content/src/reach-2/common/editor/EnhancedRic
         shortcuts?: string[];
         useHardBreak?: boolean;
     }
-    const _default_1: import("react").ForwardRefExoticComponent<EnhancedRichTextEditorProps & import("react").RefAttributes<EnhancedRichTextEditorRef>>;
-    export default _default_1;
+    const _default_2: import("react").ForwardRefExoticComponent<EnhancedRichTextEditorProps & import("react").RefAttributes<EnhancedRichTextEditorRef>>;
+    export default _default_2;
 }
 declare module "libs/reach/feature/content/src/reach-2/common/editor/common/EmojiPicker" {
     import { FC } from 'react';

package/package.json

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