@livetiles/reach-plugin-types 0.5.0-preview.1034 → 0.5.0-preview.1036

package/lib/index.d.ts

@@ -3174,6 +3174,7 @@ declare module "libs/reach/util/common/src/theme/theme2/colors" {
         primary: "#0F0E0E";
         secondary: "#3E3938";
         tertiary: "#5C5653";
+        themeIcon: "#663120";
     };
     export const strokeColors: {
         avatar: "#FFFFFF";
@@ -3181,6 +3182,12 @@ declare module "libs/reach/util/common/src/theme/theme2/colors" {
             disabled: "#C2BCB9";
             focus: "#0F0E0E";
             primary: "#0F0E0E";
+            theme: {
+                default: "#FF7A50";
+                focus: "#663120";
+                hover: "#CC6240";
+                pressed: "#994930";
+            };
         };
         divider: {
             disabled: "#C2BCB9";
@@ -3201,7 +3208,11 @@ declare module "libs/reach/util/common/src/theme/theme2/colors" {
     export const themeColors: {
         disabled: "#FFE4DC";
         hover: "#FF7A50";
-        interactionSelected: "#FFE4DC";
+        interaction: {
+            hover: "#FFCAB9";
+            selected: "#FFE4DC";
+            pressed: "#FFAF96";
+        };
         inverted: {
             hover: "#FFE4DC";
             pressed: "#FFCAB9";
@@ -3384,6 +3395,7 @@ declare module "libs/reach/util/common/src/theme/theme2/index" {
                 primary: "#0F0E0E";
                 secondary: "#3E3938";
                 tertiary: "#5C5653";
+                themeIcon: "#663120";
             };
             stroke: {
                 avatar: "#FFFFFF";
@@ -3391,6 +3403,12 @@ declare module "libs/reach/util/common/src/theme/theme2/index" {
                     disabled: "#C2BCB9";
                     focus: "#0F0E0E";
                     primary: "#0F0E0E";
+                    theme: {
+                        default: "#FF7A50";
+                        focus: "#663120";
+                        hover: "#CC6240";
+                        pressed: "#994930";
+                    };
                 };
                 divider: {
                     disabled: "#C2BCB9";
@@ -3411,7 +3429,11 @@ declare module "libs/reach/util/common/src/theme/theme2/index" {
             theme: {
                 disabled: "#FFE4DC";
                 hover: "#FF7A50";
-                interactionSelected: "#FFE4DC";
+                interaction: {
+                    hover: "#FFCAB9";
+                    selected: "#FFE4DC";
+                    pressed: "#FFAF96";
+                };
                 inverted: {
                     hover: "#FFE4DC";
                     pressed: "#FFCAB9";
@@ -3599,6 +3621,7 @@ declare module "libs/reach/util/common/src/theme/ThemeService" {
                     primary: "#0F0E0E";
                     secondary: "#3E3938";
                     tertiary: "#5C5653";
+                    themeIcon: "#663120";
                 };
                 stroke: {
                     avatar: "#FFFFFF";
@@ -3606,6 +3629,12 @@ declare module "libs/reach/util/common/src/theme/ThemeService" {
                         disabled: "#C2BCB9";
                         focus: "#0F0E0E";
                         primary: "#0F0E0E";
+                        theme: {
+                            default: "#FF7A50";
+                            focus: "#663120";
+                            hover: "#CC6240";
+                            pressed: "#994930";
+                        };
                     };
                     divider: {
                         disabled: "#C2BCB9";
@@ -3626,7 +3655,11 @@ declare module "libs/reach/util/common/src/theme/ThemeService" {
                 theme: {
                     disabled: "#FFE4DC";
                     hover: "#FF7A50";
-                    interactionSelected: "#FFE4DC";
+                    interaction: {
+                        hover: "#FFCAB9";
+                        selected: "#FFE4DC";
+                        pressed: "#FFAF96";
+                    };
                     inverted: {
                         hover: "#FFE4DC";
                         pressed: "#FFCAB9";
@@ -4223,6 +4256,7 @@ declare module "libs/reach/util/common/src/reach-2/ThemeContext" {
     export const ThemeContextProvider: FC<{
         children: ReactNode;
     }>;
+    export function useReach2Theme(): any;
 }
 declare module "libs/reach/util/common/src/reach-2/usePageScrollDirectionForTogglingControls" {
     export function usePageScrollDirectionForTogglingControls(disableOnLargeScreen?: boolean, maximumAllowedScreenWidth?: number, upThreshold?: number, downThreshold?: number): boolean;
@@ -6382,6 +6416,7 @@ declare module "libs/reach/ui/common/src/reach-2/inputs/components/Legend" {
 }
 declare module "libs/reach/ui/common/src/reach-2/tags/Tag" {
     import React, { SVGProps } from 'react';
+    export type TagSize = 'Large' | 'Small';
     interface TagProps {
         className?: string;
         error?: boolean;
@@ -6389,6 +6424,7 @@ declare module "libs/reach/ui/common/src/reach-2/tags/Tag" {
         label: string;
         onClick?: () => void;
         onClose?: () => void;
+        size?: TagSize;
     }
     const Tag: React.FC<TagProps>;
     export default Tag;
@@ -6497,6 +6533,25 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/BasePopover" {
     }
     export const BasePopover: FC<BasePopoverProps>;
 }
+declare module "libs/reach/ui/common/src/reach-2/utils" {
+    import { TagSize } from "libs/reach/ui/common/src/reach-2/tags/Tag";
+    export const getNormalizedPercentageBasedOnDeviceHeight: (heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number) => number;
+    export const useNormalizedBreakpointValuesBasedOnDeviceHeight: (heightToConvert: number, safeArea?: number, fullyExpandThreshold?: number) => {
+        breakpoints: number[];
+        initialBreakpoint: number;
+    };
+    export const getIsMobilePhone: () => boolean;
+    export type TagValue = {
+        id: string;
+        label?: string;
+        name?: string;
+    };
+    export const getMaxTagList: (items: TagValue[], availableWidth: number, options?: {
+        hasError?: (value: TagValue) => boolean;
+        onClose?: (value: TagValue) => void;
+        size?: TagSize;
+    }) => any[];
+}
 declare module "libs/reach/ui/common/src/reach-2/select/Select" {
     import { IconProps } from "libs/reach/ui/common/src/reach-2/icons/index";
     type SelectSize = 'Large' | 'Small';
@@ -6593,10 +6648,11 @@ declare module "libs/reach/ui/common/src/reach-2/surfaces/MobileInlineModal" {
     import { AnimationBuilder } from '@ionic/core';
     import { BaseDialogProps } from "libs/reach/ui/common/src/reach-2/surfaces/BaseDialog";
     export type MobileInlineModalProps = BaseDialogProps & {
+        customActionButton?: SVGProps<SVGElement>;
         enterAnimation?: AnimationBuilder;
-        leaveAnimation?: AnimationBuilder;
+        footer?: JSX.Element;
         hideHeader?: boolean;
-        customActionButton?: SVGProps<SVGElement>;
+        leaveAnimation?: AnimationBuilder;
     };
     export const MobileInlineModal: FC<MobileInlineModalProps>;
 }
@@ -6697,13 +6753,17 @@ declare module "libs/reach/ui/common/src/reach-2/table/Table" {
     const _default_2: import("react").ForwardRefExoticComponent<TableProps<any> & import("react").RefAttributes<any>>;
     export default _default_2;
 }
-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): {
-        initialBreakpoint: number;
-        breakpoints: number[];
-    };
-    export const getIsMobilePhone: () => boolean;
+declare module "libs/reach/ui/common/src/reach-2/tags/SelectableTag" {
+    import { SVGProps } from 'react';
+    export interface SelectableTagProps {
+        className?: string;
+        icon?: SVGProps<SVGElement>;
+        isSelected?: boolean;
+        label: string;
+        onClick: () => void;
+    }
+    const SelectableTag: React.FC<SelectableTagProps>;
+    export default SelectableTag;
 }
 declare module "libs/reach/ui/common/src/reach-2/index" {
     export * from "libs/reach/ui/common/src/reach-2/DateTimeDisplay";
@@ -6724,6 +6784,7 @@ 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 SelectableTag } from "libs/reach/ui/common/src/reach-2/tags/SelectableTag";
     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";
@@ -12372,14 +12433,85 @@ declare module "libs/reach/feature/content/src/reach-2/common/editor/index" {
     export { default as CommentRichTextEditor } from "libs/reach/feature/content/src/reach-2/common/editor/CommentRichTextEditor";
     export * from "libs/reach/feature/content/src/reach-2/common/editor/CommentRichTextEditor";
     export { default as ContentRichTextEditor } from "libs/reach/feature/content/src/reach-2/common/editor/ContentRichTextEditor";
-    export { EmojiEditor } from "libs/reach/feature/content/src/reach-2/common/editor/editors/EmojiEditor";
+    export * from "libs/reach/feature/content/src/reach-2/common/editor/editors/EmojiEditor";
+    export * from "libs/reach/feature/content/src/reach-2/common/editor/editors/MentionsEditor";
     export { default as EnhancedRichTextEditor } from "libs/reach/feature/content/src/reach-2/common/editor/EnhancedRichTextEditor";
     export * from "libs/reach/feature/content/src/reach-2/common/editor/EnhancedRichTextEditor";
     export * from "libs/reach/feature/content/src/reach-2/common/editor/types";
 }
+declare module "libs/reach/feature/content/src/reach-2/comments/index" {
+    export * from "libs/reach/feature/content/src/reach-2/comments/CommentDisplay";
+    export * from "libs/reach/feature/content/src/reach-2/comments/CommentEditorOverlay";
+    export * from "libs/reach/feature/content/src/reach-2/comments/CommentFormattingToolbar";
+    export * from "libs/reach/feature/content/src/reach-2/comments/CommentsList";
+    export * from "libs/reach/feature/content/src/reach-2/comments/useCommentsQuery";
+    export * from "libs/reach/feature/content/src/reach-2/comments/useTransformedCommentContent";
+}
+declare module "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/comment/comment-editor/components/Footer" {
+    import { FC } from 'react';
+    import { TextStylingOptions } from "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/comment/comment-editor/CommentEditor";
+    interface IFooterProps {
+        editorCharacterLimit: number;
+        getCharacterCount: () => number;
+        onSave: () => void;
+        onClickButton: (option: TextStylingOptions) => void;
+        shouldShowTextFormatting: boolean;
+        showTextStylingOptions: TextStylingOptions;
+    }
+    const Footer: FC<IFooterProps>;
+    export default Footer;
+}
+declare module "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/comment/comment-editor/components/Header" {
+    import { FC } from 'react';
+    const Header: FC;
+    export default Header;
+}
+declare module "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/comment/comment-editor/components/Main" {
+    import { Account } from "libs/reach/util/common/src/index";
+    import { Editor } from '@tiptap/react';
+    import { FC } from 'react';
+    import { TextStylingOptions } from "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/comment/comment-editor/CommentEditor";
+    interface IMainProps {
+        editor: Editor;
+        getMentionsSearchHandler: (searchText: string) => Promise<Account[]>;
+        setShowTextStylingOptions: (option: TextStylingOptions) => void;
+        shouldShowOverlay: boolean;
+        shouldShowTextFormatting: boolean;
+        showTextStylingOptions: TextStylingOptions;
+    }
+    const Main: FC<IMainProps>;
+    export default Main;
+}
+declare module "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/comment/comment-editor/CommentEditor" {
+    import { Comment } from "libs/reach/util/common/src/index";
+    import { FC } from 'react';
+    export enum TextStylingOptions {
+        None = 0,
+        EmojiOverlay = 1,
+        MentionOverlay = 2,
+        TextFormatting = 3
+    }
+    interface ICommentEditorProps {
+        className?: string;
+        comment?: Comment;
+        parentItemId: string;
+        placeholder?: string;
+    }
+    const CommentEditor: FC<ICommentEditorProps>;
+    export default CommentEditor;
+}
+declare module "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/comment/CommentsList" {
+    import { FC } from 'react';
+    interface ICommentsListProps {
+        itemId: string;
+    }
+    const CommentsList: FC<ICommentsListProps>;
+    export default CommentsList;
+}
 declare module "libs/reach/feature/content/src/reach-2/common/snippets/common/publication-card/components/Footer" {
     import { PostStreamItem } from "libs/reach/feature/content/src/stream/index";
     interface IFooterProps {
+        commentCount?: number;
         item: PostStreamItem;
     }
     const Footer: React.FC<IFooterProps>;
@@ -12471,6 +12603,7 @@ declare module "libs/reach/feature/content/src/reach-2/buttons/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/comments/index";
     export * from "libs/reach/feature/content/src/reach-2/common/index";
 }
 declare module "libs/reach/feature/content/src/index" {

package/package.json

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