@atlaskit/renderer 108.21.1 → 109.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/renderer
 
+## 109.0.1
+
+### Patch Changes
+
+- [#60167](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60167) [`ae0930df4bfa`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ae0930df4bfa) - Renamed supportReact18 to runReact18
+
+## 109.0.0
+
+### Major Changes
+
+- [#59319](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59319) [`d2e34e936bf2`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2e34e936bf2) - [ED-15859] Clean up restartNumberedLists feature flag and set this feature as the default behaviour for ordered lists. Currently this feature is only rolled out in Confluence so this change will roll it out to all other products which adopt this version.
+
 ## 108.21.1
 
 ### Patch Changes

package/dist/cjs/react/nodes/mediaInline.js

@@ -11,14 +11,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _mediaCard = require("@atlaskit/media-card");
-var _mediaUi = require("@atlaskit/media-ui");
+var _mediaInline = require("@atlaskit/editor-common/media-inline");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
+var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
-var _MediaCard = require("../../ui/MediaCard");
+var _mediaUi = require("@atlaskit/media-ui");
+var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _mediaInline = require("@atlaskit/editor-common/media-inline");
+var _MediaCard = require("../../ui/MediaCard");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }

package/dist/cjs/react/nodes/orderedList.js

@@ -11,22 +11,18 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _lists = require("../utils/lists");
-var _useFeatureFlags = require("../../use-feature-flags");
 function OrderedList(props) {
-  var featureFlags = (0, _useFeatureFlags.useFeatureFlags)();
+  var _props$content;
   var extraProps = {};
-  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
-    var _props$content;
-    var itemCounterDigitsSize = (0, _utils.getItemCounterDigitsSize)({
-      order: props.order,
-      itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
-    });
-    if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
-      extraProps.style = (0, _styles.getOrderedListInlineStyles)(itemCounterDigitsSize, 'object');
-    }
-    if (props.order !== undefined) {
-      extraProps.start = (0, _utils.resolveOrder)(props.order);
-    }
+  var itemCounterDigitsSize = (0, _utils.getItemCounterDigitsSize)({
+    order: props.order,
+    itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
+  });
+  if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
+    extraProps.style = (0, _styles.getOrderedListInlineStyles)(itemCounterDigitsSize, 'object');
+  }
+  if (props.order !== undefined) {
+    extraProps.start = (0, _utils.resolveOrder)(props.order);
   }
   return /*#__PURE__*/_react.default.createElement("ol", (0, _extends2.default)({
     className: _adfSchema.orderedListSelector.substr(1),

package/dist/cjs/ui/Renderer/index.js

@@ -54,7 +54,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.21.1";
+var packageVersion = "109.0.1";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/es2019/react/nodes/mediaInline.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useEffect, useState, useCallback } from 'react';
-import { MediaInlineCard } from '@atlaskit/media-card';
-import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
+import { MediaInlineImageCard, shouldShowInlineImage } from '@atlaskit/editor-common/media-inline';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
+import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
-import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
+import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
+import React, { useCallback, useEffect, useState } from 'react';
 import { createIntl, injectIntl } from 'react-intl-next';
-import { shouldShowInlineImage, MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
+import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 export const RenderMediaInline = ({
   rendererAppearance,
   intl,

package/dist/es2019/react/nodes/orderedList.js

@@ -4,22 +4,18 @@ import { orderedListSelector } from '@atlaskit/adf-schema';
 import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
 import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
 import { getListIndentLevel } from '../utils/lists';
-import { useFeatureFlags } from '../../use-feature-flags';
 export default function OrderedList(props) {
-  const featureFlags = useFeatureFlags();
+  var _props$content;
   let extraProps = {};
-  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
-    var _props$content;
-    const itemCounterDigitsSize = getItemCounterDigitsSize({
-      order: props.order,
-      itemsCount: props === null || props === void 0 ? void 0 : (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
-    });
-    if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
-      extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
-    }
-    if (props.order !== undefined) {
-      extraProps.start = resolveOrder(props.order);
-    }
+  const itemCounterDigitsSize = getItemCounterDigitsSize({
+    order: props.order,
+    itemsCount: props === null || props === void 0 ? void 0 : (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
+  });
+  if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
+    extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
+  }
+  if (props.order !== undefined) {
+    extraProps.start = resolveOrder(props.order);
   }
   return /*#__PURE__*/React.createElement("ol", _extends({
     className: orderedListSelector.substr(1),

package/dist/es2019/ui/Renderer/index.js

@@ -35,7 +35,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "108.21.1";
+const packageVersion = "109.0.1";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/esm/react/nodes/mediaInline.js

@@ -5,14 +5,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect, useState, useCallback } from 'react';
-import { MediaInlineCard } from '@atlaskit/media-card';
-import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
+import { MediaInlineImageCard, shouldShowInlineImage } from '@atlaskit/editor-common/media-inline';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
+import { MediaInlineCard } from '@atlaskit/media-card';
 import { MediaClientContext } from '@atlaskit/media-client-react';
-import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
+import { MediaInlineCardErroredView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
+import React, { useCallback, useEffect, useState } from 'react';
 import { createIntl, injectIntl } from 'react-intl-next';
-import { shouldShowInlineImage, MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
+import { getClipboardAttrs, mediaIdentifierMap } from '../../ui/MediaCard';
 export var RenderMediaInline = function RenderMediaInline(_ref) {
   var rendererAppearance = _ref.rendererAppearance,
     intl = _ref.intl,

package/dist/esm/react/nodes/orderedList.js

@@ -4,22 +4,18 @@ import { orderedListSelector } from '@atlaskit/adf-schema';
 import { getOrderedListInlineStyles } from '@atlaskit/editor-common/styles';
 import { getItemCounterDigitsSize, resolveOrder } from '@atlaskit/editor-common/utils';
 import { getListIndentLevel } from '../utils/lists';
-import { useFeatureFlags } from '../../use-feature-flags';
 export default function OrderedList(props) {
-  var featureFlags = useFeatureFlags();
+  var _props$content;
   var extraProps = {};
-  if (featureFlags !== null && featureFlags !== void 0 && featureFlags.restartNumberedLists) {
-    var _props$content;
-    var itemCounterDigitsSize = getItemCounterDigitsSize({
-      order: props.order,
-      itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
-    });
-    if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
-      extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
-    }
-    if (props.order !== undefined) {
-      extraProps.start = resolveOrder(props.order);
-    }
+  var itemCounterDigitsSize = getItemCounterDigitsSize({
+    order: props.order,
+    itemsCount: props === null || props === void 0 || (_props$content = props.content) === null || _props$content === void 0 ? void 0 : _props$content.length
+  });
+  if (itemCounterDigitsSize && itemCounterDigitsSize > 2) {
+    extraProps.style = getOrderedListInlineStyles(itemCounterDigitsSize, 'object');
+  }
+  if (props.order !== undefined) {
+    extraProps.start = resolveOrder(props.order);
   }
   return /*#__PURE__*/React.createElement("ol", _extends({
     className: orderedListSelector.substr(1),

package/dist/esm/ui/Renderer/index.js

@@ -45,7 +45,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "108.21.1";
+var packageVersion = "109.0.1";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/types/react/nodes/mediaInline.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import type { FC } from 'react';
+import type { MediaInlineAttrs } from '@atlaskit/editor-common/media-inline';
 import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { FileIdentifier } from '@atlaskit/media-client';
-import type { MediaProvider, ClipboardAttrs } from '../../ui/MediaCard';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { FC } from 'react';
+import React from 'react';
 import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
-import type { EventHandlers } from '@atlaskit/editor-common/ui';
+import type { ClipboardAttrs, MediaProvider } from '../../ui/MediaCard';
 import type { RendererAppearance } from '../../ui/Renderer/types';
-import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { RendererContext } from '../types';
-import type { MediaInlineAttrs } from '@atlaskit/editor-common/media-inline';
 type MediaInlineProviders = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
@@ -34,7 +34,7 @@ export type MediaInlineProps = {
     featureFlags?: MediaFeatureFlags;
 };
 export declare const RenderMediaInline: FC<RenderMediaInlineProps & MediaInlineAttrs>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>> & {
+declare const _default: FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>> & {
     WrappedComponent: React.ComponentType<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>;
 };
 export default _default;

package/dist/types-ts4.5/react/nodes/mediaInline.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import type { FC } from 'react';
+import type { MediaInlineAttrs } from '@atlaskit/editor-common/media-inline';
 import type { ContextIdentifierProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import type { EventHandlers } from '@atlaskit/editor-common/ui';
 import type { FileIdentifier } from '@atlaskit/media-client';
-import type { MediaProvider, ClipboardAttrs } from '../../ui/MediaCard';
+import type { MediaFeatureFlags } from '@atlaskit/media-common';
+import type { FC } from 'react';
+import React from 'react';
 import type { IntlShape, WrappedComponentProps } from 'react-intl-next';
-import type { EventHandlers } from '@atlaskit/editor-common/ui';
+import type { ClipboardAttrs, MediaProvider } from '../../ui/MediaCard';
 import type { RendererAppearance } from '../../ui/Renderer/types';
-import type { MediaFeatureFlags } from '@atlaskit/media-common';
 import type { RendererContext } from '../types';
-import type { MediaInlineAttrs } from '@atlaskit/editor-common/media-inline';
 type MediaInlineProviders = {
     mediaProvider?: Promise<MediaProvider>;
     contextIdentifierProvider?: Promise<ContextIdentifierProvider>;
@@ -34,7 +34,7 @@ export type MediaInlineProps = {
     featureFlags?: MediaFeatureFlags;
 };
 export declare const RenderMediaInline: FC<RenderMediaInlineProps & MediaInlineAttrs>;
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>> & {
+declare const _default: FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>> & {
     WrappedComponent: React.ComponentType<MediaInlineProps & WrappedComponentProps<"intl"> & MediaInlineAttrs>;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "108.21.1",
+  "version": "109.0.1",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -22,7 +22,7 @@
     "website": {
       "name": "Renderer"
     },
-    "supportsReact18": true
+    "runReact18": true
   },
   "dependencies": {
     "@atlaskit/adf-schema": "^35.1.1",
@@ -30,7 +30,7 @@
     "@atlaskit/analytics-listeners": "^8.7.0",
     "@atlaskit/analytics-namespaced-context": "^6.7.0",
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^17.0.0",
+    "@atlaskit/button": "^17.1.0",
     "@atlaskit/code": "^15.1.0",
     "@atlaskit/editor-common": "^76.27.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",