@atlaskit/editor-plugin-text-formatting 2.1.2 → 2.1.4

package/dist/esm/ui/Toolbar/hooks/use-icon-list.js

@@ -0,0 +1,27 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { useMemo } from 'react';
+export var useIconList = function useIconList(_ref) {
+  var icons = _ref.icons,
+    iconTypeList = _ref.iconTypeList;
+  return useMemo(function () {
+    return icons.reduce(function (acc, icon) {
+      if (!icon || !icon.iconMark) {
+        return acc;
+      }
+      var isIconSingleButton = iconTypeList.includes(icon.iconMark);
+      if (isIconSingleButton) {
+        return {
+          dropdownItems: acc.dropdownItems,
+          singleItems: [].concat(_toConsumableArray(acc.singleItems), [icon])
+        };
+      }
+      return {
+        dropdownItems: [].concat(_toConsumableArray(acc.dropdownItems), [icon]),
+        singleItems: acc.singleItems
+      };
+    }, {
+      dropdownItems: [],
+      singleItems: []
+    });
+  }, [icons, iconTypeList]);
+};

package/dist/esm/ui/Toolbar/icons.js

@@ -0,0 +1,56 @@
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+import React from 'react';
+var SVGContainer = function SVGContainer(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: "var(--ds-space-300, 24px)",
+      height: "var(--ds-space-300, 24px)",
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, children);
+};
+export var Strikethrough = function Strikethrough() {
+  return /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M8.39644 7.25348H13.9004V7.25421H15V8.75421H1V7.25421H2.125V7.25H4.96062C4.45271 6.59457 4.15039 5.77182 4.15039 4.87845C4.15039 2.73833 5.8853 1.00342 8.02542 1.00342H11.9004V2.50342H8.02542C6.71373 2.50342 5.65039 3.56676 5.65039 4.87845C5.65039 6.14664 6.64437 7.18267 7.89576 7.25H8.23074C8.28625 7.25 8.3415 7.25117 8.39644 7.25348ZM12.1058 11.125C12.1058 10.6424 12.0175 10.1804 11.8563 9.75421H10.1705C10.4446 10.1415 10.6058 10.6144 10.6058 11.125C10.6058 12.4367 9.54243 13.5001 8.23074 13.5001H3.15064V15.0001H8.23074C10.3709 15.0001 12.1058 13.2652 12.1058 11.125Z",
+    fill: "#44546F"
+  })));
+};
+export var Subscript = function Subscript() {
+  return /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M5.10609 6.54799L7.88895 2.09448L9.16102 2.88936L5.99047 7.9633L9.21219 13.1191L7.94012 13.914L5.10609 9.37861L2.27207 13.914L1 13.1191L4.2217 7.9633L1.05117 2.88939L2.32324 2.09451L5.10609 6.54799ZM10.858 15.0001V13.696H12.3499V10.3153L10.8418 11.4343V9.86413L12.3138 8.83114H13.8161V13.696H14.9999V15.0001H10.858Z",
+    fill: "#44546F"
+  })));
+};
+export var Superscript = function Superscript() {
+  return /*#__PURE__*/React.createElement(SVGContainer, null, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    "fill-rule": "evenodd",
+    "clip-rule": "evenodd",
+    d: "M10.858 7.16892V5.86487H12.3499V2.4842L10.8418 3.60312V2.03298L12.3138 1H13.8161V5.86487H14.9999V7.16892H10.858ZM5.10609 6.5479L7.88895 2.09439L9.16102 2.88927L5.99047 7.96321L9.21219 13.119L7.94012 13.9139L5.10609 9.37852L2.27207 13.9139L1 13.119L4.2217 7.96321L1.05117 2.8893L2.32324 2.09442L5.10609 6.5479Z",
+    fill: "#44546F"
+  })));
+};

package/dist/types/ui/FloatingToolbarComponent.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
@@ -9,7 +13,7 @@ type FloatingToolbarComponentProps = {
     api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
 } & WrappedComponentProps;
-export declare const FloatingToolbarTextFormalWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<FloatingToolbarComponentProps>> & {
-    WrappedComponent: import("react").ComponentType<FloatingToolbarComponentProps>;
+export declare const FloatingToolbarTextFormalWithIntl: React.FC<import("react-intl-next").WithIntlProps<FloatingToolbarComponentProps>> & {
+    WrappedComponent: React.ComponentType<FloatingToolbarComponentProps>;
 };
 export {};

package/dist/types/ui/Toolbar/constants.d.ts

@@ -1,6 +1,7 @@
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { IconTypes } from './types';
 export declare const DefaultButtonsToolbar: IconTypes[];
+export declare const DefaultFloatingToolbarButtonsNext: IconTypes[];
 export declare const DefaultButtonsToolbarNext: IconTypes[];
 export declare const DefaultButtonsMenu: IconTypes[];
 export declare const DefaultButtonsMenuNext: IconTypes[];

package/dist/{types-ts4.5/ui/Toolbar/bold-button.d.ts → types/ui/Toolbar/dropdown-toolbar-button.d.ts}

@@ -2,10 +2,10 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
+import React, { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 import { ToolbarType } from './types';
-type BoldButtonProps = {
+type DropdownButtonProps = {
     label: string;
     isReducedSpacing: boolean;
     isSelected: boolean;
@@ -14,6 +14,7 @@ type BoldButtonProps = {
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent) => void;
     toolbarType: ToolbarType;
+    iconBefore?: ReactElement;
 };
-export declare const BoldToolbarButton: ({ label, isReducedSpacing, isDisabled, isSelected, "aria-expanded": ariaExpanded, onClick, onKeyDown, toolbarType, }: BoldButtonProps) => jsx.JSX.Element;
+export declare const DropdownToolbarButton: ({ label, isReducedSpacing, isDisabled, isSelected, "aria-expanded": ariaExpanded, onClick, onKeyDown, toolbarType, iconBefore, }: DropdownButtonProps) => jsx.JSX.Element;
 export {};

package/dist/types/ui/Toolbar/hooks/responsive-toolbar-buttons.d.ts

@@ -1,5 +1,6 @@
 import type { ToolbarSize } from '@atlaskit/editor-common/types';
 import type { MenuIconItem } from '../types';
+import { type IconsPositions } from './use-icon-list';
 export declare const useResponsiveIconTypeButtons: ({ toolbarSize, responsivenessEnabled, }: {
     toolbarSize: ToolbarSize;
     responsivenessEnabled: boolean;
@@ -8,13 +9,8 @@ export declare const useResponsiveIconTypeMenu: ({ toolbarSize, responsivenessEn
     toolbarSize: ToolbarSize;
     responsivenessEnabled: boolean;
 }) => import("../types").IconTypes[];
-type IconsPositions = {
-    dropdownItems: Array<MenuIconItem>;
-    singleItems: Array<MenuIconItem>;
-};
 export declare const useResponsiveToolbarButtons: ({ icons, toolbarSize, responsivenessEnabled, }: {
     responsivenessEnabled: boolean;
     toolbarSize: ToolbarSize;
     icons: Array<MenuIconItem | null>;
 }) => IconsPositions;
-export {};

package/dist/types/ui/Toolbar/hooks/use-icon-list.d.ts

@@ -0,0 +1,11 @@
+import type { IconTypes, MenuIconItem } from '../types';
+interface UseIconsParams {
+    icons: Array<MenuIconItem | null>;
+    iconTypeList: IconTypes[];
+}
+export type IconsPositions = {
+    dropdownItems: Array<MenuIconItem>;
+    singleItems: Array<MenuIconItem>;
+};
+export declare const useIconList: ({ icons, iconTypeList }: UseIconsParams) => IconsPositions;
+export {};

package/dist/types/ui/Toolbar/icons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Strikethrough: () => React.JSX.Element;
+export declare const Subscript: () => React.JSX.Element;
+export declare const Superscript: () => React.JSX.Element;

package/dist/types-ts4.5/ui/FloatingToolbarComponent.d.ts

@@ -1,4 +1,8 @@
-/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import React from 'react';
 import type { WrappedComponentProps } from 'react-intl-next';
 import { type EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type ExtractInjectionAPI } from '@atlaskit/editor-common/types';
@@ -9,7 +13,7 @@ type FloatingToolbarComponentProps = {
     api: ExtractInjectionAPI<TextFormattingPlugin> | undefined;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
 } & WrappedComponentProps;
-export declare const FloatingToolbarTextFormalWithIntl: import("react").FC<import("react-intl-next").WithIntlProps<FloatingToolbarComponentProps>> & {
-    WrappedComponent: import("react").ComponentType<FloatingToolbarComponentProps>;
+export declare const FloatingToolbarTextFormalWithIntl: React.FC<import("react-intl-next").WithIntlProps<FloatingToolbarComponentProps>> & {
+    WrappedComponent: React.ComponentType<FloatingToolbarComponentProps>;
 };
 export {};

package/dist/types-ts4.5/ui/Toolbar/constants.d.ts

@@ -1,6 +1,7 @@
 import { ToolbarSize } from '@atlaskit/editor-common/types';
 import { IconTypes } from './types';
 export declare const DefaultButtonsToolbar: IconTypes[];
+export declare const DefaultFloatingToolbarButtonsNext: IconTypes[];
 export declare const DefaultButtonsToolbarNext: IconTypes[];
 export declare const DefaultButtonsMenu: IconTypes[];
 export declare const DefaultButtonsMenuNext: IconTypes[];

package/dist/{types/ui/Toolbar/bold-button.d.ts → types-ts4.5/ui/Toolbar/dropdown-toolbar-button.d.ts}

@@ -2,10 +2,10 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-import React from 'react';
+import React, { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 import { ToolbarType } from './types';
-type BoldButtonProps = {
+type DropdownButtonProps = {
     label: string;
     isReducedSpacing: boolean;
     isSelected: boolean;
@@ -14,6 +14,7 @@ type BoldButtonProps = {
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent) => void;
     toolbarType: ToolbarType;
+    iconBefore?: ReactElement;
 };
-export declare const BoldToolbarButton: ({ label, isReducedSpacing, isDisabled, isSelected, "aria-expanded": ariaExpanded, onClick, onKeyDown, toolbarType, }: BoldButtonProps) => jsx.JSX.Element;
+export declare const DropdownToolbarButton: ({ label, isReducedSpacing, isDisabled, isSelected, "aria-expanded": ariaExpanded, onClick, onKeyDown, toolbarType, iconBefore, }: DropdownButtonProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/ui/Toolbar/hooks/responsive-toolbar-buttons.d.ts

@@ -1,5 +1,6 @@
 import type { ToolbarSize } from '@atlaskit/editor-common/types';
 import type { MenuIconItem } from '../types';
+import { type IconsPositions } from './use-icon-list';
 export declare const useResponsiveIconTypeButtons: ({ toolbarSize, responsivenessEnabled, }: {
     toolbarSize: ToolbarSize;
     responsivenessEnabled: boolean;
@@ -8,13 +9,8 @@ export declare const useResponsiveIconTypeMenu: ({ toolbarSize, responsivenessEn
     toolbarSize: ToolbarSize;
     responsivenessEnabled: boolean;
 }) => import("../types").IconTypes[];
-type IconsPositions = {
-    dropdownItems: Array<MenuIconItem>;
-    singleItems: Array<MenuIconItem>;
-};
 export declare const useResponsiveToolbarButtons: ({ icons, toolbarSize, responsivenessEnabled, }: {
     responsivenessEnabled: boolean;
     toolbarSize: ToolbarSize;
     icons: Array<MenuIconItem | null>;
 }) => IconsPositions;
-export {};

package/dist/types-ts4.5/ui/Toolbar/hooks/use-icon-list.d.ts

@@ -0,0 +1,11 @@
+import type { IconTypes, MenuIconItem } from '../types';
+interface UseIconsParams {
+    icons: Array<MenuIconItem | null>;
+    iconTypeList: IconTypes[];
+}
+export type IconsPositions = {
+    dropdownItems: Array<MenuIconItem>;
+    singleItems: Array<MenuIconItem>;
+};
+export declare const useIconList: ({ icons, iconTypeList }: UseIconsParams) => IconsPositions;
+export {};

package/dist/types-ts4.5/ui/Toolbar/icons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Strikethrough: () => React.JSX.Element;
+export declare const Subscript: () => React.JSX.Element;
+export declare const Superscript: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-text-formatting",
-	"version": "2.1.2",
+	"version": "2.1.4",
 	"description": "Text-formatting plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,7 +34,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^102.0.0",
+		"@atlaskit/editor-common": "^102.5.0",
 		"@atlaskit/editor-plugin-analytics": "^2.1.0",
 		"@atlaskit/editor-plugin-base": "^2.3.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^3.0.0",
@@ -42,11 +42,11 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/icon": "^24.1.0",
+		"@atlaskit/icon": "^25.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-input-rules": "^3.3.0",
-		"@atlaskit/tmp-editor-statsig": "^3.4.0",
-		"@atlaskit/tokens": "^4.3.0",
+		"@atlaskit/tmp-editor-statsig": "^3.6.0",
+		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"react-intl-next": "npm:react-intl@^5.18.1"