@oliasoft-open-source/react-ui-library 9.0.3 → 9.1.0-beta-1

package/dist/components/icon/named-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"named-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/named-icon.tsx"],"names":[],"mappings":"AAqHA,eAAO,MAAM,SAAS,UAsJrB,CAAC;AAEF,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,GAAI,UAAU,cAAc,mDA2QjD,CAAC"}
+{"version":3,"file":"named-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/named-icon.tsx"],"names":[],"mappings":"AAsHA,eAAO,MAAM,SAAS,UAuJrB,CAAC;AAEF,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,SAAS,GAAI,UAAU,cAAc,mDA6QjD,CAAC"}

package/dist/components/rich-text-input/mention/create-mention-extension.d.ts

@@ -0,0 +1,38 @@
+import { MentionOptions } from '@tiptap/extension-mention';
+import { Editor } from '@tiptap/react';
+import { IMentionItem, IMentionsConfig } from './mention.interface';
+type TMentionResolver = () => IMentionsConfig | undefined;
+type TMentionSuggestionRender = NonNullable<NonNullable<MentionOptions<IMentionItem>['suggestion']>['render']>;
+export type TMentionSuggestionProps = Parameters<NonNullable<ReturnType<TMentionSuggestionRender>['onStart']>>[0];
+/**
+ * Read a mention out of the start of a markdown source string.
+ * @param src The markdown source to read from
+ * @returns The mention's raw text, id and label, or undefined when `src` does not start with a mention
+ */
+export declare const matchMentionMarkdown: (src: string) => {
+    raw: string;
+    id: string;
+    label: string;
+} | undefined;
+/**
+ * Collect the ids of every mention node currently in the document, in document order and without duplicates.
+ * @param editor The editor to read, or null before it is created
+ * @returns The mentioned ids
+ */
+export declare const getMentionedIds: (editor: Editor | null) => string[];
+/**
+ * Serialise a mention to the markdown link the tokenizer below reads back.
+ * @param label The mention's display label
+ * @param id The mentioned entity's id
+ * @returns The markdown for the mention
+ */
+export declare const renderMentionMarkdown: (label: string, id: string) => string;
+/**
+ * Build the mention node extension, wiring the suggestion popup to the consumer's item resolver.
+ * @param mentions Resolves the consumer's latest mention configuration
+ * @param render The suggestion popup renderer
+ * @returns The configured Mention extension
+ */
+export declare const createMentionExtension: (mentions: TMentionResolver, render: TMentionSuggestionRender) => import('@tiptap/core').Node<MentionOptions<any, import('@tiptap/extension-mention').MentionNodeAttrs>, any>;
+export {};
+//# sourceMappingURL=create-mention-extension.d.ts.map

package/dist/components/rich-text-input/mention/create-mention-extension.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-mention-extension.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/mention/create-mention-extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAMpE,KAAK,gBAAgB,GAAG,MAAM,eAAe,GAAG,SAAS,CAAC;AAI1D,KAAK,wBAAwB,GAAG,WAAW,CAAC,WAAW,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;AAE/G,MAAM,MAAM,uBAAuB,GAAG,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAQlH;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,KAAK,MAAM;;;;aAU/C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAAM,EAc7D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,EAAE,IAAI,MAAM,WACK,CAAC;AAErE;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAU,gBAAgB,EAAE,QAAQ,wBAAwB,gHA+B/F,CAAC"}

package/dist/components/rich-text-input/mention/mention-suggestions.d.ts

@@ -0,0 +1,13 @@
+import { IMentionItem } from './mention.interface';
+export interface IMentionSuggestionsHandle {
+    onKeyDown: (event: KeyboardEvent) => boolean;
+}
+export interface IMentionSuggestionsProps {
+    editable: HTMLElement | null;
+    getRect: (() => DOMRect | null) | null;
+    items: IMentionItem[];
+    onDismiss: () => void;
+    onSelect: (item: IMentionItem) => void;
+}
+export declare const MentionSuggestions: import('react').ForwardRefExoticComponent<IMentionSuggestionsProps & import('react').RefAttributes<IMentionSuggestionsHandle>>;
+//# sourceMappingURL=mention-suggestions.d.ts.map

package/dist/components/rich-text-input/mention/mention-suggestions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/mention/mention-suggestions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;CAC9C;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;CACxC;AAED,eAAO,MAAM,kBAAkB,gIAqH9B,CAAC"}

package/dist/components/rich-text-input/mention/mention.interface.d.ts

@@ -0,0 +1,11 @@
+export interface IMentionItem {
+    id: string;
+    label: string;
+}
+export interface IMentionsConfig {
+    getItems: (query: string, context: {
+        mentionedIds: string[];
+    }) => IMentionItem[] | Promise<IMentionItem[]>;
+    showMentionButton?: boolean;
+}
+//# sourceMappingURL=mention.interface.d.ts.map

package/dist/components/rich-text-input/mention/mention.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention.interface.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/mention/mention.interface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,YAAY,EAAE,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC;IAC3G,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B"}

package/dist/components/rich-text-input/rich-text-input.d.ts

@@ -1,10 +1,20 @@
 import { ReactNode } from 'react';
+import { Editor } from '@tiptap/react';
+import { IMentionsConfig } from './mention/mention.interface';
+export interface IRichTextInputHandle {
+    clearContent: () => void;
+    editor: Editor | null;
+    getMentionedIds: () => string[];
+}
 export interface IRichTextInputProps {
     disabled?: boolean;
-    onChange?: (markdown: string) => void;
+    mentions?: IMentionsConfig;
+    onChange?: (markdown: string, meta: {
+        mentionedIds: string[];
+    }) => void;
     placeholder?: string;
     value?: string;
     toolbarComponent?: ReactNode;
 }
-export declare const RichTextInput: import('react').NamedExoticComponent<IRichTextInputProps & import('react').RefAttributes<any>>;
+export declare const RichTextInput: import('react').NamedExoticComponent<IRichTextInputProps & import('react').RefAttributes<IRichTextInputHandle>>;
 //# sourceMappingURL=rich-text-input.d.ts.map

package/dist/components/rich-text-input/rich-text-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUhG,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,gGAmDzB,CAAC"}
+{"version":3,"file":"rich-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAA4B,MAAM,EAAE,MAAM,eAAe,CAAC;AAUjE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAmB9D,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,eAAe,EAAE,MAAM,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,iHAsGzB,CAAC"}

package/dist/components/rich-text-input/rich-text-input.stories.d.ts

@@ -7,5 +7,6 @@ export declare const Filled: import('storybook/internal/csf').AnnotatedStoryFn<i
 export declare const Placeholder: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IRichTextInputProps>;
 export declare const Disabled: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IRichTextInputProps>;
 export declare const HandlingStateExternallyWithRef: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithMentions: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithToolbarComponent: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IRichTextInputProps>;
 //# sourceMappingURL=rich-text-input.stories.d.ts.map

package/dist/components/rich-text-input/rich-text-input.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,mBAAmB,CAAC;wBAQlE,IAAI;AAJT,wBAIU;AAcV,eAAO,MAAM,OAAO,uHAAoB,CAAC;AAEzC,eAAO,MAAM,MAAM,uHAAoB,CAAC;AAMxC,eAAO,MAAM,WAAW,uHAAoB,CAAC;AAK7C,eAAO,MAAM,QAAQ,uHAAoB,CAAC;AAK1C,eAAO,MAAM,8BAA8B,+CAmB1C,CAAC;AA4BF,eAAO,MAAM,oBAAoB,uHAAoB,CAAC"}
+{"version":3,"file":"rich-text-input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAwB,mBAAmB,EAAiB,MAAM,mBAAmB,CAAC;wBASxF,IAAI;AAJT,wBAIU;AAcV,eAAO,MAAM,OAAO,uHAAoB,CAAC;AAEzC,eAAO,MAAM,MAAM,uHAAoB,CAAC;AAMxC,eAAO,MAAM,WAAW,uHAAoB,CAAC;AAK7C,eAAO,MAAM,QAAQ,uHAAoB,CAAC;AAK1C,eAAO,MAAM,8BAA8B,+CAmB1C,CAAC;AAsBF,eAAO,MAAM,YAAY,+CA0CxB,CAAC;AA4BF,eAAO,MAAM,oBAAoB,uHAAoB,CAAC"}

package/dist/components/rich-text-input/rich-text-toolbar/enum.d.ts

@@ -3,6 +3,7 @@ export declare enum RichTextIcon {
     ITALIC = "italic",
     CODE = "code",
     UL = "ul",
-    OL = "ol"
+    OL = "ol",
+    MENTION = "at"
 }
 //# sourceMappingURL=enum.d.ts.map

package/dist/components/rich-text-input/rich-text-toolbar/enum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enum.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/rich-text-toolbar/enum.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,EAAE,OAAO;IACT,EAAE,OAAO;CACV"}
+{"version":3,"file":"enum.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/rich-text-toolbar/enum.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,EAAE,OAAO;IACT,EAAE,OAAO;IACT,OAAO,OAAO;CACf"}

package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.d.ts

@@ -3,7 +3,8 @@ import { Editor } from '@tiptap/react';
 export interface IRichTextToolbarProps {
     editor: Editor | null;
     disabled?: boolean;
+    showMentionButton?: boolean;
     toolbarComponent?: ReactNode;
 }
-export declare const RichTextToolbar: ({ editor, disabled, toolbarComponent }: IRichTextToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RichTextToolbar: ({ editor, disabled, showMentionButton, toolbarComponent, }: IRichTextToolbarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=rich-text-toolbar.d.ts.map

package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAAI,wCAAuD,qBAAqB,4CAiD3G,CAAC"}
+{"version":3,"file":"rich-text-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAAI,4DAK7B,qBAAqB,4CAyDvB,CAAC"}

package/dist/components/select/custom-select/hooks/use-custom-select-logic.d.ts

@@ -27,7 +27,7 @@ export declare const useCustomSelectLogic: ({ state, dispatch, options, setTrigg
     onKeyEvent: (key: string | ICustomSelectDirection, evt: KeyboardEvent<HTMLElement>) => void;
     clearAllIsFocused: boolean;
     triggerProps: React.HTMLAttributes<HTMLElement> & {
-        ref: (node: Element | null) => void;
+        ref: (node: Element | import('@floating-ui/react').VirtualElement | null) => void;
     };
     onClickTrigger: () => void;
     onChangeSearch: (value: any) => void;