@atlaskit/editor-plugin-layout 2.7.3 → 2.7.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/editor-plugin-layout
 
+## 2.7.4
+
+### Patch Changes
+
+- [#158601](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158601)
+  [`7dfac59b4421f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7dfac59b4421f) -
+  ED-27401: Updated layout guidelines
+- Updated dependencies
+
 ## 2.7.3
 
 ### Patch Changes

package/dist/cjs/nodeviews/index.js

@@ -23,6 +23,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var layoutDynamicFullWidthGuidelineOffset = 16;
 var isEmptyParagraph = function isEmptyParagraph(node) {
   return !!node && node.type.name === 'paragraph' && !node.childCount;
 };
@@ -106,7 +107,8 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
     displayGapCursor: displayGapCursor,
     onResizeStart: function onResizeStart() {
       selectIntoCurrentLayout();
-    }
+    },
+    dynamicFullWidthGuidelineOffset: layoutDynamicFullWidthGuidelineOffset
   });
 };
 var toDOM = function toDOM() {
@@ -116,7 +118,23 @@ var toDOM = function toDOM() {
     'data-layout-section': true
   }, 0]];
 };
+
+/**
+ *
+ */
 var LayoutSectionView = exports.LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
+  /**
+   * constructor
+   * @param props
+   * @param props.node
+   * @param props.view
+   * @param props.getPos
+   * @param props.portalProviderAPI
+   * @param props.eventDispatcher
+   * @param props.pluginInjectionApi
+   * @param props.options
+   * @example
+   */
   function LayoutSectionView(props) {
     var _this;
     (0, _classCallCheck2.default)(this, LayoutSectionView);
@@ -125,6 +143,12 @@ var LayoutSectionView = exports.LayoutSectionView = /*#__PURE__*/function (_Reac
     _this.options = props.options;
     return _this;
   }
+
+  /**
+   * getContentDOM
+   * @example
+   * @returns
+   */
   (0, _inherits2.default)(LayoutSectionView, _ReactNodeView);
   return (0, _createClass2.default)(LayoutSectionView, [{
     key: "getContentDOM",
@@ -143,6 +167,13 @@ var LayoutSectionView = exports.LayoutSectionView = /*#__PURE__*/function (_Reac
         contentDOM: contentDOM
       };
     }
+
+    /**
+     * setDomAttrs
+     * @param node
+     * @param element
+     * @example
+     */
   }, {
     key: "setDomAttrs",
     value: function setDomAttrs(node, element) {
@@ -150,6 +181,14 @@ var LayoutSectionView = exports.LayoutSectionView = /*#__PURE__*/function (_Reac
         this.layoutDOM.setAttribute('data-column-rule-style', node.attrs.columnRuleStyle);
       }
     }
+
+    /**
+     * render
+     * @param props
+     * @param forwardRef
+     * @example
+     * @returns
+     */
   }, {
     key: "render",
     value: function render(props, forwardRef) {
@@ -165,6 +204,13 @@ var LayoutSectionView = exports.LayoutSectionView = /*#__PURE__*/function (_Reac
         parentRef: this.layoutDOM
       });
     }
+
+    /**
+     * ignoreMutation
+     * @param mutation
+     * @example
+     * @returns
+     */
   }, {
     key: "ignoreMutation",
     value: function ignoreMutation(mutation) {

package/dist/es2019/nodeviews/index.js

@@ -6,6 +6,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { selectIntoLayout } from '../pm-plugins/utils';
+const layoutDynamicFullWidthGuidelineOffset = 16;
 const isEmptyParagraph = node => {
   return !!node && node.type.name === 'paragraph' && !node.childCount;
 };
@@ -92,7 +93,8 @@ const LayoutBreakoutResizer = ({
     displayGapCursor: displayGapCursor,
     onResizeStart: () => {
       selectIntoCurrentLayout();
-    }
+    },
+    dynamicFullWidthGuidelineOffset: layoutDynamicFullWidthGuidelineOffset
   });
 };
 const toDOM = () => ['div', {
@@ -100,12 +102,34 @@ const toDOM = () => ['div', {
 }, ['div', {
   'data-layout-section': true
 }, 0]];
+
+/**
+ *
+ */
 export class LayoutSectionView extends ReactNodeView {
+  /**
+   * constructor
+   * @param props
+   * @param props.node
+   * @param props.view
+   * @param props.getPos
+   * @param props.portalProviderAPI
+   * @param props.eventDispatcher
+   * @param props.pluginInjectionApi
+   * @param props.options
+   * @example
+   */
   constructor(props) {
     super(props.node, props.view, props.getPos, props.portalProviderAPI, props.eventDispatcher, props);
     this.isEmpty = isEmptyLayout(this.node);
     this.options = props.options;
   }
+
+  /**
+   * getContentDOM
+   * @example
+   * @returns
+   */
   getContentDOM() {
     const {
       dom: container,
@@ -122,11 +146,26 @@ export class LayoutSectionView extends ReactNodeView {
       contentDOM
     };
   }
+
+  /**
+   * setDomAttrs
+   * @param node
+   * @param element
+   * @example
+   */
   setDomAttrs(node, element) {
     if (this.layoutDOM) {
       this.layoutDOM.setAttribute('data-column-rule-style', node.attrs.columnRuleStyle);
     }
   }
+
+  /**
+   * render
+   * @param props
+   * @param forwardRef
+   * @example
+   * @returns
+   */
   render(props, forwardRef) {
     this.isEmpty = isEmptyLayout(this.node);
     if (this.layoutDOM) {
@@ -140,6 +179,13 @@ export class LayoutSectionView extends ReactNodeView {
       parentRef: this.layoutDOM
     });
   }
+
+  /**
+   * ignoreMutation
+   * @param mutation
+   * @example
+   * @returns
+   */
   ignoreMutation(mutation) {
     return ignoreResizerMutations(mutation);
   }

package/dist/esm/nodeviews/index.js

@@ -13,6 +13,7 @@ import { useSharedPluginStateSelector } from '@atlaskit/editor-common/use-shared
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { selectIntoLayout } from '../pm-plugins/utils';
+var layoutDynamicFullWidthGuidelineOffset = 16;
 var isEmptyParagraph = function isEmptyParagraph(node) {
   return !!node && node.type.name === 'paragraph' && !node.childCount;
 };
@@ -96,7 +97,8 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
     displayGapCursor: displayGapCursor,
     onResizeStart: function onResizeStart() {
       selectIntoCurrentLayout();
-    }
+    },
+    dynamicFullWidthGuidelineOffset: layoutDynamicFullWidthGuidelineOffset
   });
 };
 var toDOM = function toDOM() {
@@ -106,7 +108,23 @@ var toDOM = function toDOM() {
     'data-layout-section': true
   }, 0]];
 };
+
+/**
+ *
+ */
 export var LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
+  /**
+   * constructor
+   * @param props
+   * @param props.node
+   * @param props.view
+   * @param props.getPos
+   * @param props.portalProviderAPI
+   * @param props.eventDispatcher
+   * @param props.pluginInjectionApi
+   * @param props.options
+   * @example
+   */
   function LayoutSectionView(props) {
     var _this;
     _classCallCheck(this, LayoutSectionView);
@@ -115,6 +133,12 @@ export var LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
     _this.options = props.options;
     return _this;
   }
+
+  /**
+   * getContentDOM
+   * @example
+   * @returns
+   */
   _inherits(LayoutSectionView, _ReactNodeView);
   return _createClass(LayoutSectionView, [{
     key: "getContentDOM",
@@ -133,6 +157,13 @@ export var LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
         contentDOM: contentDOM
       };
     }
+
+    /**
+     * setDomAttrs
+     * @param node
+     * @param element
+     * @example
+     */
   }, {
     key: "setDomAttrs",
     value: function setDomAttrs(node, element) {
@@ -140,6 +171,14 @@ export var LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
         this.layoutDOM.setAttribute('data-column-rule-style', node.attrs.columnRuleStyle);
       }
     }
+
+    /**
+     * render
+     * @param props
+     * @param forwardRef
+     * @example
+     * @returns
+     */
   }, {
     key: "render",
     value: function render(props, forwardRef) {
@@ -155,6 +194,13 @@ export var LayoutSectionView = /*#__PURE__*/function (_ReactNodeView) {
         parentRef: this.layoutDOM
       });
     }
+
+    /**
+     * ignoreMutation
+     * @param mutation
+     * @example
+     * @returns
+     */
   }, {
     key: "ignoreMutation",
     value: function ignoreMutation(mutation) {

package/dist/types/nodeviews/index.d.ts

@@ -17,10 +17,25 @@ type LayoutSectionViewProps = {
     options: LayoutPluginOptions;
 };
 type ForwardRef = (ref: HTMLElement | null) => void;
+/**
+ *
+ */
 export declare class LayoutSectionView extends ReactNodeView<LayoutSectionViewProps> {
     options: LayoutPluginOptions;
     layoutDOM?: HTMLElement;
     isEmpty?: boolean;
+    /**
+     * constructor
+     * @param props
+     * @param props.node
+     * @param props.view
+     * @param props.getPos
+     * @param props.portalProviderAPI
+     * @param props.eventDispatcher
+     * @param props.pluginInjectionApi
+     * @param props.options
+     * @example
+     */
     constructor(props: {
         node: PMNode;
         view: EditorView;
@@ -30,12 +45,36 @@ export declare class LayoutSectionView extends ReactNodeView<LayoutSectionViewPr
         pluginInjectionApi: ExtractInjectionAPI<LayoutPlugin>;
         options: LayoutPluginOptions;
     });
+    /**
+     * getContentDOM
+     * @example
+     * @returns
+     */
     getContentDOM(): {
         dom: HTMLElement;
         contentDOM: HTMLElement | undefined;
     };
+    /**
+     * setDomAttrs
+     * @param node
+     * @param element
+     * @example
+     */
     setDomAttrs(node: PMNode, element: HTMLElement): void;
+    /**
+     * render
+     * @param props
+     * @param forwardRef
+     * @example
+     * @returns
+     */
     render(props: LayoutSectionViewProps, forwardRef: ForwardRef): React.JSX.Element;
+    /**
+     * ignoreMutation
+     * @param mutation
+     * @example
+     * @returns
+     */
     ignoreMutation(mutation: MutationRecord | {
         type: 'selection';
         target: Node;

package/dist/types-ts4.5/nodeviews/index.d.ts

@@ -17,10 +17,25 @@ type LayoutSectionViewProps = {
     options: LayoutPluginOptions;
 };
 type ForwardRef = (ref: HTMLElement | null) => void;
+/**
+ *
+ */
 export declare class LayoutSectionView extends ReactNodeView<LayoutSectionViewProps> {
     options: LayoutPluginOptions;
     layoutDOM?: HTMLElement;
     isEmpty?: boolean;
+    /**
+     * constructor
+     * @param props
+     * @param props.node
+     * @param props.view
+     * @param props.getPos
+     * @param props.portalProviderAPI
+     * @param props.eventDispatcher
+     * @param props.pluginInjectionApi
+     * @param props.options
+     * @example
+     */
     constructor(props: {
         node: PMNode;
         view: EditorView;
@@ -30,12 +45,36 @@ export declare class LayoutSectionView extends ReactNodeView<LayoutSectionViewPr
         pluginInjectionApi: ExtractInjectionAPI<LayoutPlugin>;
         options: LayoutPluginOptions;
     });
+    /**
+     * getContentDOM
+     * @example
+     * @returns
+     */
     getContentDOM(): {
         dom: HTMLElement;
         contentDOM: HTMLElement | undefined;
     };
+    /**
+     * setDomAttrs
+     * @param node
+     * @param element
+     * @example
+     */
     setDomAttrs(node: PMNode, element: HTMLElement): void;
+    /**
+     * render
+     * @param props
+     * @param forwardRef
+     * @example
+     * @returns
+     */
     render(props: LayoutSectionViewProps, forwardRef: ForwardRef): React.JSX.Element;
+    /**
+     * ignoreMutation
+     * @param mutation
+     * @example
+     * @returns
+     */
     ignoreMutation(mutation: MutationRecord | {
         type: 'selection';
         target: Node;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-layout",
-	"version": "2.7.3",
+	"version": "2.7.4",
 	"description": "Layout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,8 +34,8 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^105.0.0",
-		"@atlaskit/editor-plugin-analytics": "^2.2.0",
+		"@atlaskit/editor-common": "^105.8.0",
+		"@atlaskit/editor-plugin-analytics": "^2.3.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
@@ -43,10 +43,10 @@
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.4.0",
-		"@atlaskit/icon": "^26.0.0",
+		"@atlaskit/icon": "^26.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^4.19.0",
-		"@atlaskit/tokens": "^4.8.0",
+		"@atlaskit/tmp-editor-statsig": "^4.24.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},