@atlaskit/editor-toolbar 0.0.7 → 0.0.9

package/src/ui/ToolbarNestedDropdownMenu.tsx

@@ -10,6 +10,7 @@ type ToolbarNestedDropdownMenuProps = {
 	text?: string;
 	children?: ReactNode;
 	isDisabled?: boolean;
+	testId?: string;
 };
 
 export const ToolbarNestedDropdownMenu = ({
@@ -18,6 +19,7 @@ export const ToolbarNestedDropdownMenu = ({
 	elemAfter,
 	children,
 	isDisabled,
+	testId,
 }: ToolbarNestedDropdownMenuProps) => {
 	return (
 		<DropdownMenu<HTMLButtonElement>
@@ -28,7 +30,7 @@ export const ToolbarNestedDropdownMenu = ({
 					elemAfter={elemAfter}
 					isSelected={triggerProps.isSelected}
 					onClick={triggerProps.onClick}
-					testId={triggerProps.testId}
+					testId={testId}
 					triggerRef={triggerProps.triggerRef}
 					hasNestedDropdownMenu={true}
 					isDisabled={isDisabled}

package/src/ui/ToolbarTooltip.tsx

@@ -1,12 +1,18 @@
 import React from 'react';
 
+import type { PositionType } from '@atlaskit/tooltip';
 import Tooltip from '@atlaskit/tooltip';
 
 type ToolbarTooltipProps = {
 	content: string;
 	children: React.ReactNode;
+	position?: PositionType;
 };
 
-export const ToolbarTooltip = ({ content, children }: ToolbarTooltipProps) => {
-	return <Tooltip content={content}>{children}</Tooltip>;
+export const ToolbarTooltip = ({ content, children, position = 'top' }: ToolbarTooltipProps) => {
+	return (
+		<Tooltip content={content} position={position}>
+			{children}
+		</Tooltip>
+	);
 };

package/src/ui/icons/AILengthenIcon.tsx

@@ -1,2 +1,2 @@
 /* eslint-disable @atlaskit/editor/no-re-export */
-export { default as AILenghtenIcon } from '@atlaskit/icon-lab/core/text-lengthen';
+export { default as AILengthenIcon } from '@atlaskit/icon-lab/core/text-lengthen';

package/src/ui/icons/AISummarizeIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as AISummarizeIcon } from '@atlaskit/icon/core/ai-generative-text-summary';

package/src/ui/icons/CodeIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as CodeIcon } from '@atlaskit/icon/core/angle-brackets';

package/src/ui/icons/StrikeThroughIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as StrikeThroughIcon } from '@atlaskit/icon/core/text-strikethrough';

package/src/ui/icons/SubscriptIcon.tsx

@@ -0,0 +1,31 @@
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+import React from 'react';
+
+import { token } from '@atlaskit/tokens';
+
+const SVGContainer = ({ children }: React.PropsWithChildren<object>) => (
+	<span
+		style={{
+			width: token('space.200', '16px'),
+			height: token('space.200', '16px'),
+			display: 'flex',
+			justifyContent: 'center',
+			alignItems: 'center',
+		}}
+	>
+		{children}
+	</span>
+);
+
+export const SubscriptIcon = () => (
+	<SVGContainer>
+		<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+			<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="currentColor"
+			/>
+		</svg>
+	</SVGContainer>
+);

package/src/ui/icons/SuperscriptIcon.tsx

@@ -0,0 +1,31 @@
+/* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
+import React from 'react';
+
+import { token } from '@atlaskit/tokens';
+
+const SVGContainer = ({ children }: React.PropsWithChildren<object>) => (
+	<span
+		style={{
+			width: token('space.200', '16px'),
+			height: token('space.200', '16px'),
+			display: 'flex',
+			justifyContent: 'center',
+			alignItems: 'center',
+		}}
+	>
+		{children}
+	</span>
+);
+
+export const SuperscriptIcon = () => (
+	<SVGContainer>
+		<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+			<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="currentColor"
+			/>
+		</svg>
+	</SVGContainer>
+);

package/src/ui/icons/UnderlineIcon.tsx

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as UnderlineIcon } from '@atlaskit/icon/core/text-underline';