@atlaskit/editor-shared-styles 3.6.2 → 3.6.3

package/src/selection/utils.ts

@@ -1,87 +0,0 @@
-import { token } from '@atlaskit/tokens';
-
-import {
-	akEditorSelectedBorder,
-	akEditorSelectedBorderColor,
-	akEditorSelectedBoxShadow,
-	akEditorSmallZIndex,
-} from '../consts';
-
-import { SelectionStyle } from './types';
-
-/**
- * Adds correct selection styling for a node
- * Pass in which selection style properties you want and it will return css string of necessary styles
- *
- * eg.
- *  .expand.ak-editor-selected-node {
- *    ${getSelectionStyles([SelectionStyle.BoxShadow, SelectionStyle.Blanket])}
- *  }
- *
- */
-export const getSelectionStyles = (selectionStyles: Array<SelectionStyle>): string =>
-	selectionStyles
-		.map((selectionStyle) => getSelectionStyle(selectionStyle))
-		.concat(hideNativeBrowserTextSelectionStyles)
-		.join('\n');
-
-export const hideNativeBrowserTextSelectionStyles = `
-  ::selection,*::selection {
-    background-color: transparent;
-  }
-  ::-moz-selection,*::-moz-selection {
-    background-color: transparent;
-  }
-`;
-
-const getSelectionStyle = (style: SelectionStyle): string => {
-	switch (style) {
-		case SelectionStyle.Border:
-			return `
-        border: ${akEditorSelectedBorder};
-
-        // Fixes ED-15246: Trello card is visible through a border of a table border
-        &::after {
-          height: 100%;
-          content: '\\00a0';
-          background: ${akEditorSelectedBorderColor};
-          position: absolute;
-          right: -1px;
-          top: 0;
-          bottom: 0;
-          width: 1px;
-          border: none;
-          display: inline-block;
-        }
-      `;
-		case SelectionStyle.BoxShadow:
-			return `
-        box-shadow: ${akEditorSelectedBoxShadow};
-        border-color: transparent;
-        `;
-		case SelectionStyle.Background:
-			return `background-color: ${token('color.background.selected')};`;
-		case SelectionStyle.Blanket:
-			return `
-        position: relative;
-
-        // Fixes ED-9263, where emoji or inline card in panel makes selection go outside the panel
-        // in Safari. Looks like it's caused by user-select: all in the emoji element
-        -webkit-user-select: text;
-
-        ::before {
-          position: absolute;
-          content: '';
-          left: 0;
-          right: 0;
-          top: 0;
-          bottom: 0;
-          width: 100%;
-          pointer-events: none;
-          z-index: ${akEditorSmallZIndex};
-          background-color: ${token('color.blanket.selected')}
-        }`;
-		default:
-			return '';
-	}
-};

package/src/shortcut/index.ts

@@ -1,4 +0,0 @@
-/* eslint-disable @atlaskit/editor/no-re-export */
-// Entry file in package.json
-
-export { shortcutStyle } from './shortcut';

package/src/shortcut/shortcut.ts

@@ -1,24 +0,0 @@
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-import { token } from '@atlaskit/tokens';
-
-import { akEditorMobileMaxWidth, relativeFontSizeToBase16 } from '../consts';
-
-/**
- * @private
- * @deprecated use `import { Shortcut } from '@atlaskit/editor-common/ui';` instead
- */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const shortcutStyle = css`
-	background-color: ${token('color.background.neutral')};
-	color: ${token('color.text.subtle')};
-	border-radius: ${token('border.radius', '3px')};
-	padding: ${token('space.050', '4px')};
-	line-height: 12px;
-	font-size: ${relativeFontSizeToBase16(11.67)};
-	align-self: flex-end;
-	@media (max-width: ${akEditorMobileMaxWidth}px) {
-		display: none;
-	}
-`;

package/src/utils.test.ts

@@ -1,69 +0,0 @@
-import { token } from '@atlaskit/tokens';
-
-import { getHashCode, getParticipantColor } from './utils';
-
-describe('utils', () => {
-	describe('getHashCode', () => {
-		it('should return a hash code for a given string', () => {
-			expect(getHashCode('FawAXOcgL7ixM9qtAB0L')).toBe(2021471462);
-			expect(getHashCode('exB9qUN6fCHFlE-cAB0X')).toBe(2785253289);
-			expect(getHashCode('9NOVTX9WjLubYyVhAB0H')).toBe(3240394968);
-			expect(getHashCode('ceea2b46-6671-4827-a2ea-85e91a03f2ac')).toBe(308780004);
-			expect(getHashCode('42b0923a-c388-4cb8-b4f3-3210f95a489e')).toBe(1660294582);
-			expect(getHashCode('d3b6e136-0f93-4bf2-a7e7-cd93dcce20e8')).toBe(3395311041);
-		});
-	});
-
-	describe('getParticipantColor', () => {
-		it('should return a participant color based on the hash code of the input string', () => {
-			expect(getParticipantColor('FawAXOcgL7ixM9qtAB0L')).toEqual({
-				index: 2,
-				color: {
-					backgroundColor: token('color.background.accent.green.bolder'),
-					svgBackgroundColor: token('color.background.accent.green.subtler'),
-					textColor: token('color.text.inverse'),
-				},
-			});
-			expect(getParticipantColor('exB9qUN6fCHFlE-cAB0X')).toEqual({
-				index: 15,
-				color: {
-					backgroundColor: token('color.background.accent.teal.subtle'),
-					svgBackgroundColor: token('color.background.accent.teal.subtlest'),
-					textColor: token('color.text.accent.gray.bolder'),
-				},
-			});
-			expect(getParticipantColor('9NOVTX9WjLubYyVhAB0H')).toEqual({
-				index: 12,
-				color: {
-					backgroundColor: token('color.background.accent.orange.subtle'),
-					svgBackgroundColor: token('color.background.accent.orange.subtlest'),
-					textColor: token('color.text.accent.gray.bolder'),
-				},
-			});
-			expect(getParticipantColor('ceea2b46-6671-4827-a2ea-85e91a03f2ac')).toEqual({
-				index: 12,
-				color: {
-					backgroundColor: token('color.background.accent.orange.subtle'),
-					svgBackgroundColor: token('color.background.accent.orange.subtlest'),
-					textColor: token('color.text.accent.gray.bolder'),
-				},
-			});
-			expect(getParticipantColor('42b0923a-c388-4cb8-b4f3-3210f95a489e')).toEqual({
-				index: 16,
-				color: {
-					backgroundColor: token('color.background.accent.purple.subtle'),
-					svgBackgroundColor: token('color.background.accent.purple.subtlest'),
-					textColor: token('color.text.accent.gray.bolder'),
-				},
-			});
-			expect(getParticipantColor('d3b6e136-0f93-4bf2-a7e7-cd93dcce20e8')).toEqual({
-				index: 3,
-				color: {
-					backgroundColor: token('color.background.accent.yellow.bolder'),
-					svgBackgroundColor: token('color.background.accent.yellow.subtler'),
-					textColor: token('color.text.inverse'),
-				},
-			});
-		});
-	});
-});

package/src/utils.ts

@@ -1,35 +0,0 @@
-import { type ParticipantColor, participantColors } from './consts';
-
-/**
- * Generates a hash code for a given string.
- *
- * This function computes a hash code by iterating over each character
- * in the string and applying bitwise operations to accumulate the hash value.
- *
- * @param str - The input string for which the hash code is to be generated.
- * @returns The computed hash code as a number.
- */
-export function getHashCode(str: string): number {
-	let hash = 0;
-
-	for (let i = 0; i < str.length; i++) {
-		/* eslint-disable no-bitwise */
-		hash = (hash << 5) - hash + str.charCodeAt(i);
-		hash = (hash & hash) >>> 0;
-		/* eslint-enable no-bitwise */
-	}
-
-	return hash;
-}
-
-/**
- * Returns the participant color based on the hash code of the input string.
- *
- * @param str - The input string used to determine the participant color.
- * @returns An object containing the index and the corresponding participant color.
- */
-export function getParticipantColor(str: string): { index: number; color: ParticipantColor } {
-	const index = getHashCode(str) % participantColors.length;
-
-	return { index, color: participantColors[index] };
-}

package/tsconfig.app.json

@@ -1,45 +0,0 @@
-{
-	"extends": "../../../tsconfig.base.json",
-	"include": ["./src/**/*.ts", "./src/**/*.tsx"],
-	"exclude": [
-		"**/docs/**/*",
-		"**/__tests__/**/*",
-		"**/vr-tests/**/*",
-		"**/__perf__/**/*",
-		"**/*.test.*",
-		"**/test.*",
-		"**/test-*",
-		"**/examples.ts",
-		"**/examples.tsx",
-		"**/examples/*.ts",
-		"**/examples/*.tsx",
-		"**/examples/**/*.ts",
-		"**/examples/**/*.tsx",
-		"**/storybook/**/*",
-		"**/constellation/**/*",
-		".storybook/*",
-		"./__fixtures__/**/*",
-		"./__generated__/**/*",
-		"./mocks/**/*",
-		"./__mocks__/**/*",
-		"**/mock.*",
-		"**/codemods/**/*.ts",
-		"**/codemods/**/*.tsx"
-	],
-	"compilerOptions": {
-		"composite": true,
-		"outDir": "../../../tsDist/@atlaskit__editor-shared-styles/app"
-	},
-	"references": [
-		{
-			"path": "../../platform/feature-flags/tsconfig.app.json"
-		},
-		{
-			"path": "../tmp-editor-statsig/tsconfig.app.json"
-		},
-		{
-			"path": "../../design-system/tokens/tsconfig.app.json"
-		}
-	],
-	"files": []
-}

package/tsconfig.dev.json

@@ -1,48 +0,0 @@
-{
-	"extends": "../../../tsconfig.base.json",
-	"include": [
-		"**/docs/**/*",
-		"**/__tests__/**/*",
-		"**/vr-tests/**/*",
-		"**/__perf__/**/*",
-		"**/*.test.*",
-		"**/test.*",
-		"**/test-*",
-		"**/examples.ts",
-		"**/examples.tsx",
-		"**/examples/*.ts",
-		"**/examples/*.tsx",
-		"**/examples/**/*.ts",
-		"**/examples/**/*.tsx",
-		"**/storybook/**/*",
-		"**/constellation/**/*",
-		".storybook/*",
-		"./__fixtures__/**/*",
-		"./__generated__/**/*",
-		"./mocks/**/*",
-		"./__mocks__/**/*",
-		"**/mock.*",
-		"**/codemods/**/*.ts",
-		"**/codemods/**/*.tsx",
-		"**/stories.ts",
-		"**/stories.tsx",
-		"**/stories/*.ts",
-		"**/stories/*.tsx",
-		"**/stories/**/*.ts",
-		"**/stories/**/*.tsx"
-	],
-	"exclude": ["./dist/**/*", "./build/**/*", "./node_modules/**/*"],
-	"compilerOptions": {
-		"composite": true,
-		"outDir": "../../../tsDist/@atlaskit__editor-shared-styles/dev"
-	},
-	"references": [
-		{
-			"path": "./tsconfig.app.json"
-		},
-		{
-			"path": "../../design-system/tokens/tsconfig.app.json"
-		}
-	],
-	"files": []
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-  },
-  "include": [
-    "./src/**/*.ts",
-    "./src/**/*.tsx"
-  ]
-}