@atlaskit/renderer 128.1.0 → 128.2.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/renderer
 
+## 128.2.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 128.2.0
+
+### Minor Changes
+
+- [`ae5fac6f9f299`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae5fac6f9f299) -
+  Added support for Smart Link draggable changeboarding in Confluence ADF renderer. This change adds
+  an optional smartLinkDraggableChangeboardConfig prop and passes shouldShow/onClose into Smart
+  Links, with no breaking API changes.
+
+### Patch Changes
+
+- [`7428d9bf3aa13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7428d9bf3aa13) -
+  Clean up platform_synced_block_patch_5 feature gate
+- [`af385c410f9b1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/af385c410f9b1) -
+  [ux] EDITOR-5909 Hide markers for wrapper task list items
+- Updated dependencies
+
 ## 128.1.0
 
 ### Minor Changes

package/dist/cjs/react/index.js

@@ -503,7 +503,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
       });
       // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
-      var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
+      var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true) ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
       var isAnnotationMark = function isAnnotationMark(mark) {
         return mark.type === annotation;
       };

package/dist/cjs/ui/MediaCard.js

@@ -24,7 +24,6 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
 var _analytics = require("@atlaskit/editor-common/analytics");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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; }
@@ -122,9 +121,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         attributes: _objectSpread(_objectSpread({
           reason: reason,
           external: false
-        }, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
+        }, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
           nestedUnder: nestedUnder
-        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
+        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true) ? {
           nestedRendererType: rendererContext.nestedRendererType
         } : {})
       });

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

@@ -710,20 +710,22 @@ var listsSharedStylesForGekko = (0, _react.css)({
  * Applied when platform_editor_flexible_list_indentation experiment is enabled.
  */
 var listItemHiddenMarkerStyles = (0, _react.css)({
-  // Hide markers for bullet list wrapper items (li containing only ul)
-  'li:has(> ul:only-child)': {
-    listStyleType: 'none'
-  },
-  // Hide markers for ordered list wrapper items (li containing only ol)
-  'li:has(> ol:only-child)': {
-    listStyleType: 'none'
+  // Hide markers and remove spacing for wrapper list items (items containing only nested lists)
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
+    listStyleType: 'none',
+    marginTop: 0,
+    marginBottom: 0
   },
-  // Hide markers for task list wrapper items (li containing only action list div)
-  'li:has(> div[data-node-type="actionList"]:only-child)': {
-    listStyleType: 'none'
+  // Remove margin from nested lists inside wrapper list items to avoid double spacing
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
+    marginTop: 0
   },
-  // Hide checkbox for wrapper task list items
-  'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
+  // Collapse wrapper task items (empty task items followed by a sibling nested task list)
+  // Only hides empty task items that are actual wrappers, not regular empty task items
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
     display: 'none'
   }
 });

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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "128.0.8";
+var packageVersion = "128.2.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/react/index.js

@@ -462,7 +462,7 @@ export default class ReactSerializer {
       return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
     });
     // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
-    const nestedUnder = editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
+    const nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
     const isAnnotationMark = mark => mark.type === annotation;
     const isLinkMark = mark => mark.type === link;
     const isBorderMark = mark => isChildOfMediaSingle && mark.type === border;

package/dist/es2019/ui/MediaCard.js

@@ -9,7 +9,6 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import AnalyticsContext from '../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const mediaIdentifierMap = new Map();
 export const getListOfIdentifiersFromDoc = doc => {
   if (!doc) {
@@ -78,10 +77,10 @@ export class MediaCardView extends Component {
         attributes: {
           reason,
           external: false,
-          ...(nestedUnder && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
+          ...(nestedUnder && editorExperiment('platform_synced_block', true) ? {
             nestedUnder
           } : {}),
-          ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
+          ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
             nestedRendererType: rendererContext.nestedRendererType
           } : {})
         }

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

@@ -833,20 +833,22 @@ const listsSharedStylesForGekko = css({
  * Applied when platform_editor_flexible_list_indentation experiment is enabled.
  */
 const listItemHiddenMarkerStyles = css({
-  // Hide markers for bullet list wrapper items (li containing only ul)
-  'li:has(> ul:only-child)': {
-    listStyleType: 'none'
-  },
-  // Hide markers for ordered list wrapper items (li containing only ol)
-  'li:has(> ol:only-child)': {
-    listStyleType: 'none'
+  // Hide markers and remove spacing for wrapper list items (items containing only nested lists)
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
+    listStyleType: 'none',
+    marginTop: 0,
+    marginBottom: 0
   },
-  // Hide markers for task list wrapper items (li containing only action list div)
-  'li:has(> div[data-node-type="actionList"]:only-child)': {
-    listStyleType: 'none'
+  // Remove margin from nested lists inside wrapper list items to avoid double spacing
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
+    marginTop: 0
   },
-  // Hide checkbox for wrapper task list items
-  'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
+  // Collapse wrapper task items (empty task items followed by a sibling nested task list)
+  // Only hides empty task items that are actual wrappers, not regular empty task items
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
     display: 'none'
   }
 });

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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "128.0.8";
+const packageVersion = "128.2.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/react/index.js

@@ -496,7 +496,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
       });
       // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
-      var nestedUnder = editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
+      var nestedUnder = editorExperiment('platform_synced_block', true) ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
       var isAnnotationMark = function isAnnotationMark(mark) {
         return mark.type === annotation;
       };

package/dist/esm/ui/MediaCard.js

@@ -20,7 +20,6 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import AnalyticsContext from '../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var mediaIdentifierMap = new Map();
 export var getListOfIdentifiersFromDoc = function getListOfIdentifiersFromDoc(doc) {
   if (!doc) {
@@ -113,9 +112,9 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         attributes: _objectSpread(_objectSpread({
           reason: reason,
           external: false
-        }, nestedUnder && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
+        }, nestedUnder && editorExperiment('platform_synced_block', true) ? {
           nestedUnder: nestedUnder
-        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
+        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) ? {
           nestedRendererType: rendererContext.nestedRendererType
         } : {})
       });

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

@@ -703,20 +703,22 @@ var listsSharedStylesForGekko = css({
  * Applied when platform_editor_flexible_list_indentation experiment is enabled.
  */
 var listItemHiddenMarkerStyles = css({
-  // Hide markers for bullet list wrapper items (li containing only ul)
-  'li:has(> ul:only-child)': {
-    listStyleType: 'none'
-  },
-  // Hide markers for ordered list wrapper items (li containing only ol)
-  'li:has(> ol:only-child)': {
-    listStyleType: 'none'
+  // Hide markers and remove spacing for wrapper list items (items containing only nested lists)
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'li:has(> ul:only-child), li:has(> ol:only-child), li:has(> div[data-node-type="actionList"]:only-child)': {
+    listStyleType: 'none',
+    marginTop: 0,
+    marginBottom: 0
   },
-  // Hide markers for task list wrapper items (li containing only action list div)
-  'li:has(> div[data-node-type="actionList"]:only-child)': {
-    listStyleType: 'none'
+  // Remove margin from nested lists inside wrapper list items to avoid double spacing
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'li:has(> ul:only-child) > ul, li:has(> ol:only-child) > ol, li:has(> div[data-node-type="actionList"]:only-child) > div[data-node-type="actionList"]': {
+    marginTop: 0
   },
-  // Hide checkbox for wrapper task list items
-  'li:has(> div[data-node-type="actionList"]:only-child) input[type="checkbox"]': {
+  // Collapse wrapper task items (empty task items followed by a sibling nested task list)
+  // Only hides empty task items that are actual wrappers, not regular empty task items
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  'div[data-task-local-id]:has([data-component="content"]:empty):has(+ div[data-node-type="actionList"])': {
     display: 'none'
   }
 });

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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "128.0.8";
+var packageVersion = "128.2.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/types/smartLinksOptions.d.ts

@@ -32,6 +32,13 @@ export interface SmartLinksOptions {
      * Component: inline
      */
     hideHoverPreview?: boolean;
+    /**
+     * Changeboard configuration for Smart Link Draggable feature
+     */
+    smartLinkDraggableChangeboardConfig?: {
+        onClose: () => void;
+        shouldShow: boolean;
+    };
     /**
      * A flag to enable inline Smart Link to render without lazy loading.
      * Default is false.

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

@@ -32,6 +32,13 @@ export interface SmartLinksOptions {
      * Component: inline
      */
     hideHoverPreview?: boolean;
+    /**
+     * Changeboard configuration for Smart Link Draggable feature
+     */
+    smartLinkDraggableChangeboardConfig?: {
+        onClose: () => void;
+        shouldShow: boolean;
+    };
     /**
      * A flag to enable inline Smart Link to render without lazy loading.
      * Default is false.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "128.1.0",
+	"version": "128.2.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,9 +59,9 @@
 		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^40.3.0",
+		"@atlaskit/tmp-editor-statsig": "^41.0.0",
 		"@atlaskit/tokens": "^11.1.0",
-		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/tooltip": "^21.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -73,7 +73,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.5.0",
+		"@atlaskit/editor-common": "^112.6.0",
 		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -240,9 +240,6 @@
 		"platform_editor_renderer_selection_context": {
 			"type": "boolean",
 			"referenceOnly": "true"
-		},
-		"platform_synced_block_patch_5": {
-			"type": "boolean"
 		}
 	}
 }