@atlaskit/editor-plugin-expand 7.3.0 → 7.4.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-expand
 
+## 7.4.0
+
+### Minor Changes
+
+- [`fd552090f0285`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd552090f0285) -
+  Introduce new toggle expand command API to toggle expands across a range.
+
 ## 7.3.0
 
 ### Minor Changes

package/dist/cjs/editor-commands/toggleExpandRange.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toggleExpandRange = void 0;
+var _expand = require("@atlaskit/editor-common/expand");
+var toggleExpandRange = exports.toggleExpandRange = function toggleExpandRange(from, to) {
+  var open = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  return function (_ref) {
+    var tr = _ref.tr;
+    var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
+      expand = _tr$doc$type$schema$n.expand,
+      nestedExpand = _tr$doc$type$schema$n.nestedExpand;
+    var fromClamped = from && from >= 0 ? from : 0;
+    var toClamped = to && to <= tr.doc.content.size ? to : tr.doc.content.size;
+    tr.doc.nodesBetween(fromClamped, toClamped, function (node) {
+      if ([expand, nestedExpand].includes(node.type)) {
+        _expand.expandedState.set(node, open);
+      }
+    });
+    return null;
+  };
+};

package/dist/cjs/legacyExpand/nodeviews/index.js

@@ -25,7 +25,7 @@ var _renderExpandButton = require("../../ui/renderExpandButton");
 var _commands = require("../commands");
 var _ExpandIconButton = require("../ui/ExpandIconButton");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 function buildExpandClassName(type, expanded) {
   return "".concat(_styles.expandClassNames.prefix, " ").concat(_styles.expandClassNames.type(type), " ").concat(expanded ? _styles.expandClassNames.expanded : '');
 }
@@ -450,6 +450,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
     this.input = this.dom.querySelector(".".concat(_styles.expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(_styles.expandClassNames.titleContainer));
     this.content = this.dom.querySelector(".".concat(_styles.expandClassNames.content));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = (0, _v.default)();
     if ((0, _expValEquals.expValEquals)('platform_editor_native_expand_button', 'isEnabled', true)) {
       this.renderNativeIcon(this.node);

package/dist/cjs/legacyExpand/plugin.js

@@ -14,6 +14,7 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _toggleExpandRange = require("../editor-commands/toggleExpandRange");
 var _ExpandBlockMenuItem = require("../ui/ExpandBlockMenuItem");
 var _commands = require("./commands");
 var _keymap = require("./pm-plugins/keymap");
@@ -57,7 +58,8 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
     commands: {
       toggleExpandWithMatch: function toggleExpandWithMatch(selection) {
         return (0, _commands.toggleExpandWithMatch)(selection);
-      }
+      },
+      toggleExpandRange: _toggleExpandRange.toggleExpandRange
     },
     pmPlugins: function pmPlugins() {
       return [{

package/dist/cjs/singlePlayerExpand/commands.js

@@ -21,7 +21,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _utils4 = require("../utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 // Creates either an expand or a nestedExpand node based on the current selection
 var createExpandNode = exports.createExpandNode = function createExpandNode(state) {
   var setExpandedState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
@@ -34,8 +34,11 @@ var createExpandNode = exports.createExpandNode = function createExpandNode(stat
   var isSelectionInExpand = (0, _utils4.isNestedInExpand)(state);
   var expandType = isSelectionInTable || isSelectionInExpand ? nestedExpand : expand;
   var expandNode = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? expandType.createAndFill(addLocalId ? {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     localId: (0, _v.default)()
-  } : {}, paragraph.createAndFill(addLocalId ? {
+  } : {},
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+  paragraph.createAndFill(addLocalId ? {
     localId: (0, _v.default)()
   } : {})) : expandType.createAndFill({});
   if (setExpandedState) {

package/dist/cjs/singlePlayerExpand/node-views/index.js

@@ -26,6 +26,7 @@ var _commands = require("../commands");
 var _ExpandButton = require("../ui/ExpandButton");
 var _NodeView = require("../ui/NodeView");
 var _utils2 = require("../utils");
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
   function ExpandNodeView(_node, view, getPos, getIntl, isMobile, selectNearNode, api, nodeViewPortalProviderAPI) {
     var _this = this,
@@ -416,6 +417,7 @@ var ExpandNodeView = exports.ExpandNodeView = /*#__PURE__*/function () {
     this.icon = this.dom.querySelector(".".concat(_styles.expandClassNames.icon));
     this.input = this.dom.querySelector(".".concat(_styles.expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(_styles.expandClassNames.titleContainer));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = (0, _v.default)();
     this.content = this.dom.querySelector(".".concat(_styles.expandClassNames.content));
     if (!_expand.expandedState.has(this.node)) {

package/dist/cjs/singlePlayerExpand/plugin.js

@@ -14,6 +14,7 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
+var _toggleExpandRange = require("../editor-commands/toggleExpandRange");
 var _ExpandBlockMenuItem = require("../ui/ExpandBlockMenuItem");
 var _commands = require("./commands");
 var _keymap = require("./pm-plugins/keymap");
@@ -56,7 +57,8 @@ var expandPlugin = exports.expandPlugin = function expandPlugin(_ref) {
     commands: {
       toggleExpandWithMatch: function toggleExpandWithMatch(selection) {
         return (0, _commands.toggleExpandWithMatch)(selection);
-      }
+      },
+      toggleExpandRange: _toggleExpandRange.toggleExpandRange
     },
     pmPlugins: function pmPlugins() {
       return [{

package/dist/es2019/editor-commands/toggleExpandRange.js

@@ -0,0 +1,17 @@
+import { expandedState } from '@atlaskit/editor-common/expand';
+export const toggleExpandRange = (from, to, open = true) => ({
+  tr
+}) => {
+  const {
+    expand,
+    nestedExpand
+  } = tr.doc.type.schema.nodes;
+  const fromClamped = from && from >= 0 ? from : 0;
+  const toClamped = to && to <= tr.doc.content.size ? to : tr.doc.content.size;
+  tr.doc.nodesBetween(fromClamped, toClamped, node => {
+    if ([expand, nestedExpand].includes(node.type)) {
+      expandedState.set(node, open);
+    }
+  });
+  return null;
+};

package/dist/es2019/legacyExpand/nodeviews/index.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { keyName } from 'w3c-keyname';
 import { GapCursorSelection, RelativeSelectionPos, Side } from '@atlaskit/editor-common/selection';
@@ -451,6 +452,7 @@ export class ExpandNodeView {
     this.input = this.dom.querySelector(`.${expandClassNames.titleInput}`);
     this.titleContainer = this.dom.querySelector(`.${expandClassNames.titleContainer}`);
     this.content = this.dom.querySelector(`.${expandClassNames.content}`);
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = uuid();
     if (expValEquals('platform_editor_native_expand_button', 'isEnabled', true)) {
       this.renderNativeIcon(this.node);

package/dist/es2019/legacyExpand/plugin.js

@@ -7,6 +7,7 @@ import { IconExpand } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -49,7 +50,8 @@ export let expandPlugin = ({
       insertExpandWithInputMethod: insertExpandWithInputMethod(api === null || api === void 0 ? void 0 : (_api$analytics2 = api.analytics) === null || _api$analytics2 === void 0 ? void 0 : _api$analytics2.actions)
     },
     commands: {
-      toggleExpandWithMatch: selection => toggleExpandWithMatch(selection)
+      toggleExpandWithMatch: selection => toggleExpandWithMatch(selection),
+      toggleExpandRange
     },
     pmPlugins() {
       return [{

package/dist/es2019/singlePlayerExpand/commands.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MODE, PLATFORMS } from '@atlaskit/editor-common/analytics';
@@ -24,8 +25,11 @@ export const createExpandNode = (state, setExpandedState = true, addLocalId) =>
   const isSelectionInExpand = isNestedInExpand(state);
   const expandType = isSelectionInTable || isSelectionInExpand ? nestedExpand : expand;
   const expandNode = fg('platform_editor_adf_with_localid') ? expandType.createAndFill(addLocalId ? {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     localId: uuid()
-  } : {}, paragraph.createAndFill(addLocalId ? {
+  } : {},
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+  paragraph.createAndFill(addLocalId ? {
     localId: uuid()
   } : {})) : expandType.createAndFill({});
   if (setExpandedState) {

package/dist/es2019/singlePlayerExpand/node-views/index.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { keyName } from 'w3c-keyname';
 import { expandedState, isExpandCollapsed } from '@atlaskit/editor-common/expand';
@@ -415,6 +416,7 @@ export class ExpandNodeView {
     this.icon = this.dom.querySelector(`.${expandClassNames.icon}`);
     this.input = this.dom.querySelector(`.${expandClassNames.titleInput}`);
     this.titleContainer = this.dom.querySelector(`.${expandClassNames.titleContainer}`);
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = uuid();
     this.content = this.dom.querySelector(`.${expandClassNames.content}`);
     if (!expandedState.has(this.node)) {

package/dist/es2019/singlePlayerExpand/plugin.js

@@ -7,6 +7,7 @@ import { IconExpand } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch, wrapSelectionAndSetExpandedState } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -48,7 +49,8 @@ export let expandPlugin = ({
       insertExpandWithInputMethod: insertExpandWithInputMethod(api)
     },
     commands: {
-      toggleExpandWithMatch: selection => toggleExpandWithMatch(selection)
+      toggleExpandWithMatch: selection => toggleExpandWithMatch(selection),
+      toggleExpandRange
     },
     pmPlugins() {
       return [{

package/dist/esm/editor-commands/toggleExpandRange.js

@@ -0,0 +1,18 @@
+import { expandedState } from '@atlaskit/editor-common/expand';
+export var toggleExpandRange = function toggleExpandRange(from, to) {
+  var open = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  return function (_ref) {
+    var tr = _ref.tr;
+    var _tr$doc$type$schema$n = tr.doc.type.schema.nodes,
+      expand = _tr$doc$type$schema$n.expand,
+      nestedExpand = _tr$doc$type$schema$n.nestedExpand;
+    var fromClamped = from && from >= 0 ? from : 0;
+    var toClamped = to && to <= tr.doc.content.size ? to : tr.doc.content.size;
+    tr.doc.nodesBetween(fromClamped, toClamped, function (node) {
+      if ([expand, nestedExpand].includes(node.type)) {
+        expandedState.set(node, open);
+      }
+    });
+    return null;
+  };
+};

package/dist/esm/legacyExpand/nodeviews/index.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { keyName } from 'w3c-keyname';
 import { GapCursorSelection, RelativeSelectionPos, Side } from '@atlaskit/editor-common/selection';
@@ -442,6 +443,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     this.input = this.dom.querySelector(".".concat(expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(expandClassNames.titleContainer));
     this.content = this.dom.querySelector(".".concat(expandClassNames.content));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = uuid();
     if (expValEquals('platform_editor_native_expand_button', 'isEnabled', true)) {
       this.renderNativeIcon(this.node);

package/dist/esm/legacyExpand/plugin.js

@@ -7,6 +7,7 @@ import { IconExpand } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch as _toggleExpandWithMatch } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -51,7 +52,8 @@ export var expandPlugin = function expandPlugin(_ref) {
     commands: {
       toggleExpandWithMatch: function toggleExpandWithMatch(selection) {
         return _toggleExpandWithMatch(selection);
-      }
+      },
+      toggleExpandRange: toggleExpandRange
     },
     pmPlugins: function pmPlugins() {
       return [{

package/dist/esm/singlePlayerExpand/commands.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, MODE, PLATFORMS } from '@atlaskit/editor-common/analytics';
@@ -28,8 +29,11 @@ export var createExpandNode = function createExpandNode(state) {
   var isSelectionInExpand = isNestedInExpand(state);
   var expandType = isSelectionInTable || isSelectionInExpand ? nestedExpand : expand;
   var expandNode = fg('platform_editor_adf_with_localid') ? expandType.createAndFill(addLocalId ? {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     localId: uuid()
-  } : {}, paragraph.createAndFill(addLocalId ? {
+  } : {},
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
+  paragraph.createAndFill(addLocalId ? {
     localId: uuid()
   } : {})) : expandType.createAndFill({});
   if (setExpandedState) {

package/dist/esm/singlePlayerExpand/node-views/index.js

@@ -2,6 +2,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
 import { keyName } from 'w3c-keyname';
 import { expandedState, isExpandCollapsed } from '@atlaskit/editor-common/expand';
@@ -408,6 +409,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     this.icon = this.dom.querySelector(".".concat(expandClassNames.icon));
     this.input = this.dom.querySelector(".".concat(expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(expandClassNames.titleContainer));
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     this.renderKey = uuid();
     this.content = this.dom.querySelector(".".concat(expandClassNames.content));
     if (!expandedState.has(this.node)) {

package/dist/esm/singlePlayerExpand/plugin.js

@@ -7,6 +7,7 @@ import { IconExpand } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
+import { toggleExpandRange } from '../editor-commands/toggleExpandRange';
 import { createExpandBlockMenuItem } from '../ui/ExpandBlockMenuItem';
 import { createExpandNode, insertExpand, insertExpandWithInputMethod, toggleExpandWithMatch as _toggleExpandWithMatch, wrapSelectionAndSetExpandedState } from './commands';
 import { expandKeymap } from './pm-plugins/keymap';
@@ -50,7 +51,8 @@ export var expandPlugin = function expandPlugin(_ref) {
     commands: {
       toggleExpandWithMatch: function toggleExpandWithMatch(selection) {
         return _toggleExpandWithMatch(selection);
-      }
+      },
+      toggleExpandRange: toggleExpandRange
     },
     pmPlugins: function pmPlugins() {
       return [{

package/dist/types/editor-commands/toggleExpandRange.d.ts

@@ -0,0 +1,2 @@
+import type { EditorCommand } from '@atlaskit/editor-common/types';
+export declare const toggleExpandRange: (from?: number, to?: number, open?: boolean) => EditorCommand;

package/dist/types/types.d.ts

@@ -68,6 +68,34 @@ export type ExpandPlugin = NextEditorPlugin<'expand', {
          * Toggle the expand or nested expand node open
          */
         toggleExpandWithMatch: (selection: Selection) => EditorCommand;
+        /**
+         * Expand or collapse a range of expand nodes. With no parameters
+         *
+         *
+         * @param from Starting range (defaults to 0)
+         * @param to Ending range (defaults to the document size)
+         * @param open Boolean to open (defaults to opening expands)
+         * @returns EditorCommand to be executed
+         *
+         * @example
+         * ```ts
+         * // Opens all the expands on the page
+         * editorAPI.core.actions.execute(
+         *   editorAPI.expand.commands.toggleExpandRange()
+         * )
+         *
+         * // Closes all the expands between positions 0 and 34 on the page
+         * editorAPI.core.actions.execute(
+         *   editorAPI.expand.commands.toggleExpandRange(0, 34, false)
+         * )
+         *
+         * // Closes all the expands on the page
+         * editorAPI.core.actions.execute(
+         *   editorAPI.expand.commands.toggleExpandRange(undefined, undefined, false)
+         * )
+         * ```
+         */
+        toggleExpandRange: (from?: number, to?: number, open?: boolean) => EditorCommand;
     };
     dependencies: ExpandPluginDependencies;
     pluginConfiguration: ExpandPluginOptions | undefined;

package/dist/types-ts4.5/editor-commands/toggleExpandRange.d.ts

@@ -0,0 +1,2 @@
+import type { EditorCommand } from '@atlaskit/editor-common/types';
+export declare const toggleExpandRange: (from?: number, to?: number, open?: boolean) => EditorCommand;

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

@@ -68,6 +68,34 @@ export type ExpandPlugin = NextEditorPlugin<'expand', {
          * Toggle the expand or nested expand node open
          */
         toggleExpandWithMatch: (selection: Selection) => EditorCommand;
+        /**
+         * Expand or collapse a range of expand nodes. With no parameters
+         *
+         *
+         * @param from Starting range (defaults to 0)
+         * @param to Ending range (defaults to the document size)
+         * @param open Boolean to open (defaults to opening expands)
+         * @returns EditorCommand to be executed
+         *
+         * @example
+         * ```ts
+         * // Opens all the expands on the page
+         * editorAPI.core.actions.execute(
+         *   editorAPI.expand.commands.toggleExpandRange()
+         * )
+         *
+         * // Closes all the expands between positions 0 and 34 on the page
+         * editorAPI.core.actions.execute(
+         *   editorAPI.expand.commands.toggleExpandRange(0, 34, false)
+         * )
+         *
+         * // Closes all the expands on the page
+         * editorAPI.core.actions.execute(
+         *   editorAPI.expand.commands.toggleExpandRange(undefined, undefined, false)
+         * )
+         * ```
+         */
+        toggleExpandRange: (from?: number, to?: number, open?: boolean) => EditorCommand;
     };
     dependencies: ExpandPluginDependencies;
     pluginConfiguration: ExpandPluginOptions | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-expand",
-	"version": "7.3.0",
+	"version": "7.4.0",
 	"description": "Expand plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/icon-lab": "^5.11.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^13.30.0",
+		"@atlaskit/tmp-editor-statsig": "^13.31.0",
 		"@atlaskit/tokens": "^7.1.0",
 		"@atlaskit/tooltip": "^20.7.0",
 		"@babel/runtime": "^7.0.0",
@@ -57,7 +57,7 @@
 		"w3c-keyname": "^2.1.8"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^110.23.0",
+		"@atlaskit/editor-common": "^110.24.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"