@antscorp/antsomi-ui 1.3.7-beta.7 → 1.3.7-beta.71

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.7-beta.7",
+  "version": "1.3.7-beta.71",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -81,24 +81,19 @@
     "@tanstack/react-query-devtools": "4.20.4",
     "@tanstack/react-table": "^8.20.5",
     "@tinymce/tinymce-react": "^3.7.0",
-    "@tiptap/core": "3.0.7",
-    "@tiptap/extension-link": "3.0.7",
-    "@tiptap/extension-strike": "3.0.7",
-    "@tiptap/extension-subscript": "3.0.7",
-    "@tiptap/extension-superscript": "3.0.7",
-    "@tiptap/extension-text-align": "3.0.7",
-    "@tiptap/extension-text-style": "3.0.7",
-    "@tiptap/extensions": "3.0.7",
-    "@tiptap/pm": "3.0.7",
-    "@tiptap/react": "3.0.7",
-    "@tiptap/starter-kit": "3.0.7",
-    "@tiptap/suggestion": "3.0.7",
-    "@types/currency-formatter": "1.5.1",
-    "@types/react-custom-scrollbars": "^4.0.13",
-    "@types/react-frame-component": "^4.1.6",
-    "@types/react-router-dom": "^5.3.3",
-    "@types/react-window": "^1.8.8",
-    "@yaireo/tagify": "^4.31.2",
+    "@tiptap/core": "3.10.2",
+    "@tiptap/extension-link": "3.10.2",
+    "@tiptap/extension-strike": "3.10.2",
+    "@tiptap/extension-subscript": "3.10.2",
+    "@tiptap/extension-superscript": "3.10.2",
+    "@tiptap/extension-text-align": "3.10.2",
+    "@tiptap/extension-text-style": "3.10.2",
+    "@tiptap/extensions": "3.10.2",
+    "@tiptap/pm": "3.10.2",
+    "@tiptap/react": "3.10.2",
+    "@tiptap/starter-kit": "3.10.2",
+    "@tiptap/suggestion": "3.10.2",
+    "@yaireo/tagify": "4.31.2",
     "ace-builds": "1.4.14",
     "animate.css": "^4.1.1",
     "antd": "5.12.6",
@@ -169,8 +164,8 @@
   },
   "devDependencies": {
     "@antscorp/antsomi-constants": "1.0.8-beta.1",
+    "@antscorp/antsomi-locales": "^1.0.92",
     "@antscorp/eslint-config-antsomi": "1.0.4",
-    "@antscorp/antsomi-locales": "^1.0.77",
     "@babel/cli": "^7.23.4",
     "@babel/core": "^7.21.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
@@ -185,11 +180,12 @@
     "@babel/preset-typescript": "^7.23.3",
     "@commitlint/cli": "17.5.0",
     "@commitlint/config-conventional": "17.4.4",
-    "@storybook/addon-docs": "^9.1.10",
-    "@storybook/addon-links": "^9.1.10",
-    "@storybook/addon-styling-webpack": "^2.0.0",
-    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react-webpack5": "^9.1.10",
+    "@storybook/addon-docs": "10.5.10",
+    "@storybook/addon-links": "10.5.10",
+    "@storybook/addon-mcp": "0.7.0",
+    "@storybook/addon-styling-webpack": "3.0.2",
+    "@storybook/addon-webpack5-compiler-babel": "4.0.1",
+    "@storybook/react-webpack5": "10.5.10",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.0",
@@ -240,7 +236,7 @@
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^9.1.10",
+    "eslint-plugin-storybook": "10.5.10",
     "file-loader": "^6.2.0",
     "googleapis": "^142.0.0",
     "husky": "^8.0.3",
@@ -257,7 +253,7 @@
     "react-router-dom": "5.1.0 || 6.14.2",
     "sass": "^1.77.8",
     "sass-loader": "^16.0.1",
-    "storybook": "^9.1.10",
+    "storybook": "10.5.10",
     "style-loader": "^4.0.0",
     "styled-components": "^5.3.9",
     "terser-webpack-plugin": "^5.3.10",
@@ -277,10 +273,10 @@
     "webpack-cli": "^5.1.4"
   },
   "peerDependencies": {
+    "@antscorp/antsomi-constants": ">=1.0.8-beta.1",
+    "@antscorp/antsomi-locales": ">=1.0.79",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
-    "react-router-dom": ">= 5.1.0",
-    "@antscorp/antsomi-constants": ">=1.0.8-beta.1",
-    "@antscorp/antsomi-locales": ">=1.0.77"
+    "react-router-dom": ">= 5.1.0"
   }
 }

package/es/components/organism/TextEditor/ui/BubbleToolbar/BubbleToolbar.d.ts

@@ -1 +0,0 @@
-export declare const BubbleToolbar: () => void;

package/es/components/organism/TextEditor/ui/BubbleToolbar/BubbleToolbar.js

@@ -1 +0,0 @@
-export const BubbleToolbar = () => { };

package/es/components/organism/TextEditor/ui/BubbleToolbar/index.js

@@ -1 +0,0 @@
-"use strict";

package/es/components/organism/TextEditor/ui/Toolbar/Toolbar.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CopyDuplicateIcon, EditIcon } from '@antscorp/antsomi-ui/es/components/icons';
-import { useEditorState } from '@tiptap/react';
-import { Flex, Typography } from 'antd';
-import { ToolbarWrapper } from '../../styled';
-import { isShowLinkToolbar } from '../../utils';
-import { TextEditorButton } from '../Button';
-import { BoldAction, BulletListAction, ClearFormattingAction, EmoijiAction, FontFamilyAction, FontSizeAction, HistoryAction, IndentAction, ItalicAction, LetterSpacingAction, LinkAction, OrderedListAction, OutdentAction, SmartTagAction, LineSpacingAction, StrikeAction, SubscriptAction, SuperscriptAction, TextAlignAction, TextBackColorAction, TextColorAction, TextTransformAction, UnderlineAction, UnsetLinkAction, } from './actions';
-import { CUSTOM_LINK_EXTENSION_NAME, DEFAULT_TEXT_STYLE } from '../../constants';
-export const Toolbar = (props) => {
-    const { editor, smartTagHandler, linkHanlder, config, defaultTextStyle = DEFAULT_TEXT_STYLE, render, onChangeFont, } = props;
-    const { showLinkMenu, linkAttrs } = useEditorState({
-        editor,
-        selector: ctx => ({
-            showLinkMenu: isShowLinkToolbar(ctx.editor.state),
-            linkAttrs: editor.getAttributes(CUSTOM_LINK_EXTENSION_NAME),
-        }),
-    });
-    if (showLinkMenu) {
-        const href = String(linkAttrs?.href);
-        const goToLinkEl = (_jsx(Typography.Link, { style: { maxWidth: 150 }, ellipsis: true, href: href, children: href }));
-        const copyLinkEl = (_jsx(TextEditorButton, { icon: _jsx(CopyDuplicateIcon, { size: 18 }), tooltipProps: { title: 'Copy' }, onClick: () => {
-                navigator.clipboard.writeText(href);
-            } }));
-        const editLinkEl = (_jsx(TextEditorButton, { icon: _jsx(EditIcon, { size: 18 }), tooltipProps: { title: 'Edit' }, onClick: () => linkHanlder?.onUpsert?.() }));
-        const unsetLinkEl = _jsx(UnsetLinkAction, { editor: editor });
-        let linkTools = (_jsxs(_Fragment, { children: [goToLinkEl, copyLinkEl, editLinkEl, unsetLinkEl] }));
-        if (render?.renderLinkToolbar && linkAttrs) {
-            linkTools = render.renderLinkToolbar(linkAttrs, linkTools, {
-                copy: copyLinkEl,
-                edit: editLinkEl,
-                gotoLink: goToLinkEl,
-                unlink: unsetLinkEl,
-            });
-        }
-        return (_jsx(ToolbarWrapper, { wrap: "wrap", gap: 8, align: "center", children: linkTools }));
-    }
-    return (_jsxs(ToolbarWrapper, { vertical: true, gap: 20, children: [_jsxs(Flex, { gap: 15, justify: "flex-start", align: "center", children: [_jsx(FontFamilyAction, { editor: editor, fonts: config?.FontFamily?.fonts, onChange: (font, weight) => onChangeFont?.({ font, weight }), fontGroupingFn: config?.FontFamily?.fontGroupingFn, groupOrder: config?.FontFamily?.groupOrder }), _jsx(FontSizeAction, { editor: editor, defaultFontSize: defaultTextStyle.fontSize }), _jsx(BoldAction, { editor: editor }), _jsx(ItalicAction, { editor: editor }), _jsx(UnderlineAction, { editor: editor }), _jsx(LinkAction, { editor: editor, onClick: linkHanlder?.onUpsert }), _jsx(StrikeAction, { editor: editor }), _jsx(SuperscriptAction, { editor: editor }), _jsx(SubscriptAction, { editor: editor }), _jsx(TextTransformAction, { editor: editor }), _jsx(TextColorAction, { editor: editor }), _jsx(TextBackColorAction, { editor: editor }), _jsx(EmoijiAction, { editor: editor }), _jsx(SmartTagAction, { editor: editor, onClick: smartTagHandler?.onUpsert })] }), _jsxs(Flex, { gap: 15, justify: "flex-start", align: "center", children: [_jsx(BulletListAction, { editor: editor, useCustomBullet: config?.UnorderedList?.useCustomBullet }), _jsx(OrderedListAction, { editor: editor }), _jsx(TextAlignAction, { editor: editor }), _jsx(LineSpacingAction, { editor: editor, defaultValue: defaultTextStyle?.lineHeight }), _jsx(LetterSpacingAction, { editor: editor }), _jsx(IndentAction, { editor: editor }), _jsx(OutdentAction, { editor: editor }), _jsx(HistoryAction, { editor: editor }), _jsx(ClearFormattingAction, { editor: editor })] })] }));
-};