@atlaskit/editor-extension-dropbox 16.0.8 → 16.1.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-extension-dropbox
 
+## 16.1.0
+
+### Minor Changes
+
+- [`c7ac8f1cd5f6b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c7ac8f1cd5f6b) -
+  Add ModalTitle usage behind platform_dst_modal-dialog-use-modal-title (adds
+  @atlaskit/platform-feature-flags).
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.0.9
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 16.0.8
 
 ### Patch Changes

package/__tests__/vr-tests/dropbox-modal.vr.tsx

@@ -0,0 +1,11 @@
+import { snapshot } from '@af/visual-regression';
+
+import DropboxModalOpen from '../../examples/dropbox-modal.vr.ap';
+
+snapshot(DropboxModalOpen, {
+	description: 'Dropbox modal title',
+	drawsOutsideBounds: true,
+	featureFlags: {
+		'platform_dst_modal-dialog-use-modal-title': [true, false],
+	},
+});

package/dist/cjs/modal.js

@@ -14,6 +14,8 @@ var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/mo
 var _closeButton = require("@atlaskit/modal-dialog/close-button");
 var _hooks = require("@atlaskit/modal-dialog/hooks");
 var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
+var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 var _constants = require("./constants");
 var _primitives = require("@atlaskit/primitives");
@@ -69,7 +71,10 @@ var Header = function Header() {
     css: spacingDivStyle
   }), (0, _react2.jsx)(_primitives.Box, {
     xcss: headingStyle
-  }, (0, _react2.jsx)(_heading.default, {
+  }, (0, _fg.fg)('platform_dst_modal-dialog-use-modal-title') ? (0, _react2.jsx)(_modalTitle.default, null, (0, _react2.jsx)(_heading.default, {
+    size: "xsmall",
+    as: "span"
+  }, "Dropbox")) : (0, _react2.jsx)(_heading.default, {
     id: titleId,
     size: "xsmall"
   }, "Dropbox")), (0, _react2.jsx)("div", null, (0, _react2.jsx)(_closeButton.CloseButton, {

package/dist/es2019/modal.js

@@ -10,6 +10,8 @@ import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { CloseButton } from '@atlaskit/modal-dialog/close-button';
 import { useModal } from '@atlaskit/modal-dialog/hooks';
 import AKModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Heading from '@atlaskit/heading/heading';
 import { DROPBOX_IFRAME_NAME } from './constants';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -57,7 +59,10 @@ const Header = () => {
     css: spacingDivStyle
   }), jsx(Box, {
     xcss: headingStyle
-  }, jsx(Heading, {
+  }, fg('platform_dst_modal-dialog-use-modal-title') ? jsx(ModalTitle, null, jsx(Heading, {
+    size: "xsmall",
+    as: "span"
+  }, "Dropbox")) : jsx(Heading, {
     id: titleId,
     size: "xsmall"
   }, "Dropbox")), jsx("div", null, jsx(CloseButton, {

package/dist/esm/modal.js

@@ -11,6 +11,8 @@ import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
 import { CloseButton } from '@atlaskit/modal-dialog/close-button';
 import { useModal } from '@atlaskit/modal-dialog/hooks';
 import AKModalBody from '@atlaskit/modal-dialog/modal-body';
+import ModalTitle from '@atlaskit/modal-dialog/modal-title';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import Heading from '@atlaskit/heading/heading';
 import { DROPBOX_IFRAME_NAME } from './constants';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -57,7 +59,10 @@ var Header = function Header() {
     css: spacingDivStyle
   }), jsx(Box, {
     xcss: headingStyle
-  }, jsx(Heading, {
+  }, fg('platform_dst_modal-dialog-use-modal-title') ? jsx(ModalTitle, null, jsx(Heading, {
+    size: "xsmall",
+    as: "span"
+  }, "Dropbox")) : jsx(Heading, {
     id: titleId,
     size: "xsmall"
   }, "Dropbox")), jsx("div", null, jsx(CloseButton, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-extension-dropbox",
-	"version": "16.0.8",
+	"version": "16.1.0",
 	"description": "A an atlassian editor extension to add a native dropbox picker",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,25 +36,33 @@
 		"@atlaskit/heading": "^7.2.0",
 		"@atlaskit/modal-dialog": "^16.6.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
+		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/primitives": "^22.5.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/section-message": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^196.0.0",
+		"@atlaskit/tmp-editor-statsig": "^197.0.0",
 		"@atlaskit/tokens": "^17.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"@emotion/react": "^11.7.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^122.7.0",
+		"@atlaskit/editor-common": "^122.9.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0"
 	},
 	"devDependencies": {
+		"@af/visual-regression": "workspace:^",
 		"@atlassian/experiment-test-utils": "^0.2.0",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@atlassian/workbench": "workspace:*",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0"
+	},
+	"platform-feature-flags": {
+		"platform_dst_modal-dialog-use-modal-title": {
+			"type": "boolean",
+			"referenceOnly": true
+		}
 	}
 }