@atlaskit/editor-core 183.1.6 → 184.0.0

package/dist/esm/plugins/width/index.js

@@ -1,78 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from 'prosemirror-state';
-/**
- * @private
- * @deprecated
- *
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
- */
-export var pluginKey = new PluginKey('widthPlugin');
-export function createPlugin(dispatch) {
-  return new SafePlugin({
-    key: pluginKey,
-    state: {
-      init: function init() {
-        return {
-          width: document.body.offsetWidth,
-          containerWidth: document.body.offsetWidth
-        };
-      },
-      apply: function apply(tr, pluginState) {
-        var meta = tr.getMeta(pluginKey);
-        if (!meta) {
-          return pluginState;
-        }
-        var newPluginState = _objectSpread(_objectSpread({}, pluginState), meta);
-        if (newPluginState && (pluginState.width !== newPluginState.width || pluginState.lineLength !== newPluginState.lineLength) || pluginState.containerWidth !== newPluginState.containerWidth) {
-          dispatch(pluginKey, newPluginState);
-          return newPluginState;
-        }
-        return pluginState;
-      }
-    }
-  });
-}
-var widthPlugin = function widthPlugin() {
-  return {
-    name: 'width',
-    pmPlugins: function pmPlugins() {
-      return [{
-        name: 'width',
-        plugin: function plugin(_ref) {
-          var dispatch = _ref.dispatch;
-          return createPlugin(dispatch);
-        }
-      }];
-    },
-    getSharedState: function getSharedState(editorState) {
-      if (!editorState) {
-        return undefined;
-      }
-      return pluginKey.getState(editorState);
-    },
-    // do this early here, otherwise we have to wait for WidthEmitter to debounce
-    // which causes anything dependent on lineLength to jump around
-    contentComponent: function contentComponent(_ref2) {
-      var editorView = _ref2.editorView,
-        containerElement = _ref2.containerElement;
-      var newState = {
-        lineLength: editorView.dom.clientWidth
-      };
-      if (containerElement) {
-        var _containerElement$par;
-        newState.width = containerElement.offsetWidth;
-
-        // wrapper width is used by context panel to determine whether there is
-        // enough space to open without overlapping the editor
-        newState.containerWidth = (_containerElement$par = containerElement.parentElement) === null || _containerElement$par === void 0 ? void 0 : _containerElement$par.offsetWidth;
-      }
-      var tr = editorView.state.tr.setMeta(pluginKey, newState);
-      editorView.dispatch(tr);
-      return null;
-    }
-  };
-};
-export default widthPlugin;

package/dist/esm/ui/ContextPanel/context.js

@@ -1,79 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import React from 'react';
-
-// React context to communicate the active context panel width up and down the tree.
-//
-// We need the width prop from the ContextPanel component.
-//
-// However, the actual <ContextPanel /> component might be deeply nested inside the contextPanel.
-// For example, in the template context panel storybook, we wrap it in 2 higher order components.
-//
-// Changing the max-width on the main editor container happens above where the <ContextPanel /> gets rendered.
-//
-// To subtract the context panel width from the available real estate, we use the Provider and Consumer.
-//
-// positionedOverEditor is used to determine whether the context panel is positioned over the Editor so we are
-// able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
-// panel
-export var ContextPanel = /*#__PURE__*/React.createContext({
-  width: 0,
-  positionedOverEditor: false,
-  broadcastWidth: function broadcastWidth() {},
-  broadcastPosition: function broadcastPosition() {}
-});
-export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
-  _inherits(ContextPanelWidthProvider, _React$Component);
-  var _super = _createSuper(ContextPanelWidthProvider);
-  function ContextPanelWidthProvider(props) {
-    var _this;
-    _classCallCheck(this, ContextPanelWidthProvider);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      width: 0,
-      positionedOverEditor: false
-    });
-    _defineProperty(_assertThisInitialized(_this), "broadcastSidebarWidth", function (width) {
-      if (width !== _this.state.width) {
-        _this.setState({
-          width: width
-        });
-      }
-    });
-    _defineProperty(_assertThisInitialized(_this), "broadcastPosition", function (positionedOverEditor) {
-      if (positionedOverEditor !== _this.state.positionedOverEditor) {
-        _this.setState({
-          positionedOverEditor: positionedOverEditor
-        });
-      }
-    });
-    return _this;
-  }
-  _createClass(ContextPanelWidthProvider, [{
-    key: "render",
-    value: function render() {
-      var _this$state = this.state,
-        width = _this$state.width,
-        positionedOverEditor = _this$state.positionedOverEditor;
-      return /*#__PURE__*/React.createElement(Provider, {
-        value: {
-          width: width,
-          positionedOverEditor: positionedOverEditor,
-          broadcastWidth: this.broadcastSidebarWidth,
-          broadcastPosition: this.broadcastPosition
-        }
-      }, this.props.children);
-    }
-  }]);
-  return ContextPanelWidthProvider;
-}(React.Component);
-var Provider = ContextPanel.Provider,
-  Consumer = ContextPanel.Consumer;
-export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/types/plugins/collab-edit/provider/index.d.ts

@@ -1 +0,0 @@
-export type { CollabEditProvider } from './types';

package/dist/types/plugins/collab-edit/provider/types.d.ts

@@ -1 +0,0 @@
-export type { CollabEditProvider } from '@atlaskit/editor-common/collab';

package/dist/types/plugins/grid/index.d.ts

@@ -1,25 +0,0 @@
-import { EditorView } from 'prosemirror-view';
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import type { GridPluginState, GridType } from './types';
-import type widthPlugin from '../width';
-export declare const GRID_SIZE = 12;
-type Required<T> = {
-    [P in keyof T]-?: T[P];
-};
-type DisplayGrid = (props: Required<GridPluginState>) => boolean;
-type CreateDisplayGrid = (view: EditorView) => DisplayGrid;
-export declare const gridTypeForLayout: (layout: MediaSingleLayout) => GridType;
-export interface GridPluginOptions {
-    shouldCalcBreakoutGridLines?: boolean;
-}
-declare const gridPlugin: NextEditorPlugin<'grid', {
-    pluginConfiguration: GridPluginOptions | undefined;
-    dependencies: [typeof widthPlugin];
-    sharedState: GridPluginState | null;
-    actions: {
-        displayGrid: CreateDisplayGrid;
-    };
-}>;
-export default gridPlugin;
-export { GRID_GUTTER } from './styles';

package/dist/types/plugins/grid/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const GRID_GUTTER = 12;
-export declare const gridStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/grid/types.d.ts

@@ -1,7 +0,0 @@
-export type Highlights = Array<'wide' | 'full-width' | number>;
-export type GridPluginState = {
-    visible: boolean;
-    gridType?: GridType;
-    highlight: Highlights;
-};
-export type GridType = 'full' | 'wrapped';

package/dist/types/plugins/width/index.d.ts

@@ -1,18 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from 'prosemirror-state';
-import { Dispatch } from '../../event-dispatcher';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
-export type WidthPluginState = EditorContainerWidth;
-/**
- * @private
- * @deprecated
- *
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
- */
-export declare const pluginKey: PluginKey<EditorContainerWidth, any>;
-export declare function createPlugin(dispatch: Dispatch<WidthPluginState>): SafePlugin | undefined;
-declare const widthPlugin: NextEditorPlugin<'width', {
-    sharedState: EditorContainerWidth | undefined;
-}>;
-export default widthPlugin;

package/dist/types/ui/ContextPanel/context.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export type ContextPanelContext = {
-    width: number;
-    positionedOverEditor: boolean;
-    broadcastWidth: (width: number) => void;
-    broadcastPosition: (positionedOverEditor: boolean) => void;
-};
-export declare const ContextPanel: React.Context<ContextPanelContext>;
-export type ContextPanelProviderState = {
-    width?: number;
-    positionedOverEditor?: boolean;
-};
-export declare class ContextPanelWidthProvider extends React.Component<any, ContextPanelProviderState> {
-    state: {
-        width: number;
-        positionedOverEditor: boolean;
-    };
-    constructor(props: any);
-    broadcastSidebarWidth: (width: number) => void;
-    broadcastPosition: (positionedOverEditor: boolean) => void;
-    render(): JSX.Element;
-}
-declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
-export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/types-ts4.5/plugins/collab-edit/provider/index.d.ts

@@ -1 +0,0 @@
-export type { CollabEditProvider } from './types';

package/dist/types-ts4.5/plugins/collab-edit/provider/types.d.ts

@@ -1 +0,0 @@
-export type { CollabEditProvider } from '@atlaskit/editor-common/collab';

package/dist/types-ts4.5/plugins/grid/index.d.ts

@@ -1,27 +0,0 @@
-import { EditorView } from 'prosemirror-view';
-import { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
-import type { GridPluginState, GridType } from './types';
-import type widthPlugin from '../width';
-export declare const GRID_SIZE = 12;
-type Required<T> = {
-    [P in keyof T]-?: T[P];
-};
-type DisplayGrid = (props: Required<GridPluginState>) => boolean;
-type CreateDisplayGrid = (view: EditorView) => DisplayGrid;
-export declare const gridTypeForLayout: (layout: MediaSingleLayout) => GridType;
-export interface GridPluginOptions {
-    shouldCalcBreakoutGridLines?: boolean;
-}
-declare const gridPlugin: NextEditorPlugin<'grid', {
-    pluginConfiguration: GridPluginOptions | undefined;
-    dependencies: [
-        typeof widthPlugin
-    ];
-    sharedState: GridPluginState | null;
-    actions: {
-        displayGrid: CreateDisplayGrid;
-    };
-}>;
-export default gridPlugin;
-export { GRID_GUTTER } from './styles';

package/dist/types-ts4.5/plugins/grid/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const GRID_GUTTER = 12;
-export declare const gridStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/plugins/grid/types.d.ts

@@ -1,7 +0,0 @@
-export type Highlights = Array<'wide' | 'full-width' | number>;
-export type GridPluginState = {
-    visible: boolean;
-    gridType?: GridType;
-    highlight: Highlights;
-};
-export type GridType = 'full' | 'wrapped';

package/dist/types-ts4.5/plugins/width/index.d.ts

@@ -1,18 +0,0 @@
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import { PluginKey } from 'prosemirror-state';
-import { Dispatch } from '../../event-dispatcher';
-import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
-export type WidthPluginState = EditorContainerWidth;
-/**
- * @private
- * @deprecated
- *
- * Do not use this plugin key directly. Please use the `sharedState` of this plugin instead.
- */
-export declare const pluginKey: PluginKey<EditorContainerWidth, any>;
-export declare function createPlugin(dispatch: Dispatch<WidthPluginState>): SafePlugin | undefined;
-declare const widthPlugin: NextEditorPlugin<'width', {
-    sharedState: EditorContainerWidth | undefined;
-}>;
-export default widthPlugin;

package/dist/types-ts4.5/ui/ContextPanel/context.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-export type ContextPanelContext = {
-    width: number;
-    positionedOverEditor: boolean;
-    broadcastWidth: (width: number) => void;
-    broadcastPosition: (positionedOverEditor: boolean) => void;
-};
-export declare const ContextPanel: React.Context<ContextPanelContext>;
-export type ContextPanelProviderState = {
-    width?: number;
-    positionedOverEditor?: boolean;
-};
-export declare class ContextPanelWidthProvider extends React.Component<any, ContextPanelProviderState> {
-    state: {
-        width: number;
-        positionedOverEditor: boolean;
-    };
-    constructor(props: any);
-    broadcastSidebarWidth: (width: number) => void;
-    broadcastPosition: (positionedOverEditor: boolean) => void;
-    render(): JSX.Element;
-}
-declare const Provider: React.Provider<ContextPanelContext>, Consumer: React.Consumer<ContextPanelContext>;
-export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };