@livetiles/reach-plugin-types 0.5.0-preview.580 → 0.5.0-preview.583

package/lib/index.d.ts

@@ -979,86 +979,6 @@ declare module "libs/reach/util/common/src/resources/locales/zh-tw.async" {
 declare module "libs/reach/util/common/src/resources/LazyLocaleResourcesImporter" {
     export function importLocaleResourcesAsync(locale: string): Promise<void> | Promise<typeof import("libs/reach/util/common/src/resources/locales/ar-dz.async")>;
 }
-declare module "libs/reach/util/common/src/resources/BaseResourceContextProvider" {
-    import { FC } from 'react';
-    export const BaseResourceContextProvider: FC<{
-        language?: string;
-        locale?: string;
-        importLanguageResourcesAsync: (language: string) => Promise<{
-            default: unknown;
-        }>;
-    }>;
-}
-declare module "libs/reach/util/common/src/resources/languages/da.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/da';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/da';
-    import da from "libs/reach/util/common/src/resources/languages/string-resources/da";
-    export default da;
-}
-declare module "libs/reach/util/common/src/resources/languages/de.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/de';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/de';
-    import de from "libs/reach/util/common/src/resources/languages/string-resources/de";
-    export default de;
-}
-declare module "libs/reach/util/common/src/resources/languages/fr.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/fr';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/fr';
-    import fr from "libs/reach/util/common/src/resources/languages/string-resources/fr";
-    export default fr;
-}
-declare module "libs/reach/util/common/src/resources/languages/es.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/es';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/es';
-    import es from "libs/reach/util/common/src/resources/languages/string-resources/es";
-    export default es;
-}
-declare module "libs/reach/util/common/src/resources/languages/zh-TW.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/zh';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/zh';
-    import zh from "libs/reach/util/common/src/resources/languages/string-resources/zh-TW";
-    export default zh;
-}
-declare module "libs/reach/util/common/src/resources/languages/zh-CN.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/zh';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/zh';
-    import zh from "libs/reach/util/common/src/resources/languages/string-resources/zh-CN";
-    export default zh;
-}
-declare module "libs/reach/util/common/src/resources/languages/ja.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/ja';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/ja';
-    import ja from "libs/reach/util/common/src/resources/languages/string-resources/ja";
-    export default ja;
-}
-declare module "libs/reach/util/common/src/resources/languages/tr.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/tr';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/tr';
-    import tr from "libs/reach/util/common/src/resources/languages/string-resources/tr";
-    export default tr;
-}
-declare module "libs/reach/util/common/src/resources/languages/it.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/it';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/it';
-    import it from "libs/reach/util/common/src/resources/languages/string-resources/it";
-    export default it;
-}
-declare module "libs/reach/util/common/src/resources/languages/en.async" {
-    import '@formatjs/intl-pluralrules/dist/locale-data/en';
-    import '@formatjs/intl-relativetimeformat/dist/locale-data/en';
-    import en from "libs/reach/util/common/src/resources/languages/string-resources/en";
-    export default en;
-}
-declare module "libs/reach/util/common/src/resources/LazyLanguageResourcesImporter" {
-    export function importReachLanguageResourcesAsync(language: string): Promise<typeof import("libs/reach/util/common/src/resources/languages/da.async")> | Promise<typeof import("libs/reach/util/common/src/resources/languages/en.async")>;
-}
-declare module "libs/reach/util/common/src/resources/LegacyResourceContextProvider" {
-    import { FC } from 'react';
-    export const LegacyResourceContextProvider: FC<{
-        language?: string;
-        locale?: string;
-    }>;
-}
 declare module "libs/reach/util/common/src/resources/lazy-date-fns/locales/ar-dz.async" {
     import locale from 'date-fns/locale/ar-DZ';
     export default locale;
@@ -1286,6 +1206,95 @@ declare module "libs/reach/util/common/src/resources/lazy-date-fns/locales/en-us
 declare module "libs/reach/util/common/src/resources/LazyDateFnsLocaleImporter" {
     export function importDateFnsLocaleAsync(locale: string): Promise<typeof import("libs/reach/util/common/src/resources/lazy-date-fns/locales/ar-dz.async")>;
 }
+declare module "libs/reach/util/common/src/resources/BaseResourceContextProvider" {
+    import { FC } from 'react';
+    import { Locale } from 'date-fns';
+    export const BaseResourceContextProvider: FC<{
+        language?: string;
+        locale?: string;
+        importLanguageResourcesAsync: (language: string) => Promise<{
+            default: unknown;
+        }>;
+    }>;
+    export function getDateFnsLocale(): Locale | undefined;
+}
+declare module "libs/reach/util/common/src/resources/languages/da.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/da';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/da';
+    import da from "libs/reach/util/common/src/resources/languages/string-resources/da";
+    export default da;
+}
+declare module "libs/reach/util/common/src/resources/languages/de.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/de';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/de';
+    import de from "libs/reach/util/common/src/resources/languages/string-resources/de";
+    export default de;
+}
+declare module "libs/reach/util/common/src/resources/languages/fr.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/fr';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/fr';
+    import fr from "libs/reach/util/common/src/resources/languages/string-resources/fr";
+    export default fr;
+}
+declare module "libs/reach/util/common/src/resources/languages/es.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/es';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/es';
+    import es from "libs/reach/util/common/src/resources/languages/string-resources/es";
+    export default es;
+}
+declare module "libs/reach/util/common/src/resources/languages/zh-TW.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/zh';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/zh';
+    import zh from "libs/reach/util/common/src/resources/languages/string-resources/zh-TW";
+    export default zh;
+}
+declare module "libs/reach/util/common/src/resources/languages/zh-CN.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/zh';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/zh';
+    import zh from "libs/reach/util/common/src/resources/languages/string-resources/zh-CN";
+    export default zh;
+}
+declare module "libs/reach/util/common/src/resources/languages/ja.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/ja';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/ja';
+    import ja from "libs/reach/util/common/src/resources/languages/string-resources/ja";
+    export default ja;
+}
+declare module "libs/reach/util/common/src/resources/languages/tr.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/tr';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/tr';
+    import tr from "libs/reach/util/common/src/resources/languages/string-resources/tr";
+    export default tr;
+}
+declare module "libs/reach/util/common/src/resources/languages/it.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/it';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/it';
+    import it from "libs/reach/util/common/src/resources/languages/string-resources/it";
+    export default it;
+}
+declare module "libs/reach/util/common/src/resources/languages/en.async" {
+    import '@formatjs/intl-pluralrules/dist/locale-data/en';
+    import '@formatjs/intl-relativetimeformat/dist/locale-data/en';
+    import en from "libs/reach/util/common/src/resources/languages/string-resources/en";
+    export default en;
+}
+declare module "libs/reach/util/common/src/resources/LazyLanguageResourcesImporter" {
+    export function importReachLanguageResourcesAsync(language: string): Promise<typeof import("libs/reach/util/common/src/resources/languages/da.async")> | Promise<typeof import("libs/reach/util/common/src/resources/languages/en.async")>;
+}
+declare module "libs/reach/util/common/src/resources/LegacyResourceContextProvider" {
+    import { FC } from 'react';
+    export const LegacyResourceContextProvider: FC<{
+        language?: string;
+        locale?: string;
+    }>;
+}
+declare module "libs/reach/util/common/src/resources/locals-util" {
+    import { CurrentUser } from "libs/reach/util/common/src/index";
+    export const defaultFallbackLocale = "en";
+    export const supportedLocales: string[];
+    export function getPreferredLocale(user?: CurrentUser, locale?: string): string;
+    export function getValidLocale(locale: string): string;
+}
 declare module "libs/reach/util/common/src/user/features/FeatureSet" {
     export const orderedFeatureSet: string[];
     export class FeatureSet {
@@ -3855,6 +3864,7 @@ declare module "libs/reach/util/common/src/reach-2/NewUserExperienceContext" {
 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;
 }
 declare module "libs/reach/util/common/src/reach-2/usePageScrollDirectionForTogglingControls" {
     export function usePageScrollDirectionForTogglingControls(disableOnLargeScreen?: boolean, maximumAllowedScreenWidth?: number, upThreshold?: number, downThreshold?: number): boolean;
@@ -3965,6 +3975,7 @@ declare module "libs/reach/util/common/src/index" {
     export * from "libs/reach/util/common/src/resources/BaseResourceContextProvider";
     export * from "libs/reach/util/common/src/resources/LegacyResourceContextProvider";
     export * from "libs/reach/util/common/src/resources/LazyDateFnsLocaleImporter";
+    export * from "libs/reach/util/common/src/resources/locals-util";
     export * from "libs/reach/util/common/src/user/index";
     export * from "libs/reach/util/common/src/plugins/index";
     export * from "libs/reach/util/common/src/theme/index";
@@ -4070,16 +4081,14 @@ declare module "libs/reach/ui/common/src/HighlightBubble" {
 declare module "libs/reach/ui/common/src/EditorHighlight" {
     import { FC } from 'react';
     interface Props {
-        isActive: boolean;
         readOnly: boolean;
         onClick: () => void;
+        tooltipResourceKey?: string;
         className?: string;
     }
-    export const EditorHighlight: FC<Props & {
-        tooltipResourceKey?: string;
-    }>;
+    export const EditorHighlight: FC<Props>;
     export const ChannelsEditorBubble: FC<Props & {
-        tooltipResourceKey?: string;
+        isActive: boolean;
     }>;
 }
 declare module "libs/reach/ui/common/src/IconButton" {
@@ -4760,6 +4769,17 @@ declare module "libs/reach/ui/common/src/common/animations/OpacityAnimation" {
     }
     export const OpacityAnimation: FC<AnimationProps>;
 }
+declare module "libs/reach/ui/common/src/common/animations/HeightEaseAnimation" {
+    import { CSSProperties, FC } from 'react';
+    interface AnimationProps {
+        finalHeight: string | number;
+        enterDuration?: number;
+        leaveDuration?: number;
+        style?: CSSProperties;
+        className?: string;
+    }
+    export const HeightEaseAnimation: FC<AnimationProps>;
+}
 declare module "libs/reach/ui/common/src/common/buttons/AutoTranslateButton" {
     import { FC } from 'react';
     import { ItemResourceTypes } from "libs/reach/util/common/src/index";
@@ -5115,12 +5135,6 @@ declare module "libs/reach/ui/common/src/common/list-view/ListViewNavigation" {
         className?: string;
     }>;
 }
-declare module "libs/reach/ui/common/src/common/locals-util" {
-    import { CurrentUser } from "libs/reach/util/common/src/index";
-    export const defaultFallbackLocale = "en";
-    export const supportedLocales: string[];
-    export function getPreferredLocale(user?: CurrentUser, locale?: string): string;
-}
 declare module "libs/reach/ui/common/src/common/paging/HorizontalPager" {
     import { FC } from 'react';
     interface Props {
@@ -5509,6 +5523,7 @@ declare module "libs/reach/ui/common/src/common/index" {
     export * from "libs/reach/ui/common/src/common/Utils";
     export * from "libs/reach/ui/common/src/common/VerificationStatusIcon";
     export * from "libs/reach/ui/common/src/common/animations/OpacityAnimation";
+    export * from "libs/reach/ui/common/src/common/animations/HeightEaseAnimation";
     export * from "libs/reach/ui/common/src/common/buttons/ActionButton";
     export * from "libs/reach/ui/common/src/common/buttons/AutoTranslateButton";
     export * from "libs/reach/ui/common/src/common/buttons/ChoiceGroup";
@@ -5545,7 +5560,6 @@ declare module "libs/reach/ui/common/src/common/index" {
     export * from "libs/reach/ui/common/src/common/inlineObjectsClassNames";
     export * from "libs/reach/ui/common/src/common/isNullOrWhitespaceUtil";
     export * from "libs/reach/ui/common/src/common/list-view/ListViewNavigation";
-    export * from "libs/reach/ui/common/src/common/locals-util";
     export * from "libs/reach/ui/common/src/common/paging/index";
     export * from "libs/reach/ui/common/src/common/pull-to-refresh/PullToRefresh";
     export * from "libs/reach/ui/common/src/common/refreshScripts";
@@ -5669,10 +5683,18 @@ declare module "libs/reach/ui/common/src/reach-2/icons/Icons" {
     export { ReactComponent as NotificationIcon } from './assets/bell.svg';
     export { ReactComponent as NotificationActiveIcon } from './assets/bell-active.svg';
     export { ReactComponent as AddIcon } from './assets/add.svg';
+    export { ReactComponent as AddFilledIcon } from './assets/add-filled.svg';
     export { ReactComponent as MenuIcon } from './assets/menu.svg';
     export { ReactComponent as MessagingIcon } from './assets/messaging.svg';
     export { ReactComponent as BackIcon } from './assets/back.svg';
     export { ReactComponent as ConversationsIcon } from './assets/conversations.svg';
+    export { ReactComponent as TextFormat } from './assets/textFormat.svg';
+    export { ReactComponent as TextFormatBold } from './assets/textFormatBold.svg';
+    export { ReactComponent as TextFormatItalic } from './assets/textFormatItalic.svg';
+    export { ReactComponent as TextFormatBulletedList } from './assets/textFormatBulletedList.svg';
+    export { ReactComponent as TextFormatOrderedList } from './assets/textFormatOrderedList.svg';
+    export { ReactComponent as CancelIcon } from './assets/cancel.svg';
+    export { ReactComponent as EditIcon } from './assets/edit.svg';
 }
 declare module "libs/reach/ui/common/src/reach-2/icons/index" {
     export * from "libs/reach/ui/common/src/reach-2/icons/Icons";
@@ -5693,19 +5715,18 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/BaseButton" {
         icon?: JSX.Element;
         disabled?: boolean;
         onClick?: MouseEventHandler<HTMLButtonElement>;
+        domIdentifier?: string;
         className?: string;
     }
     export const BaseButton: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
     export const BaseButtonStyle: import("styled-components").FlattenSimpleInterpolation;
 }
 declare module "libs/reach/ui/common/src/reach-2/buttons/StandardButtons" {
-    import { FC } from 'react';
-    import { BaseButtonProps } from "libs/reach/ui/common/src/reach-2/buttons/BaseButton";
-    export const OutlinedButton: FC<BaseButtonProps>;
-    export const PrimaryButton: FC<BaseButtonProps>;
-    export const SecondaryButton: FC<BaseButtonProps>;
-    export const TertiaryButton: FC<BaseButtonProps>;
-    export const TextButton: FC<BaseButtonProps>;
+    export const OutlinedButton: 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 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 TextButton: 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/IconActionButton" {
     import { MouseEvent, SVGProps } from 'react';
@@ -5746,6 +5767,29 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/BackButton" {
         className?: string;
     }>;
 }
+declare module "libs/reach/ui/common/src/reach-2/buttons/BaseIconicButton" {
+    import { MouseEventHandler, SVGProps } from 'react';
+    export type BaseIconicButtonSizeType = 'Default' | 'Small' | 'Large';
+    export interface BaseIconicButtonProps {
+        defaultSVG: SVGProps<SVGElement>;
+        hoveredSVG?: SVGProps<SVGElement>;
+        buttonSize?: BaseIconicButtonSizeType;
+        disabled?: boolean;
+        onClick?: MouseEventHandler<HTMLButtonElement>;
+        className?: string;
+    }
+    export const BaseIconicButton: import("react").ForwardRefExoticComponent<BaseIconicButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+}
+declare module "libs/reach/ui/common/src/reach-2/buttons/IconicButtons" {
+    import { FC } from 'react';
+    import { BaseIconicButtonProps } from "libs/reach/ui/common/src/reach-2/buttons/BaseIconicButton";
+    export const PrimaryIconicButton: FC<BaseIconicButtonProps & {
+        isSelected?: boolean;
+    }>;
+    export const SecondaryIconicButton: FC<BaseIconicButtonProps & {
+        isSelected?: boolean;
+    }>;
+}
 declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
     export * from "libs/reach/ui/common/src/reach-2/buttons/StandardButtons";
     export * from "libs/reach/ui/common/src/reach-2/buttons/ContentActionButton";
@@ -5753,6 +5797,7 @@ declare module "libs/reach/ui/common/src/reach-2/buttons/index" {
     export * from "libs/reach/ui/common/src/reach-2/buttons/IconNavLink";
     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/IconicButtons";
 }
 declare module "libs/reach/ui/common/src/reach-2/surfaces/BaseDialog" {
     import { FC, MouseEvent } from 'react';
@@ -5761,7 +5806,7 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/BaseDialog" {
         close = 1
     }
     export interface BaseDialogProps {
-        triggerButton: HTMLButtonElement | JSX.Element;
+        triggerButton?: HTMLButtonElement | JSX.Element;
         isOpen?: boolean;
         title?: string;
         type?: DialogType;
@@ -5792,6 +5837,7 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/MobileInlineModal" {
     export type MobileInlineModalProps = BaseDialogProps & {
         enterAnimation?: AnimationBuilder;
         leaveAnimation?: AnimationBuilder;
+        hideHeader?: boolean;
     };
     export const MobileInlineModal: FC<MobileInlineModalProps>;
 }
@@ -5800,18 +5846,6 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/Panel" {
     import { BaseDialogProps } from "libs/reach/ui/common/src/reach-2/surfaces/BaseDialog";
     export const Panel: FC<BaseDialogProps>;
 }
-declare module "libs/reach/ui/common/src/reach-2/surfaces/ModalBottomSheetWithStackedChildren" {
-    import { FC, ReactNode } from 'react';
-    export interface ModalBottomSheetWithStackedChildrenProps {
-        addNewLayer: (children: (closeCurrentLayer: () => void) => ReactNode, onDismiss: (() => void) | undefined, initialBreakpoint: number) => void;
-        closeCurrentLayer: () => void;
-        closeAllLayers: () => void;
-    }
-    export const StackedChildrenContext: import("react").Context<ModalBottomSheetWithStackedChildrenProps>;
-    export const ModalBottomSheetWithStackedChildren: FC<{
-        className?: string;
-    }>;
-}
 declare module "libs/reach/ui/common/src/reach-2/surfaces/ModalBottomSheet" {
     import { ReactNode } from 'react';
     export interface ModalBottomSheetProps {
@@ -5825,6 +5859,18 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/ModalBottomSheet" {
     }
     export const ModalBottomSheet: import("react").ForwardRefExoticComponent<ModalBottomSheetProps & import("react").RefAttributes<HTMLIonModalElement>>;
 }
+declare module "libs/reach/ui/common/src/reach-2/surfaces/ModalBottomSheetWithStackedChildren" {
+    import { FC, ReactNode } from 'react';
+    export interface ModalBottomSheetWithStackedChildrenProps {
+        addNewLayer: (children: (closeCurrentLayer: () => void) => ReactNode, onDismiss: (() => void) | undefined, initialBreakpoint: number) => void;
+        closeCurrentLayer: () => void;
+        closeAllLayers: () => void;
+    }
+    export const StackedChildrenContext: import("react").Context<ModalBottomSheetWithStackedChildrenProps>;
+    export const ModalBottomSheetWithStackedChildren: FC<{
+        className?: string;
+    }>;
+}
 declare module "libs/reach/ui/common/src/reach-2/surfaces/Modal" {
     import { FC } from 'react';
     import { ModalBottomSheetProps } from "libs/reach/ui/common/src/reach-2/surfaces/ModalBottomSheet";
@@ -5832,16 +5878,38 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/Modal" {
     interface ModalProps extends DialogProps, Omit<ModalBottomSheetProps, 'children'> {
         onDismiss: () => void;
         ref?: any;
-        triggerButton: HTMLButtonElement | JSX.Element;
     }
     export const Modal: FC<ModalProps>;
 }
+declare module "libs/reach/ui/common/src/reach-2/surfaces/ConfirmationDialog" {
+    import { FC } from 'react';
+    import { DialogProps } from "libs/reach/ui/common/src/reach-2/surfaces/Dialog";
+    export const ConfirmationDialog: FC<Omit<DialogProps, 'onSave' | 'disableSave' | 'saveButtonLabel'> & {
+        onConfirm?: () => void;
+        confirmButtonLabel?: string;
+        isDestructive?: boolean;
+        description?: string;
+    }>;
+}
 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";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/ModalBottomSheetWithStackedChildren";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/ModalBottomSheet";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/Modal";
+    export * from "libs/reach/ui/common/src/reach-2/surfaces/MobileInlineModal";
+    export * from "libs/reach/ui/common/src/reach-2/surfaces/ConfirmationDialog";
+}
+declare module "libs/reach/ui/common/src/reach-2/DateTimeDisplay" {
+    import { FC } from 'react';
+    interface Props {
+        value: string;
+        showWeekDay?: boolean;
+        showAsRelative?: boolean;
+        showAsAbsolute?: boolean;
+        className?: string;
+    }
+    export const DateTimeDisplay: FC<Props>;
 }
 declare module "libs/reach/ui/common/src/reach-2/index" {
     export * from "libs/reach/ui/common/src/reach-2/Icon";
@@ -5849,6 +5917,7 @@ declare module "libs/reach/ui/common/src/reach-2/index" {
     export * from "libs/reach/ui/common/src/reach-2/utils";
     export * from "libs/reach/ui/common/src/reach-2/buttons/index";
     export * from "libs/reach/ui/common/src/reach-2/surfaces/index";
+    export * from "libs/reach/ui/common/src/reach-2/DateTimeDisplay";
 }
 declare module "libs/reach/ui/common/src/index" {
     export * from "libs/reach/ui/common/src/LegacyDialog";
@@ -5868,16 +5937,33 @@ declare module "libs/reach/ui/common/src/index" {
     export * from "libs/reach/ui/common/src/ColorEditor";
     export * from "libs/reach/ui/common/src/reach-2/index";
 }
+declare module "libs/reach/feature/content/src/comments/CommentContentUtils" {
+    import { Account } from "libs/reach/util/common/src/index";
+    type Link = {
+        url: string;
+        label?: string;
+    };
+    export interface Match {
+        fullMatch: string;
+        isLineBreak: boolean;
+        link: Link;
+        mention: {
+            name: string;
+            id: string;
+        };
+        hashtag: string;
+    }
+    export function transformContent(content: string): (Match | string)[];
+    export function constructUserMention(user: Account): string;
+}
 declare module "libs/reach/feature/content/src/comments/ContentDisplay" {
     import { FC } from 'react';
-    import { Account } from "libs/reach/util/common/src/index";
     export enum ContentDisplayHandler {
         Link = 0,
         Mention = 1,
         Hashtag = 2,
         LineBreak = 3
     }
-    export function constructUserMention(user: Account): string;
     export const ContentDisplay: FC<{
         content: string;
         handlers: ContentDisplayHandler[];
@@ -7953,13 +8039,16 @@ declare module "libs/reach/feature/content/src/comments/ThreadContext" {
 }
 declare module "libs/reach/feature/content/src/comments/useCommentsPageLoader" {
     import { Comment, ConversationScope, ItemResourceTypes, PaginatedList } from "libs/reach/util/common/src/index";
+    type commentType = Comment & {
+        isNewComment?: boolean;
+    };
     type isLoadingType = boolean;
     type hasNextPageType = boolean;
     type loadNextPageType = () => unknown;
-    type setCommentsType = (updateComments: (prevComments: Comment[]) => Comment[]) => unknown;
+    type setCommentsType = (updateComments: (prevComments: commentType[]) => commentType[]) => unknown;
     type hasMoreUnreadCommentsType = boolean;
-    export function useCommentsPageLoader(type: ItemResourceTypes, scope: ConversationScope, itemId: string, pageSize: number, initialPageSize: number, initialComments?: PaginatedList<Comment>, preventLoading?: boolean, threadId?: string, shouldNotRefreshUserDetails?: boolean, shouldNotReverseOrder?: boolean): [
-        Comment[],
+    export function useCommentsPageLoader(type: ItemResourceTypes, scope: ConversationScope, itemId: string, pageSize: number, initialPageSize: number, initialComments?: PaginatedList<commentType>, preventLoading?: boolean, threadId?: string, shouldNotRefreshUserDetails?: boolean, shouldNotReverseOrder?: boolean): [
+        commentType[],
         isLoadingType,
         hasNextPageType,
         loadNextPageType,
@@ -7983,6 +8072,7 @@ declare module "libs/reach/feature/content/src/comments/index" {
     export * from "libs/reach/feature/content/src/comments/RichCommentInputWithAttachmentList";
     export * from "libs/reach/feature/content/src/comments/CommentInput";
     export * from "libs/reach/feature/content/src/comments/useCommentsPageLoader";
+    export * from "libs/reach/feature/content/src/comments/CommentContentUtils";
 }
 declare module "libs/reach/feature/content/src/news/bookmark-button/BookmarkButton" {
     import { FC } from 'react';
@@ -10682,8 +10772,10 @@ declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/Bookmark
 declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ContextMenuButton" {
     import { FC } from 'react';
     export const ContextMenuButton: FC<{
+        buttons: (dismiss: () => void) => JSX.Element;
         onDismiss?: () => void;
         size?: number;
+        disabled?: boolean;
         className?: string;
     }>;
 }
@@ -10694,6 +10786,9 @@ declare module "libs/reach/feature/content/src/reach-2/comments/CommentHeader" {
         sender: Account;
         receivedDateTime: string;
         modifiedTime?: string;
+        onEdit?: () => void;
+        onDelete?: () => void;
+        readonly?: boolean;
     }>;
 }
 declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/BaseLikeButton" {
@@ -10725,10 +10820,35 @@ declare module "libs/reach/feature/content/src/reach-2/comments/CommentMetadata"
         comment: Comment;
     }>;
 }
+declare module "libs/reach/feature/content/src/reach-2/comments/EnhancedRichTextEditor" {
+    import { FC } from 'react';
+    import { Editor } from '@tiptap/react';
+    import { Editor as IEditor, FocusPosition } from '@tiptap/core';
+    export const editorCharacterLimit = 1000;
+    export const EnhancedRichTextEditor: FC<{
+        initialContent: string;
+        isReadOnly?: boolean;
+        header?: JSX.Element;
+        main: (editor: Editor) => JSX.Element;
+        footer?: (content: string | null, clearContent: () => void) => JSX.Element;
+        placeholder?: string;
+        onCreate?: (editor: IEditor) => void;
+        autofocus?: FocusPosition;
+        className?: string;
+    }>;
+}
+declare module "libs/reach/feature/content/src/reach-2/comments/RichTextEditor" {
+    import { FC } from 'react';
+    import { Editor } from '@tiptap/react';
+    export const RichTextEditor: FC<{
+        editor: Editor;
+        hideCount?: boolean;
+        className?: string;
+    }>;
+}
 declare module "libs/reach/feature/content/src/reach-2/comments/CommentContent" {
     import { FC } from 'react';
     export const CommentContent: FC<{
-        domIdentifier: string;
         content: string;
         className?: string;
     }>;
@@ -10738,71 +10858,56 @@ declare module "libs/reach/feature/content/src/reach-2/comments/CommentDisplay"
     import { Comment } from "libs/reach/util/common/src/index";
     export const CommentDisplay: FC<{
         comment: Comment;
+        onEdit?: () => void;
+        onDelete?: () => void;
+        readonly?: boolean;
+        className?: string;
     }>;
 }
-declare module "libs/reach/feature/content/src/reach-2/comments/CommentsList" {
-    import { FC } from 'react';
-    import { ConversationScope, ItemResourceTypes } from "libs/reach/util/common/src/index";
-    export const CommentsList: FC<{
-        itemResourceType: ItemResourceTypes;
-        scope: ConversationScope;
-        itemId: string;
-    }>;
+declare module "libs/reach/feature/content/src/reach-2/comments/useTransformedCommentContent" {
+    export function useTransformedCommentContent(commentContent?: string): string;
 }
-declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/CommentButton" {
+declare module "libs/reach/feature/content/src/reach-2/comments/CommentFormattingToolbar" {
     import { FC } from 'react';
-    import { ConversationScope, ItemResourceTypes } from "libs/reach/util/common/src/index";
-    export const CommentButton: FC<{
-        itemResourceType: ItemResourceTypes;
-        scope: ConversationScope;
-        itemId: string;
-        commentCount?: number;
-        isVertical?: boolean;
-        className?: string;
+    import { Editor } from '@tiptap/react';
+    export const CommentFormattingToolbar: FC<{
+        editor: Editor;
     }>;
 }
-declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ItemLikeButton" {
+declare module "libs/reach/feature/content/src/reach-2/comments/CommentEditor" {
     import { FC } from 'react';
-    import { ItemResourceTypes, PublishableItem } from "libs/reach/util/common/src/index";
-    export const ItemLikeButton: FC<{
-        item: PublishableItem;
-        itemType: ItemResourceTypes;
-        isVertical?: boolean;
-        className?: string;
-    }>;
-}
-declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButton" {
-    import { FC, SVGProps } from 'react';
-    export const ShareButton: FC<{
-        onClick: () => void;
-        secondarySVG?: SVGProps<SVGElement>;
+    import { Comment } from "libs/reach/util/common/src/index";
+    export const CommentEditor: FC<{
+        comment?: Comment;
+        isReadOnly?: boolean;
+        onSave: (newContent: string, clearContent: () => void) => void;
+        onCancel: () => void;
+        title?: string;
+        autofocus?: boolean;
         className?: string;
     }>;
 }
-declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareLinkButton" {
+declare module "libs/reach/feature/content/src/reach-2/comments/CreateCommentButton" {
     import { FC } from 'react';
-    export const ShareLinkButton: FC<{
-        permalink: string;
+    import { Comment, ConversationScope } from "libs/reach/util/common/src/index";
+    export const CreateCommentButton: FC<{
+        parentItemId: string;
+        scope: ConversationScope;
+        onCommentAdded?: (newComment: Comment, clearContent: () => void) => Promise<void>;
+        onToggleEditor?: (showEditor: boolean) => void;
+        isMobile?: boolean;
         className?: string;
     }>;
 }
-declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButtonWithCallout" {
+declare module "libs/reach/feature/content/src/reach-2/comments/CommentsList" {
     import { FC } from 'react';
-    export const ShareButtonWithCallout: FC<{
-        permalink: string;
+    import { ConversationScope, ItemResourceTypes } from "libs/reach/util/common/src/index";
+    export const CommentsList: FC<{
+        itemResourceType: ItemResourceTypes;
+        scope: ConversationScope;
+        itemId: string;
     }>;
 }
-declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/index" {
-    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/BookmarkButton";
-    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/CommentButton";
-    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ItemLikeButton";
-    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButton";
-    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButtonWithCallout";
-    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ContextMenuButton";
-}
-declare module "libs/reach/feature/content/src/reach-2/buttons/index" {
-    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/index";
-}
 declare module "libs/reach/feature/content/src/reach-2/common/detail/header/HeaderMetadata" {
     import { FC } from 'react';
     import { PublishableItem } from "libs/reach/util/common/src/index";
@@ -10828,6 +10933,21 @@ declare module "libs/reach/feature/content/src/reach-2/common/detail/ItemAuthorA
         hasMargin?: boolean;
     }, never>;
 }
+declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareLinkButton" {
+    import { FC } from 'react';
+    export const ShareLinkButton: FC<{
+        permalink: string;
+        className?: string;
+    }>;
+}
+declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButton" {
+    import { FC, SVGProps } from 'react';
+    export const ShareButton: FC<{
+        onClick: () => void;
+        secondarySVG?: SVGProps<SVGElement>;
+        className?: string;
+    }>;
+}
 declare module "libs/reach/feature/content/src/reach-2/common/detail/DetailViewContextMenu" {
     import { FC } from 'react';
     export const DetailViewContextMenu: FC<{
@@ -10843,6 +10963,22 @@ declare module "libs/reach/feature/content/src/reach-2/common/detail/DetailViewF
     import { FC } from 'react';
     export const DetailViewFooter: FC;
 }
+declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ItemLikeButton" {
+    import { FC } from 'react';
+    import { ItemResourceTypes, PublishableItem } from "libs/reach/util/common/src/index";
+    export const ItemLikeButton: FC<{
+        item: PublishableItem;
+        itemType: ItemResourceTypes;
+        isVertical?: boolean;
+        className?: string;
+    }>;
+}
+declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButtonWithCallout" {
+    import { FC } from 'react';
+    export const ShareButtonWithCallout: FC<{
+        permalink: string;
+    }>;
+}
 declare module "libs/reach/feature/content/src/reach-2/common/detail/DetailViewFeedbackButtons" {
     import { FC } from 'react';
     export const DetailViewFeedbackButtons: FC<{
@@ -10967,6 +11103,29 @@ declare module "libs/reach/feature/content/src/reach-2/common/index" {
     export * from "libs/reach/feature/content/src/reach-2/common/feedback/index";
     export * from "libs/reach/feature/content/src/reach-2/common/snippets/index";
 }
+declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/CommentButton" {
+    import { FC } from 'react';
+    import { ConversationScope, ItemResourceTypes } from "libs/reach/util/common/src/index";
+    export const CommentButton: FC<{
+        itemResourceType: ItemResourceTypes;
+        scope: ConversationScope;
+        itemId: string;
+        commentCount?: number;
+        isVertical?: boolean;
+        className?: string;
+    }>;
+}
+declare module "libs/reach/feature/content/src/reach-2/buttons/feedback/index" {
+    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/BookmarkButton";
+    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/CommentButton";
+    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ItemLikeButton";
+    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButton";
+    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ShareButtonWithCallout";
+    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/ContextMenuButton";
+}
+declare module "libs/reach/feature/content/src/reach-2/buttons/index" {
+    export * from "libs/reach/feature/content/src/reach-2/buttons/feedback/index";
+}
 declare module "libs/reach/feature/content/src/reach-2/index" {
     export * from "libs/reach/feature/content/src/reach-2/buttons/index";
     export * from "libs/reach/feature/content/src/reach-2/common/index";

package/package.json

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