@appquality/unguess-design-system 3.1.64 → 3.1.65

package/build/stories/avatar/_types.d.ts

@@ -15,5 +15,5 @@ export interface AvatarArgs extends IAvatarProps {
     /** Sets the badge text and applies active styling */
     badge?: string | number;
     /** Sets the avatar type */
-    avatarType?: 'icon' | 'image' | 'text';
+    avatarType?: 'icon' | 'image' | 'text' | 'system';
 }

package/build/stories/avatar/index.d.ts

@@ -7,7 +7,7 @@ import { AvatarArgs } from "./_types";
     - To visually represent a person, brand, or product
  */
 declare const Avatar: {
-    (props: AvatarArgs): import("react/jsx-runtime").JSX.Element;
+    ({ isSystem, badge, ...props }: AvatarArgs): import("react/jsx-runtime").JSX.Element;
     Text: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
 };
 export { Avatar };

package/build/stories/avatar/index.stories.d.ts

@@ -1,5 +1,6 @@
 import { AvatarArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarArgs>;
 export declare const Square: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarArgs>;
+export declare const Internal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AvatarArgs>;
 export default _default;

package/build/stories/chat/_types.d.ts

@@ -1,16 +1,28 @@
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { BubbleMenuProps, EditorOptions } from "@tiptap/react";
 type validationStatus = "success" | "warning" | "error";
+export type SuggestedUser = {
+    id: number;
+    name: string;
+};
 export interface ChatEditorArgs extends Partial<EditorOptions> {
     placeholderOptions?: Partial<PlaceholderOptions>;
     hasInlineMenu?: boolean;
+    hasButtonsMenu?: boolean;
     bubbleOptions?: any;
     author: Author;
+    i18n?: {
+        menu?: {
+            bold?: string;
+            italic?: string;
+            mention?: string;
+        };
+    };
 }
 export interface Author {
     avatar: string;
     name?: string;
-    avatarType?: "icon" | "image" | "text";
+    avatarType?: "icon" | "image" | "text" | "system";
 }
 export interface ChatArgs {
     chatBkg?: string;

package/build/stories/chat/context/chatContext.d.ts

@@ -1,17 +1,20 @@
 import { Editor } from "@tiptap/react";
 import React from "react";
+import { SuggestedUser } from "../_types";
 export type ChatContextType = {
-    isEditing: boolean;
-    setIsEditing: (isEditing: boolean) => void;
-    comment: string;
-    setComment: (comment: string) => void;
     triggerSave: () => void;
     editor?: Editor;
     setEditor: React.Dispatch<React.SetStateAction<Editor | undefined>>;
+    mentionableUsers: (props: {
+        query: string;
+    }) => Promise<SuggestedUser[]>;
 };
 export declare const ChatContext: React.Context<ChatContextType | null>;
-export declare const ChatContextProvider: ({ onSave, children, }: {
-    onSave?: ((editor: Editor) => void) | undefined;
+export declare const ChatContextProvider: ({ onSave, setMentionableUsers, children, }: {
+    onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
     children: React.ReactNode;
+    setMentionableUsers: (props: {
+        query: string;
+    }) => Promise<SuggestedUser[]>;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const useChatContext: () => ChatContextType;

package/build/stories/chat/index.d.ts

@@ -284,8 +284,9 @@ declare const Chat: {
     }> & ((props: import("../title/_types").TitleArgs) => import("react/jsx-runtime").JSX.Element);
     Comments: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChatArgs>>;
     Input: ({ placeholderOptions, ...props }: PropsWithChildren<import("./_types").ChatEditorArgs>) => import("react/jsx-runtime").JSX.Element | null;
-    Footer: ({ saveText, children, }: PropsWithChildren<{
+    Footer: ({ saveText, children, showShortcut, }: PropsWithChildren<{
         saveText?: string | undefined;
+        showShortcut?: boolean | undefined;
     }>) => import("react/jsx-runtime").JSX.Element;
 };
 export { Chat, ChatContext, ChatProvider, useChatContext, Comment };

package/build/stories/chat/index.stories.d.ts

@@ -1,24 +1,26 @@
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
-import { ChatEditorArgs } from "./_types";
+import { ChatEditorArgs, SuggestedUser } from "./_types";
 interface EditorStoryArgs extends ChatEditorArgs {
     children?: any;
     comments?: {
         author: {
             name: string;
             avatar: string;
+            avatarType?: "icon" | "image" | "text" | "system";
         };
         message: string;
         date: string;
     }[];
     editorText?: string;
     background?: string;
-    onSave: (editor: TipTapEditor) => void;
+    onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
     placeholderOptions?: Partial<PlaceholderOptions>;
 }
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
 export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
-export declare const BubbleMenu: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
+export declare const Menus: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
+export declare const WithInternals: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
 export declare const CustomBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./_types").ChatArgs & {
     children?: import("react").ReactNode;

package/build/stories/chat/parts/bar.d.ts

@@ -0,0 +1,6 @@
+import { ChatEditorArgs } from "../_types";
+import { Editor } from "@tiptap/react";
+declare const CommentBar: ({ editor, i18n, }: Partial<ChatEditorArgs> & {
+    editor?: Editor | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export { CommentBar };

package/build/stories/chat/parts/comment.d.ts

@@ -4,4 +4,4 @@ export declare const Comment: ({ author, message, children, date, }: PropsWithCh
     author: Author;
     message: string;
     date: string;
-}>) => import("react/jsx-runtime").JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element | null;

package/build/stories/chat/parts/containers.d.ts

@@ -10,17 +10,17 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
     placeholder?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
@@ -53,47 +53,47 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+    "aria-atomic"?: (boolean | "false" | "true") | undefined;
+    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+    "aria-busy"?: (boolean | "false" | "true") | undefined;
+    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    "aria-disabled"?: (boolean | "false" | "true") | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+    "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
+    "aria-hidden"?: (boolean | "false" | "true") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
     "aria-level"?: number | undefined;
     "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-modal"?: (boolean | "false" | "true") | undefined;
+    "aria-multiline"?: (boolean | "false" | "true") | undefined;
+    "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
     "aria-orientation"?: "horizontal" | "vertical" | undefined;
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-readonly"?: (boolean | "false" | "true") | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
     "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-selected"?: (boolean | "false" | "true") | undefined;
     "aria-setsize"?: number | undefined;
     "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
     "aria-valuemax"?: number | undefined;
@@ -268,3 +268,15 @@ export declare const ChatContainer: import("styled-components").IStyledComponent
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }> & ((props: import("../../cards/_types").CardProps) => import("react/jsx-runtime").JSX.Element);
 export declare const MessagesContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ChatArgs>>;
+export declare const EditorContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>, {
+    editable: boolean;
+}>> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").IFauxInputProps & import("react").RefAttributes<HTMLDivElement>> & {
+    EndIcon: {
+        (props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): JSX.Element;
+        displayName: string;
+    };
+    StartIcon: {
+        (props: import("@zendeskgarden/react-forms").IFauxInputStartIconProps): JSX.Element;
+        displayName: string;
+    };
+};

package/build/stories/chat/parts/editorButton.d.ts

@@ -0,0 +1,5 @@
+import { Editor } from "@tiptap/react";
+export declare const EditorButton: ({ editor, type, }: {
+    editor: Editor;
+    type: "bold" | "italic" | "mention";
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/chat/parts/extensions.d.ts

@@ -0,0 +1,8 @@
+import { PlaceholderOptions } from "@tiptap/extension-placeholder";
+import { SuggestedUser } from "../_types";
+export declare const editorExtensions: ({ placeholderOptions, mentionableUsers, }: {
+    mentionableUsers: (props: {
+        query: string;
+    }) => Promise<SuggestedUser[]>;
+    placeholderOptions?: Partial<PlaceholderOptions> | undefined;
+}) => (import("@tiptap/react").Extension<import("@tiptap/extension-typography").TypographyOptions, any> | import("@tiptap/react").Mark<import("@tiptap/extension-link").LinkOptions, any> | import("@tiptap/react").Extension<import("@tiptap/starter-kit").StarterKitOptions, any> | import("@tiptap/react").Extension<PlaceholderOptions, any> | import("@tiptap/react").Extension<import("@tiptap/extension-character-count").CharacterCountOptions, import("@tiptap/extension-character-count").CharacterCountStorage> | import("@tiptap/react").Node<import("@tiptap/extension-mention").MentionOptions, any>)[];

package/build/stories/chat/parts/footer.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from "react";
-export declare const ChatFooter: ({ saveText, children, }: PropsWithChildren<{
+export declare const ChatFooter: ({ saveText, children, showShortcut, }: PropsWithChildren<{
     saveText?: string | undefined;
+    showShortcut?: boolean | undefined;
 }>) => import("react/jsx-runtime").JSX.Element;

package/build/stories/chat/parts/mention.d.ts

@@ -0,0 +1 @@
+export declare const CustomMention: import("@tiptap/core").Node<import("@tiptap/extension-mention").MentionOptions, any>;

package/build/stories/chat/parts/mentionList.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { SuggestionOptions, SuggestionProps } from "@tiptap/suggestion";
+import { SuggestedUser } from "../_types";
+export type MentionListRef = {
+    onKeyDown: NonNullable<ReturnType<NonNullable<SuggestionOptions<SuggestedUser>["render"]>>["onKeyDown"]>;
+};
+type MentionListProps = SuggestionProps<SuggestedUser>;
+export declare const MentionList: import("react").ForwardRefExoticComponent<MentionListProps & import("react").RefAttributes<MentionListRef>>;
+export {};

package/build/stories/chat/parts/sendShortcut.d.ts

@@ -0,0 +1,3 @@
+export declare const SendShortcut: ({ saveText }: {
+    saveText?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/shared/editorStyle.d.ts

@@ -1 +1,2 @@
 export declare const editorStyle: import("styled-components").RuleSet<object>;
+export declare const readOnlyStyle: import("styled-components").RuleSet<object>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.64",
+  "version": "3.1.65",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -35,14 +35,16 @@
     "@nivo/sunburst": "^0.80.0",
     "@nivo/tooltip": "^0.80.0",
     "@nivo/waffle": "^0.80.0",
-    "@tiptap/extension-bubble-menu": "^2.0.0-beta.61",
-    "@tiptap/extension-character-count": "^2.0.0-beta.31",
-    "@tiptap/extension-link": "^2.0.4",
-    "@tiptap/extension-placeholder": "^2.0.0-beta.53",
-    "@tiptap/extension-typography": "^2.0.0-beta.22",
-    "@tiptap/pm": "^2.0.3",
-    "@tiptap/react": "^2.0.0-beta.114",
-    "@tiptap/starter-kit": "^2.0.0-beta.191",
+    "@tiptap/extension-bubble-menu": "2.1.16",
+    "@tiptap/extension-character-count": "2.1.16",
+    "@tiptap/extension-link": "2.1.16",
+    "@tiptap/extension-mention": "2.1.16",
+    "@tiptap/extension-placeholder": "2.1.16",
+    "@tiptap/extension-typography": "2.1.16",
+    "@tiptap/pm": "2.1.16",
+    "@tiptap/react": "2.1.16",
+    "@tiptap/starter-kit": "2.1.16",
+    "@tiptap/suggestion": "2.1.16",
     "@types/react-slick": "^0.23.10",
     "@zendeskgarden/css-bedrock": "^9.0.0",
     "@zendeskgarden/react-accordions": "^8.49.0",
@@ -63,6 +65,7 @@
     "@zendeskgarden/react-typography": "^8.49.0",
     "react-slick": "^0.29.0",
     "react-window": "^1.8.6",
+    "tippy.js": "^6.3.7",
     "ua-parser-js": "^1.0.2"
   },
   "devDependencies": {