@atlaskit/editor-common 94.10.0 → 94.11.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 94.11.0
+
+### Minor Changes
+
+- [#159546](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/159546)
+  [`e2dc2f10636c6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e2dc2f10636c6) -
+  [ux] Layout responsiveness in renderer
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 94.10.0
 
 ### Minor Changes

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "94.10.0";
+var packageVersion = "94.11.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/index.js

@@ -183,6 +183,12 @@ Object.defineProperty(exports, "codeMarkSharedStyles", {
     return _codeMark.codeMarkSharedStyles;
   }
 });
+Object.defineProperty(exports, "columnLayoutResponsiveSharedStyle", {
+  enumerable: true,
+  get: function get() {
+    return _columnLayout.columnLayoutResponsiveSharedStyle;
+  }
+});
 Object.defineProperty(exports, "columnLayoutSharedStyle", {
   enumerable: true,
   get: function get() {

package/dist/cjs/styles/shared/column-layout.js

@@ -4,12 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.columnLayoutSharedStyle = void 0;
+exports.columnLayoutSharedStyle = exports.columnLayoutResponsiveSharedStyle = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+var _dataLayoutSection2; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var columnLayoutSharedStyle = exports.columnLayoutSharedStyle = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '[data-layout-section]': (0, _defineProperty2.default)({
@@ -29,5 +28,30 @@ var columnLayoutSharedStyle = exports.columnLayoutSharedStyle = (0, _react.css)(
     flexDirection: 'column'
   })
 });
+var columnLayoutResponsiveSharedStyle = exports.columnLayoutResponsiveSharedStyle = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.layout-section-container': {
+    containerType: 'inline-size',
+    containerName: 'layout-area',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '[data-layout-section]': (_dataLayoutSection2 = {
+      display: 'grid',
+      gap: "var(--ds-space-200, 16px)",
+      gridTemplateColumns: "repeat(auto-fit, minmax(0, 1fr))"
+    }, (0, _defineProperty2.default)(_dataLayoutSection2, "@container layout-area (max-width:".concat(_editorSharedStyles.layoutBreakpointWidth.MEDIUM - 1, "px) and (min-width: ").concat(_editorSharedStyles.layoutBreakpointWidth.SMALL, "px)"), {
+      gridTemplateColumns: "repeat(1, 1fr)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-layout-columns="4"], &[data-layout-columns="5"]': {
+        gridTemplateColumns: "repeat(2, 1fr)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+        '& > :nth-child(5)': {
+          gridColumn: 'span 2'
+        }
+      }
+    }), (0, _defineProperty2.default)(_dataLayoutSection2, "@container layout-area (width < ".concat(_editorSharedStyles.layoutBreakpointWidth.SMALL, "px)"), {
+      gridTemplateColumns: "repeat(1, 1fr)"
+    }), _dataLayoutSection2)
+  }
+});
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.10.0";
+var packageVersion = "94.11.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "94.10.0";
+const packageVersion = "94.11.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/index.js

@@ -2,7 +2,7 @@ export { textColorStyles } from './shared/text-color';
 export { backgroundColorStyles } from './shared/background-color';
 export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl } from './shared/table';
 export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles } from './shared/annotation';
-export { columnLayoutSharedStyle } from './shared/column-layout';
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';

package/dist/es2019/styles/shared/column-layout.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
+import { gridMediumMaxWidth, layoutBreakpointWidth } from '@atlaskit/editor-shared-styles';
 const columnLayoutSharedStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '[data-layout-section]': {
@@ -22,6 +22,35 @@ const columnLayoutSharedStyle = css({
     }
   }
 });
+const columnLayoutResponsiveSharedStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.layout-section-container': {
+    containerType: 'inline-size',
+    containerName: 'layout-area',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '[data-layout-section]': {
+      display: 'grid',
+      gap: "var(--ds-space-200, 16px)",
+      gridTemplateColumns: `repeat(auto-fit, minmax(0, 1fr))`,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+      [`@container layout-area (max-width:${layoutBreakpointWidth.MEDIUM - 1}px) and (min-width: ${layoutBreakpointWidth.SMALL}px)`]: {
+        gridTemplateColumns: `repeat(1, 1fr)`,
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+        '&[data-layout-columns="4"], &[data-layout-columns="5"]': {
+          gridTemplateColumns: `repeat(2, 1fr)`,
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+          '& > :nth-child(5)': {
+            gridColumn: 'span 2'
+          }
+        }
+      },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
+      [`@container layout-area (width < ${layoutBreakpointWidth.SMALL}px)`]: {
+        gridTemplateColumns: `repeat(1, 1fr)`
+      }
+    }
+  }
+});
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export { columnLayoutSharedStyle };
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle };

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "94.10.0";
+const packageVersion = "94.11.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "94.10.0";
+var packageVersion = "94.11.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/index.js

@@ -2,7 +2,7 @@ export { textColorStyles } from './shared/text-color';
 export { backgroundColorStyles } from './shared/background-color';
 export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl } from './shared/table';
 export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles } from './shared/annotation';
-export { columnLayoutSharedStyle } from './shared/column-layout';
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';

package/dist/esm/styles/shared/column-layout.js

@@ -1,7 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _dataLayoutSection2;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
+import { gridMediumMaxWidth, layoutBreakpointWidth } from '@atlaskit/editor-shared-styles';
 var columnLayoutSharedStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '[data-layout-section]': _defineProperty({
@@ -21,6 +22,31 @@ var columnLayoutSharedStyle = css({
     flexDirection: 'column'
   })
 });
+var columnLayoutResponsiveSharedStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  '.layout-section-container': {
+    containerType: 'inline-size',
+    containerName: 'layout-area',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+    '[data-layout-section]': (_dataLayoutSection2 = {
+      display: 'grid',
+      gap: "var(--ds-space-200, 16px)",
+      gridTemplateColumns: "repeat(auto-fit, minmax(0, 1fr))"
+    }, _defineProperty(_dataLayoutSection2, "@container layout-area (max-width:".concat(layoutBreakpointWidth.MEDIUM - 1, "px) and (min-width: ").concat(layoutBreakpointWidth.SMALL, "px)"), {
+      gridTemplateColumns: "repeat(1, 1fr)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors, @atlaskit/ui-styling-standard/no-nested-selectors
+      '&[data-layout-columns="4"], &[data-layout-columns="5"]': {
+        gridTemplateColumns: "repeat(2, 1fr)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+        '& > :nth-child(5)': {
+          gridColumn: 'span 2'
+        }
+      }
+    }), _defineProperty(_dataLayoutSection2, "@container layout-area (width < ".concat(layoutBreakpointWidth.SMALL, "px)"), {
+      gridTemplateColumns: "repeat(1, 1fr)"
+    }), _dataLayoutSection2)
+  }
+});
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export { columnLayoutSharedStyle };
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle };

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

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.10.0";
+var packageVersion = "94.11.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -2,7 +2,7 @@ export { textColorStyles } from './shared/text-color';
 export { backgroundColorStyles } from './shared/background-color';
 export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
 export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
-export { columnLayoutSharedStyle } from './shared/column-layout';
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName, } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';

package/dist/types/styles/shared/column-layout.d.ts

@@ -1,2 +1,3 @@
 declare const columnLayoutSharedStyle: import("@emotion/react").SerializedStyles;
-export { columnLayoutSharedStyle };
+declare const columnLayoutResponsiveSharedStyle: import("@emotion/react").SerializedStyles;
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle };

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

@@ -2,7 +2,7 @@ export { textColorStyles } from './shared/text-color';
 export { backgroundColorStyles } from './shared/background-color';
 export { tableSharedStyle, tableMarginTop, tableMarginBottom, tableMarginSides, tableCellMinWidth, tableNewColumnMinWidth, tableCellBorderWidth, calcTableWidth, TableSharedCssClassName, tableResizeHandleWidth, tableCellPadding, tableMarginTopWithControl, } from './shared/table';
 export { AnnotationSharedClassNames, BlockAnnotationSharedClassNames, AnnotationSharedCSSByState, annotationSharedStyles, } from './shared/annotation';
-export { columnLayoutSharedStyle } from './shared/column-layout';
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle } from './shared/column-layout';
 export { mediaSingleSharedStyle, mediaSingleSharedStyleNew, richMediaClassName, } from './shared/media-single';
 export { blockquoteSharedStyles } from './shared/blockquote';
 export { headingsSharedStyles } from './shared/headings';

package/dist/types-ts4.5/styles/shared/column-layout.d.ts

@@ -1,2 +1,3 @@
 declare const columnLayoutSharedStyle: import("@emotion/react").SerializedStyles;
-export { columnLayoutSharedStyle };
+declare const columnLayoutResponsiveSharedStyle: import("@emotion/react").SerializedStyles;
+export { columnLayoutSharedStyle, columnLayoutResponsiveSharedStyle };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "94.10.0",
+	"version": "94.11.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -123,7 +123,7 @@
 		"@atlaskit/editor-json-transformer": "^8.20.0",
 		"@atlaskit/editor-palette": "1.6.3",
 		"@atlaskit/editor-prosemirror": "6.0.0",
-		"@atlaskit/editor-shared-styles": "^3.1.0",
+		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/emoji": "^67.9.0",
 		"@atlaskit/icon": "^22.24.0",
@@ -146,7 +146,7 @@
 		"@atlaskit/primitives": "^13.0.0",
 		"@atlaskit/profilecard": "^20.8.0",
 		"@atlaskit/section-message": "^6.6.0",
-		"@atlaskit/smart-card": "^30.1.0",
+		"@atlaskit/smart-card": "^30.2.0",
 		"@atlaskit/smart-user-picker": "^6.11.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/task-decision": "^17.11.0",