@top-message/ui-lib 2.23.91 → 2.23.92

package/dist/src/components/atoms/icon/icon-list.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type IconNames = 'mail-checkmark' | 'mail-dismiss' | 'mail-dismiss-filled' | 'eye-on' | 'eye-off' | 'lock' | 'link-dismiss' | 'dismiss' | 'placeholder' | 'placeholder-filled' | 'bell' | 'bell-filled' | 'bell-alarm' | 'bell-alarm-filled' | 'bell-slash' | 'bell-slash-filled' | 'bell-warning' | 'bell-warning-filled' | 'info' | 'info-filled' | 'checkmark-circle' | 'checkmark-circle-filled' | 'dismiss-circle' | 'dismiss-circle-filled' | 'danger' | 'danger-filled' | 'add' | 'search' | 'search-filled' | 'options' | 'options-filled' | 'person' | 'person-filled' | 'person-block' | 'person-block-filled' | 'person-unsubscribe' | 'person-unsubscribe-filled' | 'chevron-down' | 'chevron-down-filled' | 'chevron-up' | 'chevron-up-filled' | 'chevron-left' | 'chevron-left-filled' | 'chevron-right' | 'chevron-right-filled' | 'checkmark' | 'tag' | 'tag-filled' | 'delete' | 'delete-filled' | 'mail' | 'mail-filled' | 'more' | 'more-filled' | 'more-vertical' | 'more-vertical-filled' | 'edit' | 'edit-filled' | 'settings' | 'settings-filled' | 'reorder' | 'reorder-filled' | 'pin' | 'pin-filled' | 'calendar' | 'calendar-filled' | 'filter' | 'filter-filled' | 'plus' | 'plus-filled' | 'import-file' | 'import-file-filled' | 'export' | 'export-filled' | 'doc-imports' | 'doc-imports-filled' | 'doc-export' | 'doc-export-filled' | 'field' | 'field-filled' | 'contacts-book' | 'contacts-book-filled' | 'compose' | 'compose-filled' | 'inbox' | 'inbox-filled' | 'send-clock' | 'send-clock-filled' | 'emoji' | 'emoji-filled' | 'attach' | 'attach-filled' | 'templates' | 'templates-filled' | 'my-templates' | 'my-templates-filled' | 'link' | 'link-filled' | 'arrow-up' | 'arrow-up-filled' | 'arrow-down' | 'arrow-down-filled' | 'ai-generate-filled' | 'ai-generate-colored' | 'spec-chevron' | 'brackets' | 'text-grammar' | 'text-grammar-filled' | 'chevron-double-up' | 'chevron-double-up-filled' | 'chevron-double-down' | 'chevron-double-down-filled' | 'check' | 'check-double' | 'google-colored' | 'whatsapp' | 'whatsapp-colored' | 'sms-colored' | 'image' | 'image-filled' | 'video' | 'video-filled' | 'document' | 'document-filled' | 'sticker' | 'sticker-filled' | 'text-italic' | 'text-italic-filled' | 'text-bold' | 'text-bold-filled' | 'text-strikethrough' | 'text-strikethrough-filled' | 'send' | 'send-filled' | 'copy' | 'copy-filled' | 'reschedule' | 'reschedule-filled' | 'clock' | 'clock-filled' | 'arrow-counterclockwise' | 'arrow-counterclockwise-filled' | 'star' | 'star-filled' | 'pause' | 'pause-filled' | 'play' | 'play-filled' | 'arrow-performance' | 'arrow-performance-filled' | 'drop' | 'drop-filled' | 'dot' | 'dot-filled' | 'top-message-filled' | 'top-message-colored' | 'folder' | 'folder-filled' | 'folder-open' | 'folder-open-filled' | 'list' | 'list-filled' | 'grid' | 'grid-filled' | 'save' | 'save-filled' | 'sender' | 'sender-filled' | 'api-filled' | 'api-colored' | 'verify-colored' | 'phone-filled' | 'open' | 'open-filled' | 'menu-burger-right-filled' | 'text' | 'text-filled' | 'flash' | 'flash-filled' | 'mobile-number' | 'mobile-number-filled' | 'whatsapp-sender' | 'custom-sender' | 'custom-sender-filled' | 'question-circle' | 'question-circle-filled' | 'reply' | 'reply-filled' | 'phone' | 'none' | 'circle' | 'circle-filled' | 'slash' | 'slash-filled' | 'chevron-double-right' | 'chevron-double-right-filled' | 'chevron-double-left' | 'chevron-double-left-filled' | 'arrow-download' | 'arrow-download-filled' | 'document-download' | 'document-download-filled' | 'hashtag' | 'hashtag-filled' | 'arrow-sync' | 'arrow-sync-filled' | 'file' | 'file-filled' | 'arrow-left' | 'arrow-left-filled' | 'arrow-right' | 'arrow-right-filled' | 'data-line' | 'data-line-filled' | 'data-pie' | 'data-pie-filled' | 'data-bar' | 'data-bar-filled' | 'data-number' | 'data-number-filled' | 'data-percent' | 'data-percent-filled' | 'chat' | 'chat-filled' | 'resend' | 'resend-filled' | 'code' | 'code-filled' | 'zapier-colored' | 'terminal' | 'terminal-filled' | 'key' | 'key-filled' | 'payment' | 'payment-filled' | 'alert' | 'alert-filled' | 'personal-details' | 'personal-details-filled' | 'company-details' | 'company-details-filled' | 'security' | 'security-filled' | 'person-card' | 'person-card-filled' | 'data-list' | 'data-list-filled' | 'top-message-black' | 'rename' | 'rename-filled' | 'tick-circle' | 'tick-circle-filled' | 'status-colored' | 'tag-add' | 'tag-add-filled' | 'number-symbol' | 'number-symbol-filled' | 'data-vizualization' | 'data-vizualization-filled' | 'message-details' | 'message-details-filled' | 'flash-colored' | 'person-resubscribe' | 'person-resubscribe-filled' | 'gift' | 'gift-filled' | 'arrow-in-45' | 'arrow-in-45-filled' | 'arrow-out-45' | 'arrow-out-45-filled' | 'field-custom' | 'field-custom-filled' | 'field-default' | 'field-default-filled' | 'mouse-click' | 'mouse-click-filled' | 'conversion' | 'conversion-filled' | 'credits' | 'credits-filled' | 'notification' | 'notification-filled' | 'notification-alarm' | 'notification-alarm-filled' | 'notification-slash' | 'notification-slash-filled' | 'notification-warning' | 'notification-warning-filled' | 'warning-circle' | 'warning-circle-filled' | 'warning-hex' | 'warning-hex-filled' | 'warning-triangle' | 'warning-triangle-filled' | 'open-sidebar' | 'close-sidebar' | 'minimize-arrow' | 'maximize-arrow' | 'case' | 'backpack' | 'rewrite-ai' | 'auto-recharge' | 'auto-recharge-filled' | 'top-agent' | 'video-file' | 'flag-global' | 'flag-gb' | 'flag-es' | 'flag-fr' | 'flag-de' | 'flag-be' | 'flag-it' | 'flag-nl' | 'flag-pl' | 'flag-se' | 'flag-at' | 'flag-ch' | 'flag-am' | 'flag-ae' | 'flag-ru' | 'flag-us' | 'flag-ca' | 'flag-ee' | 'flag-sg' | 'flag-au' | 'flag-ie' | 'flag-il' | 'flag-hk' | 'flag-sa' | 'person-folder' | 'person-folder-filled' | 'group-remove' | 'group-remove-filled' | 'rocket' | 'grid-dots' | 'grid-dots-filled' | 'ordering-dots' | 'pdf-file' | 'doc-file' | 'docx-file' | 'ppt-file' | 'pptx-file' | 'xls-file' | 'xlsx-file' | 'xls-colored' | 'ppt-colored' | 'doc-colored' | 'pdf-colored' | 'home' | 'home-filled' | 'visa' | 'mastercard' | 'maestro';
+export type IconNames = 'mail-checkmark' | 'mail-dismiss' | 'mail-dismiss-filled' | 'eye-on' | 'eye-off' | 'lock' | 'link-dismiss' | 'dismiss' | 'placeholder' | 'placeholder-filled' | 'bell' | 'bell-filled' | 'bell-alarm' | 'bell-alarm-filled' | 'bell-slash' | 'bell-slash-filled' | 'bell-warning' | 'bell-warning-filled' | 'info' | 'info-filled' | 'checkmark-circle' | 'checkmark-circle-filled' | 'dismiss-circle' | 'dismiss-circle-filled' | 'danger' | 'danger-filled' | 'add' | 'search' | 'search-filled' | 'options' | 'options-filled' | 'person' | 'person-filled' | 'person-block' | 'person-block-filled' | 'person-unsubscribe' | 'person-unsubscribe-filled' | 'chevron-down' | 'chevron-down-filled' | 'chevron-up' | 'chevron-up-filled' | 'chevron-left' | 'chevron-left-filled' | 'chevron-right' | 'chevron-right-filled' | 'checkmark' | 'tag' | 'tag-filled' | 'delete' | 'delete-filled' | 'mail' | 'mail-filled' | 'more' | 'more-filled' | 'more-vertical' | 'more-vertical-filled' | 'edit' | 'edit-filled' | 'settings' | 'settings-filled' | 'reorder' | 'reorder-filled' | 'pin' | 'pin-filled' | 'calendar' | 'calendar-filled' | 'filter' | 'filter-filled' | 'plus' | 'plus-filled' | 'import-file' | 'import-file-filled' | 'export' | 'export-filled' | 'doc-imports' | 'doc-imports-filled' | 'doc-export' | 'doc-export-filled' | 'field' | 'field-filled' | 'contacts-book' | 'contacts-book-filled' | 'compose' | 'compose-filled' | 'inbox' | 'inbox-filled' | 'send-clock' | 'send-clock-filled' | 'emoji' | 'emoji-filled' | 'attach' | 'attach-filled' | 'templates' | 'templates-filled' | 'my-templates' | 'my-templates-filled' | 'link' | 'link-filled' | 'arrow-up' | 'arrow-up-filled' | 'arrow-down' | 'arrow-down-filled' | 'ai-generate-filled' | 'ai-generate-colored' | 'spec-chevron' | 'brackets' | 'text-grammar' | 'text-grammar-filled' | 'chevron-double-up' | 'chevron-double-up-filled' | 'chevron-double-down' | 'chevron-double-down-filled' | 'check' | 'check-double' | 'google-colored' | 'whatsapp' | 'whatsapp-colored' | 'sms-colored' | 'image' | 'image-filled' | 'video' | 'video-filled' | 'document' | 'document-filled' | 'sticker' | 'sticker-filled' | 'text-italic' | 'text-italic-filled' | 'text-bold' | 'text-bold-filled' | 'text-strikethrough' | 'text-strikethrough-filled' | 'send' | 'send-filled' | 'copy' | 'copy-filled' | 'reschedule' | 'reschedule-filled' | 'clock' | 'clock-filled' | 'arrow-counterclockwise' | 'arrow-counterclockwise-filled' | 'star' | 'star-filled' | 'pause' | 'pause-filled' | 'play' | 'play-filled' | 'music' | 'music-filled' | 'arrow-performance' | 'arrow-performance-filled' | 'drop' | 'drop-filled' | 'dot' | 'dot-filled' | 'top-message-filled' | 'top-message-colored' | 'folder' | 'folder-filled' | 'folder-open' | 'folder-open-filled' | 'list' | 'list-filled' | 'grid' | 'grid-filled' | 'save' | 'save-filled' | 'sender' | 'sender-filled' | 'api-filled' | 'api-colored' | 'verify-colored' | 'phone-filled' | 'open' | 'open-filled' | 'menu-burger-right-filled' | 'text' | 'text-filled' | 'flash' | 'flash-filled' | 'mobile-number' | 'mobile-number-filled' | 'whatsapp-sender' | 'custom-sender' | 'custom-sender-filled' | 'question-circle' | 'question-circle-filled' | 'reply' | 'reply-filled' | 'phone' | 'none' | 'circle' | 'circle-filled' | 'slash' | 'slash-filled' | 'chevron-double-right' | 'chevron-double-right-filled' | 'chevron-double-left' | 'chevron-double-left-filled' | 'arrow-download' | 'arrow-download-filled' | 'document-download' | 'document-download-filled' | 'hashtag' | 'hashtag-filled' | 'arrow-sync' | 'arrow-sync-filled' | 'file' | 'file-filled' | 'arrow-left' | 'arrow-left-filled' | 'arrow-right' | 'arrow-right-filled' | 'data-line' | 'data-line-filled' | 'data-pie' | 'data-pie-filled' | 'data-bar' | 'data-bar-filled' | 'data-number' | 'data-number-filled' | 'data-percent' | 'data-percent-filled' | 'chat' | 'chat-filled' | 'resend' | 'resend-filled' | 'code' | 'code-filled' | 'zapier-colored' | 'terminal' | 'terminal-filled' | 'key' | 'key-filled' | 'payment' | 'payment-filled' | 'alert' | 'alert-filled' | 'personal-details' | 'personal-details-filled' | 'company-details' | 'company-details-filled' | 'security' | 'security-filled' | 'person-card' | 'person-card-filled' | 'data-list' | 'data-list-filled' | 'top-message-black' | 'rename' | 'rename-filled' | 'tick-circle' | 'tick-circle-filled' | 'status-colored' | 'tag-add' | 'tag-add-filled' | 'number-symbol' | 'number-symbol-filled' | 'data-vizualization' | 'data-vizualization-filled' | 'message-details' | 'message-details-filled' | 'flash-colored' | 'person-resubscribe' | 'person-resubscribe-filled' | 'gift' | 'gift-filled' | 'arrow-in-45' | 'arrow-in-45-filled' | 'arrow-out-45' | 'arrow-out-45-filled' | 'field-custom' | 'field-custom-filled' | 'field-default' | 'field-default-filled' | 'mouse-click' | 'mouse-click-filled' | 'conversion' | 'conversion-filled' | 'credits' | 'credits-filled' | 'notification' | 'notification-filled' | 'notification-alarm' | 'notification-alarm-filled' | 'notification-slash' | 'notification-slash-filled' | 'notification-warning' | 'notification-warning-filled' | 'warning-circle' | 'warning-circle-filled' | 'warning-hex' | 'warning-hex-filled' | 'warning-triangle' | 'warning-triangle-filled' | 'open-sidebar' | 'close-sidebar' | 'minimize-arrow' | 'maximize-arrow' | 'case' | 'backpack' | 'rewrite-ai' | 'auto-recharge' | 'auto-recharge-filled' | 'top-agent' | 'video-file' | 'flag-global' | 'flag-gb' | 'flag-es' | 'flag-fr' | 'flag-de' | 'flag-be' | 'flag-it' | 'flag-nl' | 'flag-pl' | 'flag-se' | 'flag-at' | 'flag-ch' | 'flag-am' | 'flag-ae' | 'flag-ru' | 'flag-us' | 'flag-ca' | 'flag-ee' | 'flag-sg' | 'flag-au' | 'flag-ie' | 'flag-il' | 'flag-hk' | 'flag-sa' | 'person-folder' | 'person-folder-filled' | 'group-remove' | 'group-remove-filled' | 'rocket' | 'grid-dots' | 'grid-dots-filled' | 'ordering-dots' | 'pdf-file' | 'doc-file' | 'docx-file' | 'ppt-file' | 'pptx-file' | 'xls-file' | 'xlsx-file' | 'xls-colored' | 'ppt-colored' | 'doc-colored' | 'pdf-colored' | 'home' | 'home-filled' | 'visa' | 'mastercard' | 'maestro';
 export declare const iconNames: IconNames[];
 export declare const IconList: {
     [key in IconNames]: ReactNode;

package/dist/src/components/molecules/file-thumbnail/FileThumbnail.d.ts

@@ -19,5 +19,6 @@ type Props = {
     plainView?: boolean;
     fileIcon?: IconNames | null;
 };
+export type FileThumbnailProps = Props;
 export declare const FileThumbnail: FC<Props>;
 export {};

package/dist/src/components/organisms/text-editor/components/attachButton/AttachButton.d.ts

@@ -0,0 +1,15 @@
+import { DropdownMenuItemProps } from '../../../../atoms';
+import { FC } from 'react';
+
+export type AttachButtonProps = {
+    attachTitle?: string;
+    disabled?: boolean;
+    disableTooltip?: string;
+} & ({
+    attachHandler: () => void;
+    dropdownItems?: never;
+} | {
+    attachHandler?: never;
+    dropdownItems: DropdownMenuItemProps[];
+});
+export declare const AttachButton: FC<AttachButtonProps>;

package/dist/src/components/organisms/text-editor/components/attachButton/index.d.ts

@@ -0,0 +1,2 @@
+export { AttachButton } from './AttachButton';
+export type { AttachButtonProps } from './AttachButton';

package/dist/src/components/organisms/text-editor/types.d.ts

@@ -1,5 +1,7 @@
-import { CSSProperties, FocusEventHandler, FC, MutableRefObject } from 'react';
+import { CSSProperties, FC, FocusEventHandler, MutableRefObject, Key } from 'react';
+import { AttachButtonProps } from './components/attachButton/AttachButton';
 import { LinkShortenerModalProps } from './components/link-shortener-modal';
+import { FileThumbnailProps } from '../../molecules/file-thumbnail/FileThumbnail';
 
 export type DropdownContentProps = {
     key: string;
@@ -9,8 +11,6 @@ export type DropdownContentProps = {
 };
 type SharedProps = {
     value: Node | string;
-    attachHandler?: () => void;
-    attachTitle?: string;
     emojiTitle?: string;
     bracketsTitle: string;
     unsubscribeTitle?: string;
@@ -46,6 +46,10 @@ type SharedProps = {
             [key: string]: string;
         };
     }) => void;
+    attachButtonProps?: AttachButtonProps;
+    attachments?: (FileThumbnailProps & {
+        key: Key;
+    })[];
 };
 export type TextEditorProps = SharedProps & {
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@top-message/ui-lib",
-    "version": "2.23.91",
+    "version": "2.23.92",
     "type": "module",
     "files": [
         "dist",