@atlaskit/editor-plugin-guideline 0.3.5 → 0.3.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-guideline
 
+## 0.3.7
+
+### Patch Changes
+
+- [`4e6f1bf8511`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4e6f1bf8511) - [ED-19233] Import prosemirror libraries from internal facade package
+
+## 0.3.6
+
+### Patch Changes
+
+- [`3d065399b07`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d065399b07) - ED-18969 refactor guideline plugin interface.
+
 ## 0.3.5
 
 ### Patch Changes

package/README.md

@@ -85,15 +85,19 @@ type GuidelineConfig = {
   ...
   active?: boolean;
   show?: boolean;
-  style?: 'dashed' | 'solid'; // default solid
-  color?: CSSToken;
+  styles: {
+    lineStyle?: 'dashed' | 'solid'; // default solid
+    color?: CSSToken;
+    capStyle?: 'line'
+  }
 };
 ```
 
 - `active` default `false`, equivalent to the `highlight` state in the `grid` plugin.
-- `style` default `solid`, and we also support `dashed`
 - `show` default `true` and you can also hide a guideline, could be useful when you need animations.
-- `color`: default `undefined` you can override the color of a guideline with a valid `css` color
+- `styles.color`: default `undefined` you can override the color of a guideline with a valid `css` color
+- `styles.lineStyle` default `solid`, and we also support `dashed`
+- `styles.capStyle` default undefined, and support `line`
 
 ## TODO
 - [ ] Add unit/vr tests

package/dist/cjs/guideline.js

@@ -75,12 +75,14 @@ var Guideline = function Guideline(props) {
     active = props.active,
     _props$show = props.show,
     show = _props$show === void 0 ? true : _props$show,
-    style = props.style,
-    color = props.color,
-    styles = props.styles;
+    _props$styles = props.styles,
+    styles = _props$styles === void 0 ? {} : _props$styles;
   var isVerticalPos = (0, _guideline.isVerticalPosition)(position);
+  var lineStyle = styles.lineStyle,
+    color = styles.color,
+    capStyle = styles.capStyle;
   return (0, _react.jsx)("div", {
-    css: [basicGuidelineStyles, isVerticalPos ? verticalStyles : horizontalStyles, (styles === null || styles === void 0 ? void 0 : styles.capStyle) === 'line' && (isVerticalPos ? horizontalCapStyles : verticalCapStyles), active && activeGuidelineStyles, !show && hiddenGuidelineStyles, style === 'dashed' && dashedGuidelineStyles],
+    css: [basicGuidelineStyles, isVerticalPos ? verticalStyles : horizontalStyles, capStyle === 'line' && (isVerticalPos ? horizontalCapStyles : verticalCapStyles), active && activeGuidelineStyles, !show && hiddenGuidelineStyles, lineStyle === 'dashed' && dashedGuidelineStyles],
     style: _objectSpread(_objectSpread({}, color && {
       borderColor: "".concat(color)
     }), (0, _positionStyles.getPositionStyles)(position)),

package/dist/cjs/plugin.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.guidelinePlugin = exports.EMPTY_STATE = void 0;
 var _react = require("@emotion/react");
-var _prosemirrorState = require("prosemirror-state");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
+var _state = require("@atlaskit/editor-prosemirror/state");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _guidelineContainer = require("./guidelineContainer");
 var _utils = require("./utils");
@@ -23,7 +23,7 @@ var guidelineStyles = (0, _react.css)({
   display: 'flex',
   justifyContent: 'center'
 });
-var key = new _prosemirrorState.PluginKey('guidelinePlugin');
+var key = new _state.PluginKey('guidelinePlugin');
 var displayGuideline = function displayGuideline(view) {
   return function (props) {
     var dispatch = view.dispatch,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-guideline",
-	"version": "0.3.5",
+	"version": "0.3.7",
 	"sideEffects": false
 }

package/dist/es2019/guideline.js

@@ -66,13 +66,16 @@ export const Guideline = props => {
     position,
     active,
     show = true,
-    style,
-    color,
-    styles
+    styles = {}
   } = props;
   const isVerticalPos = isVerticalPosition(position);
+  const {
+    lineStyle,
+    color,
+    capStyle
+  } = styles;
   return jsx("div", {
-    css: [basicGuidelineStyles, isVerticalPos ? verticalStyles : horizontalStyles, (styles === null || styles === void 0 ? void 0 : styles.capStyle) === 'line' && (isVerticalPos ? horizontalCapStyles : verticalCapStyles), active && activeGuidelineStyles, !show && hiddenGuidelineStyles, style === 'dashed' && dashedGuidelineStyles],
+    css: [basicGuidelineStyles, isVerticalPos ? verticalStyles : horizontalStyles, capStyle === 'line' && (isVerticalPos ? horizontalCapStyles : verticalCapStyles), active && activeGuidelineStyles, !show && hiddenGuidelineStyles, lineStyle === 'dashed' && dashedGuidelineStyles],
     style: {
       ...(color && {
         borderColor: `${color}`

package/dist/es2019/plugin.js

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { PluginKey } from 'prosemirror-state';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
 import { GuidelineContainer } from './guidelineContainer';
 import { getEditorCenterX } from './utils';

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-guideline",
-	"version": "0.3.5",
+	"version": "0.3.7",
 	"sideEffects": false
 }

package/dist/esm/guideline.js

@@ -69,12 +69,14 @@ export var Guideline = function Guideline(props) {
     active = props.active,
     _props$show = props.show,
     show = _props$show === void 0 ? true : _props$show,
-    style = props.style,
-    color = props.color,
-    styles = props.styles;
+    _props$styles = props.styles,
+    styles = _props$styles === void 0 ? {} : _props$styles;
   var isVerticalPos = isVerticalPosition(position);
+  var lineStyle = styles.lineStyle,
+    color = styles.color,
+    capStyle = styles.capStyle;
   return jsx("div", {
-    css: [basicGuidelineStyles, isVerticalPos ? verticalStyles : horizontalStyles, (styles === null || styles === void 0 ? void 0 : styles.capStyle) === 'line' && (isVerticalPos ? horizontalCapStyles : verticalCapStyles), active && activeGuidelineStyles, !show && hiddenGuidelineStyles, style === 'dashed' && dashedGuidelineStyles],
+    css: [basicGuidelineStyles, isVerticalPos ? verticalStyles : horizontalStyles, capStyle === 'line' && (isVerticalPos ? horizontalCapStyles : verticalCapStyles), active && activeGuidelineStyles, !show && hiddenGuidelineStyles, lineStyle === 'dashed' && dashedGuidelineStyles],
     style: _objectSpread(_objectSpread({}, color && {
       borderColor: "".concat(color)
     }), getPositionStyles(position)),

package/dist/esm/plugin.js

@@ -1,8 +1,8 @@
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
-import { PluginKey } from 'prosemirror-state';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
 import { GuidelineContainer } from './guidelineContainer';
 import { getEditorCenterX } from './utils';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-guideline",
-	"version": "0.3.5",
+	"version": "0.3.7",
 	"sideEffects": false
 }

package/dist/types/utils.d.ts

@@ -1,4 +1,4 @@
-import { EditorView } from 'prosemirror-view';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { GuidelineConfig } from './types';
 /**
  * This function calculates the Editor's x axis of the center point

package/dist/types-ts4.5/utils.d.ts

@@ -1,4 +1,4 @@
-import { EditorView } from 'prosemirror-view';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { GuidelineConfig } from './types';
 /**
  * This function calculates the Editor's x axis of the center point

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-guideline",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "guideline plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -23,15 +23,14 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/editor-common": "^74.26.0",
+    "@atlaskit/editor-common": "^74.29.0",
     "@atlaskit/editor-plugin-width": "^0.1.0",
-    "@atlaskit/editor-shared-styles": "^2.4.0",
+    "@atlaskit/editor-prosemirror": "1.0.2",
+    "@atlaskit/editor-shared-styles": "^2.5.0",
     "@atlaskit/theme": "^12.5.0",
     "@atlaskit/tokens": "^1.13.0",
     "@babel/runtime": "^7.0.0",
-    "@emotion/react": "^11.7.1",
-    "prosemirror-state": "1.3.4",
-    "prosemirror-view": "1.23.7"
+    "@emotion/react": "^11.7.1"
   },
   "peerDependencies": {
     "react": "^16.8.0"